/* Studio Wye / square cells, a valley, a current. */
@font-face{font-family:'Wye Pixel';src:url('assets/fonts/wye-pixel.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.boutique{--pixel:'Wye Pixel','IBM Plex Mono',monospace;--serif:var(--sans);--river:#c4502a;--bright-rust:#ed8c62;--amber:#f3cc76}
.boutique em{font-family:var(--pixel);font-style:normal;font-weight:400;letter-spacing:0;font-synthesis:none}
.boutique h1,.boutique h2,.boutique h3{font-family:var(--sans);font-weight:650;letter-spacing:-.055em}
.boutique .header-note{font:9px/1.7 var(--mono);letter-spacing:.04em;max-width:150px;color:#626455}
.boutique .site-header nav{font:500 10px/1.4 var(--mono);gap:26px}
.boutique .site-header nav>.nav-work{background:var(--rust-dark);color:var(--paper);border-color:var(--rust-dark);font:500 10px var(--mono);transition:background .2s}
.boutique .site-header nav>.nav-work:hover{background:#792a16;color:var(--paper)}
.boutique .site-header{border-bottom-color:#c6beac}
.boutique main{position:relative;isolation:isolate}
.boutique main>section{position:relative;z-index:1}
.boutique .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.12em}
.boutique-hero{grid-template-columns:1.25fr 1fr;gap:0 7%;padding-top:58px;background-image:linear-gradient(#9e92730a 1px,transparent 1px),linear-gradient(90deg,#9e92730a 1px,transparent 1px);background-size:44px 44px}
.hero-editorial h1{font:650 clamp(48px,5.65vw,89px)/1.06 var(--sans);letter-spacing:-.062em}
.hero-editorial h1 em{display:inline-block;font-size:.8em;line-height:1.6;white-space:nowrap;color:#a33e21;letter-spacing:0;vertical-align:middle}
.hero-editorial .eyebrow::before{content:'';display:inline-block;width:6px;height:6px;background:var(--river);margin-right:10px;box-shadow:8px -8px 0 #c4502a32}
.hero-editorial .eyebrow{margin-bottom:30px;color:#6d4939}
.editorial-intro{font-size:15px;margin-top:25px;max-width:410px}
.editorial-actions .quiet-link{font-family:var(--mono);font-size:10px;gap:20px}
.founder-portrait{padding:0 0 34px;max-width:490px}
.frame-label{display:flex;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);padding:13px 15px;font:8px/1.5 var(--mono);letter-spacing:.08em;border-bottom:1px solid #f3e9d823}
.frame-label i{display:inline-block;width:5px;height:5px;background:var(--bright-rust);margin-right:6px}
.portrait-crop{position:relative;border:9px solid var(--ink);border-top:0;border-bottom-width:22px;height:clamp(380px,38vw,535px);isolation:isolate}
.portrait-crop::after{content:'';position:absolute;inset:0;z-index:2;background:var(--rust);transform:scaleX(0);transform-origin:right;animation:frame-reveal 1.1s cubic-bezier(.7,0,.2,1) both;pointer-events:none}
.portrait-crop img{animation:portrait-settle 1.5s cubic-bezier(.2,.7,.2,1) both;object-position:center 44%}
.founder-portrait figcaption{font-family:var(--mono);font-size:8px;letter-spacing:.02em}
.portrait-accent{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:2px;width:auto;height:auto;background:none;bottom:88px;left:-17px;z-index:3;transform:rotate(0)}
.portrait-accent i{background:var(--river)}.portrait-accent i:nth-child(1){grid-column:2}.portrait-accent i:nth-child(2){grid-column:1;grid-row:2}.portrait-accent i:nth-child(3){grid-column:2;grid-row:2}.portrait-accent i:nth-child(4){grid-column:3;grid-row:2}.portrait-accent i:nth-child(5){grid-column:1;grid-row:3}.portrait-accent i:nth-child(6){grid-column:2;grid-row:3}.portrait-accent i:nth-child(7){grid-column:3;grid-row:3}
.hero-colophon{align-items:center;margin-top:30px;padding:22px 0;font:9px/1.8 var(--mono);color:#5a5e51}
.valley-flow{width:250px;display:flex;flex-direction:column;align-items:center;gap:7px}
.valley-flow svg{width:100%;height:38px;overflow:visible;fill:none;stroke-width:2;stroke-linejoin:miter}
.valley-bank{stroke:#7c806246;stroke-dasharray:2 3}.valley-stream{stroke:var(--river);stroke-dasharray:400;stroke-dashoffset:0;animation:river-intro 1.6s .25s ease-out backwards}
.valley-flow>span{font:7px var(--mono);letter-spacing:.15em;color:#795d43}
.boutique .studio-statement{background:var(--ink);color:var(--paper);border:none;padding-top:76px;padding-bottom:76px}
.studio-statement>.eyebrow{color:#c5bba4;font-size:9px}
.statement-grid h2{font:600 clamp(36px,4vw,62px)/1.07 var(--sans);letter-spacing:-.05em}
.statement-grid h2 em{display:inline-block;font:400 .82em/1.7 var(--pixel);color:var(--bright-rust)}
.statement-grid p{color:#d0cfbf;font-size:15px}
.studio-statement .quiet-link{border-color:#979a85;color:var(--paper)}.studio-statement .quiet-link:hover{color:var(--bright-rust)}.studio-statement :focus-visible{outline-color:var(--paper)}
.editorial-section-heading h2{font:600 43px/1.1 var(--sans);letter-spacing:-.045em}
.commission-note h3{font:600 clamp(36px,3.5vw,54px)/1.08 var(--sans);letter-spacing:-.055em}
.commission-note h3 em{font:400 .76em/1.5 var(--pixel);color:#a33e21}
.featured-channel .channel-art-link{border:8px solid var(--ink);border-bottom-width:20px}
.image-action{border-radius:0;background:var(--rust);color:var(--paper)}
.boutique .project-caption h3{font-family:var(--sans);font-weight:650}
.studio-store-invitation{background:#e5deca}
.studio-store-invitation h2{font:600 clamp(36px,4vw,58px)/1.15 var(--sans);letter-spacing:-.05em}
.studio-store-invitation h2 br{display:block}
.studio-store-invitation h2 em{font:400 .72em/1.7 var(--pixel);color:#a33e21}
.boutique .letter-section{background:#a83f24;color:var(--paper);padding-top:72px!important;padding-bottom:76px!important;border-top:1px solid #8c341e;border-bottom:1px solid #8c341e;overflow:hidden}
.letter-section::after{content:'';position:absolute;right:-35px;bottom:-50px;width:175px;height:175px;background:radial-gradient(#f3e9d819 2px,transparent 2px) 0 0/12px 12px;transform:rotate(-12deg);pointer-events:none}
.letter-title h2{font:650 clamp(52px,5.7vw,82px)/1.05 var(--sans);letter-spacing:-.05em}
.letter-title h2 em{display:inline-block;font:400 .86em/1.6 var(--pixel);color:var(--amber)}
.letter-title .eyebrow{color:#f4d8bf;font-size:9px}
.letter-signoff{color:#f4d8bf}.letter-signoff em{font:400 17px var(--pixel);color:var(--paper);display:inline-block;margin-left:8px}
.coffee-pixel{display:none}
.letter-content{padding-top:20px;position:relative;z-index:1}
.letter-content>p+p{color:#f6dfc9}
.boutique .letter-section .email-row input{background:#fff1df;color:var(--ink);border-color:#e9c2a2}
.boutique .letter-section .button{background:var(--ink);border-color:var(--ink)}
.boutique .letter-section .button:hover{background:#393b2e;border-color:#393b2e}
.boutique .letter-section .signup-benefit,.boutique .letter-section .form-note{color:var(--paper)}
.boutique .letter-section :focus-visible{outline-color:var(--paper)}
.boutique-contact>a{font:600 clamp(35px,4.5vw,68px)/1.3 var(--sans);letter-spacing:-.05em;flex-wrap:wrap}
.boutique-contact>a em{font:400 .7em/1.4 var(--pixel);color:var(--bright-rust)}
.river-signature{font:8px/1.8 var(--mono);letter-spacing:.07em;color:#65695b;display:flex;gap:9px;flex-basis:100%;order:4}
.river-signature>span{color:var(--river)}
/* One quiet thread through the page. Never receives input or covers text. */
.river-track{position:absolute;top:0;right:8px;width:25px;height:100%;z-index:2;pointer-events:none;overflow:visible;fill:none}
.river-bed{stroke:#bc775d;stroke-opacity:.22;stroke-width:1;stroke-dasharray:2 5}
.river-current{stroke:var(--river);stroke-width:1.2;stroke-opacity:.75;fill:none}
.river-head{fill:var(--river);stroke:var(--paper);stroke-width:2;opacity:0;transition:opacity .3s}
.river-track.is-ready .river-head{opacity:1}
.boutique-work .work-hero h1{font:650 clamp(45px,5.8vw,86px)/1.1 var(--sans);letter-spacing:-.055em}
.boutique .pixel-accent{font:400 .67em/1.5 var(--pixel);color:#a33e21}
.boutique-work .work-summary h2,.boutique-work .portfolio h2,.boutique-work .partnership h2,.boutique-work .contact-intro h2{font:600 clamp(36px,4.3vw,62px)/1.12 var(--sans);letter-spacing:-.05em}
.boutique-work .partnership .pixel-accent{color:var(--bright-rust);display:inline-block}
.boutique-work .film-description h3{font:600 35px/1.1 var(--sans);letter-spacing:-.05em}
.boutique-work .film-placeholder .slate-symbol{font:400 clamp(55px,6.8vw,105px)/1 var(--pixel);letter-spacing:0;color:#cc77534f}
.boutique-work .service-row h3{font:600 25px/1.2 var(--sans);letter-spacing:-.04em}
.store-intro h1{font:650 clamp(50px,6vw,90px)/1.15 var(--sans);letter-spacing:-.055em}
.boutique-store .collection .section-heading h2,.product-copy h2{font:600 clamp(38px,4.5vw,65px)/1.1 var(--sans);letter-spacing:-.05em}
.store-faq h2{font:600 42px/1.15 var(--sans);letter-spacing:-.05em}
.boutique .dialog h2{font:600 43px/1.1 var(--sans);letter-spacing:-.05em}.boutique .kit-result h3{font:600 25px/1.2 var(--sans)}
@keyframes frame-reveal{0%,12%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes portrait-settle{from{transform:scale(1.055)}to{transform:scale(1)}}
@keyframes river-intro{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@media(min-width:1600px){.hero-editorial h1{font-size:94px}.hero-editorial h1 em{font-size:.8em}.boutique-hero{max-width:none;grid-template-columns:1.25fr 1fr;gap:0 8%}.founder-portrait{max-width:550px}.portrait-crop{height:550px}}
@media(max-width:1100px){.hero-editorial h1{font-size:5.8vw}.hero-editorial h1 em{font-size:.8em}.boutique-hero{gap:0 5%}.frame-label{font-size:7px;padding:11px}.valley-flow{width:190px}.boutique .site-header nav{gap:18px}.boutique-contact>a{font-size:4.6vw}.letter-title h2{font-size:6vw}.letter-title h2 em{font-size:.86em}}
@media(max-width:760px){.boutique .site-header nav{gap:3px;font-size:12px}.boutique .site-header nav>.nav-work{font-size:12px;padding:15px}.boutique-hero{padding-top:40px;grid-template-columns:1fr;gap:0}.hero-editorial h1{font-size:clamp(43px,9.5vw,68px);line-height:1.08;letter-spacing:-.055em}.hero-editorial h1 em{font-size:.8em;line-height:2;white-space:nowrap}.hero-editorial .eyebrow{font-size:8px;margin-bottom:24px}.editorial-intro{font-size:14px;margin-top:18px}.founder-portrait{width:89%;margin-top:34px;max-width:420px}.portrait-crop{height:clamp(285px,80vw,410px)}.frame-label{font-size:7px}.founder-portrait figcaption{font-size:7px}.hero-colophon{font-size:8px;gap:16px;flex-wrap:wrap;margin-top:7px}.valley-flow{order:3;flex-basis:100%;width:100%;padding:10px 20% 0;gap:9px}.valley-flow svg{height:35px}.valley-flow>span{white-space:nowrap;font-size:6px}.hero-colophon>a{margin-left:auto}.boutique .studio-statement{padding-top:53px;padding-bottom:53px}.statement-grid h2{font-size:38px}.statement-grid h2 em{font-size:.8em}.statement-grid p{font-size:14px}.studio-statement>.eyebrow{font-size:8px}.editorial-section-heading h2{font-size:36px}.commission-note h3{font-size:37px}.commission-note h3 em{font-size:.7em}.featured-channel .channel-art-link{border-width:5px;border-bottom-width:13px}.studio-store-invitation{grid-template-columns:95px 1fr;gap:22px}.studio-store-invitation h2{font-size:32px}.studio-store-invitation h2 em{font-size:.58em;line-height:2}.studio-store-invitation .eyebrow{font-size:7px}.store-art-detail{height:170px}.letter-title h2{font-size:55px}.letter-title h2 em{font-size:.86em}.letter-content{padding-top:0}.boutique .letter-section{padding-top:52px!important;padding-bottom:55px!important}.boutique-contact>a{font-size:33px;column-gap:12px;row-gap:0}.boutique-contact>a em{font-size:.68em}.river-track{width:11px;right:4px}.river-head{stroke-width:1}.boutique-work .work-hero h1{font-size:clamp(42px,9.3vw,65px)}.boutique-work .work-summary h2,.boutique-work .portfolio h2,.boutique-work .partnership h2,.boutique-work .contact-intro h2{font-size:37px}.store-intro h1{font-size:49px}.store-intro h1 .pixel-accent{display:block;font-size:.68em;line-height:1.7}.boutique-store .collection .section-heading h2,.product-copy h2{font-size:37px}.store-faq h2{font-size:36px}.boutique .dialog h2{font-size:36px}}
@media(max-width:360px){.hero-editorial h1{font-size:39px}.hero-editorial h1 em{font-size:.8em}.editorial-actions{gap:19px}.editorial-actions .quiet-link{font-size:9px;gap:14px}.letter-title h2{font-size:47px}.statement-grid h2{font-size:33px}.studio-store-invitation{grid-template-columns:75px 1fr;gap:16px}.studio-store-invitation h2{font-size:29px}.studio-store-invitation h2 em{font-size:.56em}.boutique-contact>a{font-size:29px}.river-signature{font-size:7px}}
@media(prefers-reduced-motion:reduce){.river-current{display:none}.river-head{display:none}.portrait-crop::after{display:none}.portrait-crop img{transform:none}.valley-stream{stroke-dasharray:none}}