:root{--ink:#242024;--paper:#fff;--accent:#5c2445;--line:#ded7db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:18px/1.6 Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd5c94;outline-offset:4px}header{position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 6vw}header img{object-fit:contain}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:16px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(48px,6.2vw,92px);margin:24px 0}h2{font-size:clamp(40px,5vw,68px)}h3{font-size:23px;line-height:1.3}em{font-weight:400}.eyebrow{font-size:14px;letter-spacing:.16em;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:50px 7vw 65px}.hero-brand{position:relative;width:300px;max-width:100%;aspect-ratio:589/351;overflow:hidden;margin:0 0 28px}.hero-logo{position:absolute;display:block;width:260.781%;max-width:none;height:auto;left:-81.324%;top:-86.325%;margin:0}.hero-copy>p:not(.eyebrow){font-size:21px}.hero-photo{position:relative;background:#907b5d;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:contain;display:block}.hero-photo span{position:absolute;bottom:18px;left:20px;right:20px;background:#fff;padding:10px 15px;text-align:center;font-size:13px;letter-spacing:.07em}.button{border:0;background:var(--accent);color:white;padding:16px 26px;display:inline-block;text-decoration:none;font-weight:700;font-size:16px;line-height:1.5}.button:hover{background:#3c1830}.intro{padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid var(--line)}.intro>p{font:36px/1.25 Georgia,serif;margin:0}.intro>div{max-width:620px}.collection{padding:85px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2{margin-bottom:25px}.section-heading>p{font-size:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 40px}.tabs button{border:1px solid var(--line);background:white;padding:12px 25px;font-size:16px}.tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 26px}.card{background:transparent;border:0;text-align:left;padding:0;color:inherit}.card-image{overflow:hidden;background:#efebed;aspect-ratio:4/5}.card img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.card:hover img{transform:scale(1.035)}.card h3{font-size:26px;margin:17px 0 6px;font-weight:500}.card p{font-size:16px;line-height:1.5;margin-bottom:8px}.card span{font-size:14px;color:#625660;border-bottom:1px solid #625660}.story{background:#272127;color:#fff;padding:85px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:65px}.story p{font-size:20px}.story .eyebrow{font-size:14px}.custom{padding:85px 7vw;background:#f5f0f3}.custom>p{max-width:650px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1000px;margin:35px 0}label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:700}input,select,textarea{width:100%;padding:14px;border:1px solid #b6aab1;background:#fff;border-radius:0;color:var(--ink);font-weight:400;font-size:18px}textarea{min-height:100px;resize:vertical}#request-result{max-width:1000px;margin-top:35px}#message{min-height:180px;margin-bottom:15px}.care{padding:65px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.care span{font-size:14px;letter-spacing:.07em}.care h3{margin-top:15px}.care p{font-size:16px}footer{border-top:1px solid var(--line);padding:30px 6vw;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:14px}footer img{width:110px}footer p{margin:0}dialog{width:min(1150px,95vw);max-height:92vh;border:0;padding:50px 35px 35px;background:white;color:var(--ink)}dialog::backdrop{background:#191019cf}.close{position:absolute;right:16px;top:8px;border:0;background:white;font-size:36px;line-height:1;width:42px;height:42px}.gallery-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}#gallery-image{width:100%;max-height:60vh;object-fit:contain;background:#f3eff2}.gallery-info{padding-top:25px}.gallery-info h2{font-size:48px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:8px;font-size:14px}.gallery-controls button{background:white;border:1px solid var(--line);padding:8px;font-size:14px}#thumbnails{display:flex;gap:8px;overflow:auto;padding:5px 0}#thumbnails button{flex:none;border:2px solid transparent;padding:0;background:white}#thumbnails button.active{border-color:var(--accent)}#thumbnails img{width:54px;height:65px;object-fit:contain;display:block}[hidden]{display:none!important}@media(max-width:760px){body{font-size:18px}header{padding:8px 5vw}header img{width:76px;height:50px}nav{gap:14px}nav a{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 7vw 40px}.hero-brand{width:250px;margin-bottom:25px}.hero-photo{max-height:650px}.hero-photo>img{height:auto}.intro{grid-template-columns:1fr;gap:25px;padding:45px 7vw}.intro>p{font-size:32px}.collection{padding:55px 6vw}.section-heading{display:block}.grid{grid-template-columns:1fr 1fr;gap:30px 16px}.card h3{font-size:23px}.card p{font-size:15px}.tabs button{padding:10px 16px}.story{grid-template-columns:1fr;gap:15px;padding:55px 7vw}.story h2{margin-bottom:15px}.custom{padding:55px 7vw}.fields{grid-template-columns:1fr;gap:20px}.care{grid-template-columns:1fr;gap:20px;padding:45px 7vw}footer{flex-wrap:wrap;gap:15px}dialog{padding:50px 18px 25px}.gallery-layout{grid-template-columns:1fr;gap:10px}.gallery-info{padding-top:10px}#gallery-image{max-height:48vh}.gallery-info h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}

.granny-config{max-width:1100px;margin:38px 0;padding:30px;background:#fff;border:1px solid var(--line)}.granny-heading h3{font:36px/1.15 Georgia,serif;margin-bottom:14px}.granny-heading>p:not(.eyebrow){max-width:600px}.granny-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}.granny-preview{min-width:0;position:relative}.granny-preview canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:white}.granny-note{font-size:14px;color:#655d63;margin:16px 0 0}.granny-tools{padding-top:15px}.granny-color-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);margin-bottom:10px}.granny-color-row.selected{border:2px solid var(--accent);padding:11px;background:#faf4f8}.granny-zone{flex:1;background:none;border:0;text-align:left;padding:0;color:var(--ink);font-size:16px;line-height:1.35;min-height:48px}.granny-zone strong,.granny-zone small{display:block}.granny-zone small{font-size:14px;color:#655d63;margin-top:4px}.granny-color-row input[type=color]{width:54px;height:48px;padding:3px;border:1px solid #b6aab1;cursor:pointer;flex:none}.granny-palette{display:flex;flex-wrap:wrap;gap:8px}.granny-palette button{height:40px;width:40px;border:1px solid #999;border-radius:50%;padding:0;box-shadow:inset 0 0 0 3px white}.palette-label{font-size:16px;margin:25px 0 12px}.granny-reset{font-size:16px;color:var(--accent);background:white;padding:10px 0;border:0;text-decoration:underline;margin-top:18px}.granny-status{font-size:14px;min-height:22px;margin:8px 0}.granny-heading .eyebrow{font-size:13px}@media(max-width:760px){.granny-config{padding:18px;margin:25px -2vw}.granny-layout{grid-template-columns:1fr;gap:12px}.granny-heading h3{font-size:30px}.granny-tools{padding-top:0}.granny-color-row{padding:8px 12px}.granny-color-row.selected{padding:7px 11px}.granny-zone{min-height:46px}}


.hero-media{min-width:0;background:#907b5d}.hero-media .hero-photo>img{height:auto}.cover-film-wrap{padding:28px;display:flex;justify-content:center;background:#272127}.cover-film{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:512/910;object-fit:contain;background:#171317}@media(max-width:760px){.cover-film-wrap{padding:24px 7vw}.cover-film{max-width:340px}}

.menu-toggle{display:flex;align-items:center;gap:15px;border:0;background:none;padding:12px 0 12px 20px;color:var(--ink);font-size:16px}.menu-lines{width:27px;height:12px;border-top:1.5px solid;border-bottom:1.5px solid;display:block}.site-menu{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:30px 7vw;background:#fbf7f2;color:var(--ink);overflow:auto}.site-menu::backdrop{background:#272127}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;letter-spacing:.1em}.menu-top button{border:0;background:none;color:var(--ink);padding:12px;font-size:16px;letter-spacing:0}.menu-top button span{font-size:30px;margin-left:10px;vertical-align:middle}.menu-links{display:flex;flex-direction:column;gap:0;max-width:850px;margin:65px auto 35px}.menu-links>a,.menu-links summary{display:block;font:clamp(29px,5vw,58px)/1.2 Georgia,serif;letter-spacing:-.025em;text-decoration:none;padding:20px 0;border-bottom:1px solid #ded7db;color:var(--ink)}.menu-links summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.menu-links summary::-webkit-details-marker{display:none}.menu-links summary::after{content:'+';font:30px/1.5 Arial,sans-serif}.menu-links details[open] summary::after{content:'−'}.menu-categories{display:flex;flex-wrap:wrap;gap:10px 25px;padding:22px 0}.menu-categories a{font:18px/1.6 Arial,sans-serif;color:var(--accent)}.menu-links>a:hover{color:var(--accent)}.menu-signature{max-width:850px;margin:35px auto;font:italic 24px/1.5 Georgia,serif;color:var(--accent)}.granny-hero-link{display:block;width:fit-content;margin-top:20px;color:var(--accent);font-size:17px;text-underline-offset:5px}.thread-divider{display:block;width:86%;height:64px;margin:20px auto;color:var(--accent)}main>.granny-config{max-width:none;margin:0;padding:60px 7vw 65px;background:#fbf7f2;border:0;scroll-margin-top:20px}main>.granny-config .granny-layout{max-width:1100px;margin:32px auto 0}.granny-heading h3{font-size:clamp(36px,5vw,64px);letter-spacing:-.035em}.granny-action{max-width:1100px;margin:28px auto 0}.granny-action p{font-size:15px;margin:12px 0 0;color:#655d63}.contacts{padding:65px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fbf7f2}.contacts h2{font-size:clamp(36px,4.5vw,60px);margin-bottom:20px}.contact-email{font-size:clamp(18px,2vw,25px);color:var(--accent);overflow-wrap:anywhere;text-underline-offset:6px}.tabs button{color:var(--ink)}.tabs button.active{color:white}@media(max-width:760px){.site-menu{padding:18px 7vw}.menu-links{margin-top:35px}.menu-links>a,.menu-links summary{padding:19px 0}.menu-top{font-size:12px}.contacts{grid-template-columns:1fr;gap:15px;padding:45px 7vw}main>.granny-config{padding:42px 7vw}.granny-heading .eyebrow{font-size:11px}.thread-divider{height:45px;margin:10px auto}.menu-signature{font-size:21px}}

.contact-instagram{margin:22px 0 0}.contact-instagram a{color:var(--accent);font-size:20px;text-underline-offset:6px}

.granny-color-row{flex-wrap:wrap;border-left:7px solid var(--yarn-color)}.granny-color-row.selected{border-left:7px solid var(--yarn-color)}.granny-color-row select{width:100%;padding:8px;font-size:15px}.granny-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(47px,1fr));gap:9px;max-height:340px;overflow-y:auto;padding:6px}.granny-palette button{display:flex;flex-direction:column;align-items:center;gap:3px;height:auto;min-height:62px;width:100%;border-radius:3px;background:white;border:1px solid #ded7db;box-shadow:none;padding:4px;color:var(--ink);font-size:12px}.granny-palette .yarn-swatch{display:block;width:32px;height:32px;border-radius:50%;background:var(--swatch);border:1px solid #999}.granny-palette button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.granny-preview canvas{cursor:pointer}

.market-story{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding-top:55px;border-top:1px solid #ffffff30}.market-story figure{margin:0}.market-story img{display:block;width:100%;height:auto}.market-story h3{font:400 clamp(34px,3.6vw,52px)/1.12 Georgia,serif;letter-spacing:-.025em;margin-bottom:30px}.market-story-copy p:last-child{margin-bottom:0}@media(max-width:760px){.market-story{grid-template-columns:1fr;gap:32px;margin-top:25px;padding-top:35px}}

.request-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.request-service-note{font-size:15px;line-height:1.6;max-width:680px}.request-actions .granny-reset{margin:0}.request-thanks{max-width:780px;margin:auto;padding:70px 7vw}

/* Original portraits and relocated existing film. */
.hero-media{background:#fff;display:flex;flex-direction:column;justify-content:center}.hero-media .cover-film-wrap{background:transparent}.hero-media-caption{margin:0 20px 18px;padding:10px 15px;text-align:center;font-size:13px;letter-spacing:.07em}.portrait-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,26px);padding:28px 6vw}.portrait-row>img{display:block;width:100%;height:auto;object-fit:contain}

/* Hand-drawn double frame: the decoration moves, the film stays still. */
.hero-media{position:relative;left:clamp(-80px,-5vw,-24px)}
.hero-media .cover-film-wrap{padding:36px 28px}
.film-frame{position:relative;width:100%;max-width:360px;isolation:isolate}
.film-frame .cover-film{width:100%;max-width:none}
.film-frame-lines{position:absolute;inset:-22px;width:calc(100% + 44px);height:calc(100% + 44px);overflow:visible;pointer-events:none;fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round}
.film-frame-lines rect,.film-frame-lines path{vector-effect:non-scaling-stroke;stroke-width:1.25}
.film-frame-lines .frame-outline{stroke-width:1.6}
.frame-sketch{transform-origin:center;animation:frame-drift 9s ease-in-out infinite alternate}
@keyframes frame-drift{0%{transform:translate(-1px,1px) rotate(-.25deg)}50%{transform:translate(1px,-2px) rotate(.15deg)}100%{transform:translate(2px,1px) rotate(.3deg)}}
@media(max-width:760px){.hero-media{left:0}.hero-media .cover-film-wrap{padding:36px max(32px,7vw)}.film-frame{max-width:340px}}
@media(prefers-reduced-motion:reduce){.frame-sketch{animation:none}}