:root{color-scheme:dark;--bg:#151619;--panel:#1e2025;--text:#eee7dc;--muted:#b3aea7;--accent:#d69574;--line:#ffffff26;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}figure{margin:0}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(88%,1440px);margin-inline:auto}.tiny,.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.tiny{color:var(--muted)}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:14px;font-weight:600}.eyebrow:before{content:'';height:1px;width:32px;background:currentColor;flex:none}.skip{position:fixed;left:10px;top:10px;padding:12px 20px;background:white;color:black;z-index:100;transform:translateY(-200%)}.skip:focus{transform:none}.progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);z-index:60;transform:scaleX(var(--progress,0));transform-origin:left}
header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6%;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--bg)}.brand{font-size:24px;letter-spacing:.12em;line-height:1.2;font-weight:600;white-space:nowrap}.brand span{color:var(--accent);margin-left:8px;font-size:20px}.brand small{display:block;margin-top:8px;font-size:8px;letter-spacing:.22em;color:var(--muted);font-weight:400}header nav{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}header nav>a{padding-block:12px}header nav>a:hover{color:var(--accent)}.design-picker{position:relative}.design-picker summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:12px 16px;white-space:nowrap}.design-picker summary::-webkit-details-marker{display:none}.design-picker>div{position:absolute;right:0;top:100%;width:180px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 30px #0003}.design-picker a{padding:12px 16px}.design-picker a:hover,.design-picker a[aria-current]{background:var(--accent);color:var(--bg)}
.home-hero{position:relative;isolation:isolate;min-height:770px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:7%;padding:80px 10% 100px;overflow:hidden}.ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--bg);pointer-events:none;opacity:var(--ambient-strength,.65);transition:opacity .4s}.ambient img{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(23px) saturate(.8);opacity:0;animation:background-cycle 28s ease-in-out infinite;animation-delay:calc(var(--i)*7s);transform-origin:center}.ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--bg),transparent 80%);opacity:.85}.ambient-grid{position:absolute;inset:0;z-index:1;background-image:radial-gradient(currentColor .8px,transparent .8px);background-size:7px 7px;opacity:.08}.hero-copy{position:relative;z-index:2}.home-hero h1{font:clamp(64px,6.7vw,115px)/1.02 var(--serif);letter-spacing:-.065em;margin:35px 0}.home-hero h1 em,h2 em{font-weight:400;color:var(--accent)}.lead{font-size:14px;color:var(--muted);line-height:1.9;max-width:420px}.primary-link{display:inline-flex;align-items:center;gap:35px;border:0;border-bottom:1px solid var(--accent);padding:0 0 13px;background:none;margin-top:38px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);transition:gap .3s}.primary-link:hover{gap:48px;color:var(--accent)}.primary-link span{font-size:23px}.hero-feature{position:relative;max-width:410px;justify-self:center;width:100%;box-shadow:0 25px 65px #0007;transform:rotate(3deg);padding:13px;border:1px solid var(--line);background:var(--panel)}.hero-feature img{width:100%;height:480px;object-fit:contain;background:#ded6c8}.hero-feature figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 3px 4px}.hero-feature figcaption>span:last-child{font:17px var(--serif)}.hero-feature .tiny{font-size:8px}.scroll-note{position:absolute;bottom:25px;left:10%;font-size:9px;letter-spacing:.22em;color:var(--muted)}@keyframes background-cycle{0%{opacity:0;transform:scale(1.05) translate(-2%,-2%) rotate(-2deg)}8%,22%{opacity:.7}28%,100%{opacity:0;transform:scale(1.15) translate(2%,2%) rotate(2deg)}}.enter{animation:enter .9s cubic-bezier(.2,.7,.2,1) both}.hero-copy h1,.collection-hero h1,.artwork-copy h1{animation-delay:.12s}.hero-copy .lead,.intro{animation-delay:.24s}.hero-copy .primary-link{animation-delay:.36s}.hero-feature{animation-delay:.2s}@keyframes enter{from{opacity:0;translate:0 28px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.collections{padding-top:110px;padding-bottom:130px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-bottom:55px}.section-label>span:last-child,.section-label>a{font-size:9px;letter-spacing:.14em;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}h2{font:clamp(48px,5.8vw,90px)/1.1 var(--serif);letter-spacing:-.06em;font-weight:400}.section-title p{max-width:350px;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:34px}.category-card{grid-column:span 2;display:block;background:var(--panel);border:1px solid var(--line);transition:border-color .4s;overflow:hidden}.category-card:nth-child(1),.category-card:nth-child(2){grid-column:span 3}.category-image{height:360px;position:relative;overflow:hidden;background:var(--card-dark);padding:26px 25px}.category-image img{width:100%;height:100%;object-fit:contain;transition:transform .8s}.category-card:hover .category-image img{transform:scale(1.05) rotate(1deg)}.category-copy{padding:30px;position:relative}.category-copy h3{font:clamp(26px,2.7vw,42px)/1.1 var(--serif);font-weight:400;margin:12px 0 15px;letter-spacing:-.04em}.category-copy p{color:var(--muted);font-size:12px;max-width:90%}.category-arrow{position:absolute;right:24px;bottom:20px;color:var(--card-accent);font-size:24px;transition:transform .3s}.category-card:hover{border-color:var(--card-accent)}.category-card:hover .category-arrow{transform:translate(4px,-4px)}
/* Photographic studio: a normal section, movement follows page scrolling. */
.atelier-scroll{background:var(--panel);position:relative;border-block:1px solid var(--line);--split:0;overflow:hidden}
.atelier-layout{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:5%;padding-block:100px;min-height:700px}
.atelier-copy{position:relative;z-index:2}.atelier-copy h2{font-size:clamp(44px,4.8vw,75px);margin:30px 0}.atelier-copy p{max-width:330px;color:var(--muted);font-size:13px;margin-bottom:35px}.atelier-copy .tiny{font-size:8px}
.tool-scene{position:relative;width:100%;height:480px;isolation:isolate}.tool-scene:before{content:'';position:absolute;inset:10% 0;border:1px solid var(--line);border-radius:50%;transform:rotate(-18deg);opacity:.5}.photo-tool{pointer-events:none;user-select:none;object-fit:contain;filter:drop-shadow(0 15px 15px #0003)}.tool-scene .photo-tool{position:absolute;max-width:none;transform-origin:center}
.scene-jar{width:40%;left:5%;top:16%;z-index:2;transform:translate(calc(var(--split)*-55px),calc(var(--split)*40px)) rotate(calc(var(--split)*-13deg))}
.scene-palette{width:49%;right:0;top:18%;z-index:1;transform:translate(calc(var(--split)*65px),calc(var(--split)*-40px)) rotate(calc(var(--split)*20deg))}
.scene-brushes{width:75%;left:0;top:5%;z-index:4;transform:translate(calc(var(--split)*-20px),calc(var(--split)*-80px)) rotate(calc(var(--split)*-16deg))}
.scene-cloth{width:43%;right:8%;bottom:2%;z-index:0;transform:translate(calc(var(--split)*45px),calc(var(--split)*50px)) rotate(calc(var(--split)*-18deg))}
.scene-tubes{width:29%;left:16%;bottom:0;z-index:3;transform:translate(calc(var(--split)*-35px),calc(var(--split)*45px)) rotate(calc(var(--split)*22deg))}
.scene-note{position:absolute;bottom:-35px;right:15px;font:italic 17px var(--serif);color:var(--muted)}
.collections,.contact,.other-collections{position:relative}.studio-fragment{position:absolute;pointer-events:none;z-index:0;--drift:0;transform:translateY(calc(var(--drift)*-35px)) rotate(calc(var(--drift)*12deg))}.studio-fragment .photo-tool{width:100%;height:100%}.fragment-collections{width:125px;height:125px;right:2%;top:165px;rotate:24deg;opacity:.75}.collections .section-title{position:relative;z-index:1}.fragment-contact{width:220px;height:220px;right:1%;top:100px;rotate:-18deg;opacity:.6}.fragment-brushes{width:310px;height:230px;right:14%;bottom:15px;rotate:34deg;opacity:.7}.contact>h2,.contact>p,.contact>.tiny{position:relative;z-index:1}.fragment-other{width:155px;height:155px;right:0;top:30px;rotate:15deg;opacity:.55}.other-collections h2,.other-collections>div{position:relative;z-index:1}

.featured{padding-block:110px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 34px}.work-card{min-width:0}.work-image{display:block;height:390px;padding:18px;position:relative;overflow:hidden;background:#e7e1d5;border:1px solid var(--line)}.work-image img{width:100%;height:100%;object-fit:contain;transition:transform .8s}.work-card:hover .work-image img{transform:scale(1.03)}.view-label{position:absolute;left:50%;top:50%;translate:-50% -40%;padding:15px 23px;opacity:0;background:#141619dd;color:#eee7dc;backdrop-filter:blur(8px);border:1px solid #eee7dc77;font-size:10px;letter-spacing:.13em;transition:opacity .3s,translate .3s}.work-card:hover .view-label{opacity:1;translate:-50% -50%}.work-card figcaption{padding-top:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.work-card .tiny{font-size:8px;display:block;color:var(--accent)}.work-card h3{font:27px/1.15 var(--serif);margin:10px 0 18px;letter-spacing:-.03em}.work-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.work-actions button{border:0;background:none;padding:0;color:var(--muted)}.work-actions a:hover,.work-actions button:hover{color:var(--accent)}.contact{padding-block:85px 130px;border-top:1px solid var(--line)}.contact h2{margin:30px 0}.contact p{color:var(--muted);max-width:440px;font-size:13px;margin-bottom:28px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 6%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer .brand{font-size:18px}footer p{max-width:380px}
.category-page{--accent:var(--category-accent);--bg:var(--category-dark);--panel:color-mix(in srgb,var(--category-dark),white 7%)}.collection-hero{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 100px;min-height:580px}.back{display:inline-block;margin-bottom:45px}.collection-hero h1{font:clamp(65px,7.8vw,130px)/1.05 var(--serif);letter-spacing:-.065em;max-width:950px;margin:22px 0;color:var(--text)}.collection-hero .subtitle{font:24px var(--serif);color:var(--accent);margin-bottom:25px}.intro{max-width:550px;font-size:14px;line-height:1.9;color:var(--muted)}.collection-gallery{padding-block:95px 110px}.other-collections{padding-block:75px 100px;border-top:1px solid var(--line)}.other-collections h2{font-size:55px;margin-bottom:35px}.other-collections>div{display:flex;flex-wrap:wrap;gap:18px 40px;color:var(--muted);font-size:12px}.other-collections a:hover{color:var(--accent)}.artwork-page{position:relative;isolation:isolate;overflow:hidden}.artwork-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;padding-block:60px 75px;align-items:center}.artwork-copy h1{font:clamp(46px,4.8vw,80px)/1.1 var(--serif);letter-spacing:-.05em;margin:25px 0}.artwork-copy .intro{font-size:13px}.artwork-copy dl{margin:30px 0 0;font-size:11px;color:var(--muted)}.artwork-copy dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:13px}.artwork-copy dd{margin:0;text-align:right}.artwork-copy dt{color:var(--accent)}.artwork-figure{padding:20px;background:var(--panel);border:1px solid var(--line)}.artwork-figure>button{width:100%;display:block;border:0;padding:0;background:none}.artwork-figure img{height:70vh;width:100%;object-fit:contain;background:var(--category-paper)}.artwork-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font:17px var(--serif)}.artwork-figure .tiny{font:8px var(--sans);letter-spacing:.14em}.artwork-navigation{border-top:1px solid var(--line);padding-block:40px 60px;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center}.artwork-navigation a{display:flex;flex-direction:column;gap:10px}.artwork-navigation>a:last-child{text-align:right}.artwork-navigation strong{font:23px var(--serif);font-weight:400}.artwork-navigation>a:nth-child(2){font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.lightbox{width:min(96vw,1500px);max-width:100vw;height:96dvh;max-height:none;padding:20px;margin:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 100px #0009}.lightbox[open]{display:flex;flex-direction:column}.lightbox:not([open]){display:none}.lightbox::backdrop{background:#050609ed;backdrop-filter:blur(9px)}.lightbox-head{display:flex;align-items:center;justify-content:space-between;flex:none;height:38px}.lightbox-head button{border:0;background:none;font-size:24px;padding:5px 10px}.lightbox-stage{flex:1;min-height:0;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:15px;padding-block:12px}.lightbox-stage img{height:100%;width:100%;min-height:0;object-fit:contain;opacity:1;transition:opacity .2s}.lightbox-stage button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:none;font-size:17px}.lightbox-caption{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px;border-top:1px solid var(--line);transition:opacity .2s,transform .2s;max-height:180px;overflow:auto}.lightbox-caption h2{font:28px/1.2 var(--serif);margin:4px 0 7px;letter-spacing:-.03em}.lightbox-caption p{color:var(--muted);font-size:11px;max-width:750px}.lightbox-links{display:flex;flex-direction:column;gap:8px;flex:none;font-size:10px}.lightbox-links span{color:var(--accent);letter-spacing:.15em}.switching .lightbox-caption{opacity:0;transform:translateY(8px)}.switching .lightbox-stage img{opacity:.25}.js .reveal{opacity:0;translate:0 30px;transition:opacity .8s,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--order,0)*.06s)}.js .reveal.visible{opacity:1;translate:0 0}
/* Three visual systems use the same content and routes. */
.design-papier{color-scheme:light;--bg:#f2ebdf;--panel:#e7dfd2;--text:#302c28;--muted:#71695f;--accent:#985943;--line:#36271d2c}.design-papier.category-page{--bg:var(--category-paper);--panel:color-mix(in srgb,var(--category-paper),black 5%);--accent:color-mix(in srgb,var(--category-accent),black 25%)}.design-papier .home-hero{grid-template-columns:1fr .75fr;gap:10%;background:var(--bg)}.design-papier .ambient img{filter:blur(35px) saturate(.7)}.design-papier .ambient:after{opacity:.9}.design-papier .hero-feature{background:#faf6ee;padding:22px;transform:rotate(-4deg);box-shadow:8px 14px 0 #afa08733}.design-papier .category-card{background:#faf5ec;border:0}.design-papier .category-image{background:color-mix(in srgb,var(--card-accent),white 80%)}.design-papier .category-grid{gap:45px}.design-papier .work-image{border:0;background:#fffaf1;box-shadow:0 6px 16px #4c382014}.design-papier .collection-hero h1{font-style:italic}.design-papier .collection-hero{border-bottom:1px solid var(--line)}.design-papier .artwork-figure{background:#fbf7ee;box-shadow:0 20px 50px #402f2415}.design-papier .artwork-figure img{background:none}.design-papier .tool-scene{filter:drop-shadow(3px 12px 7px #201a2422)}
.design-cabinet{--bg:#101d1b;--panel:#192a25;--text:#e7e5d4;--muted:#a9b3a6;--accent:#caa563;--line:#dadfc33a}.design-cabinet.category-page{--bg:color-mix(in srgb,var(--category-dark),#102420 40%);--panel:color-mix(in srgb,var(--category-dark),#2b4d41 30%);--accent:var(--category-accent)}.design-cabinet h1,.design-cabinet h2,.design-cabinet .category-copy h3{font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:-.065em}.design-cabinet .home-hero h1{font-size:clamp(54px,6vw,95px);line-height:1}.design-cabinet h1 em,.design-cabinet h2 em{font-style:normal;font-weight:400}.design-cabinet .hero-feature{transform:rotate(0);border:5px double var(--accent);padding:18px;box-shadow:none}.design-cabinet .category-grid{grid-template-columns:repeat(5,1fr);gap:18px}.design-cabinet .category-card,.design-cabinet .category-card:nth-child(1),.design-cabinet .category-card:nth-child(2){grid-column:auto;border:3px double var(--line)}.design-cabinet .category-image{height:290px;padding:18px}.design-cabinet .category-copy{padding:22px 15px 38px}.design-cabinet .category-copy h3{font-size:22px;line-height:1.15}.design-cabinet .category-copy p{font-size:10px}.design-cabinet .category-copy .tiny{font-size:7px}.design-cabinet .work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.design-cabinet .work-image{height:330px;background:#d8d4be;border:6px double #9d916b}.design-cabinet .work-card h3{font-size:24px}.design-cabinet .collection-hero h1{font-size:clamp(60px,7vw,115px)}.design-cabinet .artwork-figure{border:6px double var(--accent)}.design-cabinet .ambient-grid{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:24px 24px;opacity:.06}
@media(max-width:1100px){header nav{gap:18px}.home-hero{padding-inline:7%;gap:5%}.hero-feature img{height:440px}.category-grid{gap:24px}.category-image{height:310px}.category-copy{padding:25px}.design-cabinet .category-grid{grid-template-columns:repeat(3,1fr)}.design-cabinet .work-grid{grid-template-columns:repeat(3,1fr)}.work-image{height:340px}.artwork-layout{gap:5%}.artwork-figure img{height:65vh}}
@media(max-width:760px){header{height:auto;min-height:130px;flex-direction:column;align-items:flex-start;padding-block:22px;gap:20px}.brand{font-size:22px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.05em}.design-picker summary{padding:9px}.design-picker>div{width:150px}.home-hero,.design-papier .home-hero{grid-template-columns:1fr;padding:75px 8% 90px;gap:65px;min-height:0}.home-hero h1{font-size:clamp(58px,10vw,80px)}.hero-feature{max-width:350px}.hero-feature img{height:390px}.scroll-note{left:8%;bottom:24px}.collections,.featured{padding-block:80px}.section-label{margin-bottom:40px;gap:20px}.section-label .eyebrow{max-width:72%;font-size:8px}.section-label>span:last-child{font-size:8px;white-space:nowrap}.section-title{display:block;margin-bottom:45px}h2{font-size:clamp(45px,8vw,65px)}.section-title p{margin-top:26px}.category-grid,.design-cabinet .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.category-card,.category-card:nth-child(1),.category-card:nth-child(2){grid-column:auto}.category-card:last-child{grid-column:1/-1}.category-image{height:300px;padding:18px}.category-copy{padding:25px 20px}.category-copy h3{font-size:30px}.atelier-copy{align-self:flex-start}.atelier-copy h2{font-size:46px;margin:25px 0}.atelier-copy p{margin-bottom:20px;max-width:450px}.tool-scene{width:90%;max-width:600px}.work-grid,.design-cabinet .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}.work-image,.design-cabinet .work-image{height:330px;padding:14px}.work-card h3{font-size:26px}.work-card .tiny{font-size:7px}.collection-hero{padding-block:50px 75px;min-height:550px}.collection-hero h1{font-size:clamp(60px,9vw,85px)}.intro{font-size:13px}.collection-gallery{padding-block:70px 90px}.artwork-layout{grid-template-columns:1fr;padding-block:45px 55px;gap:45px}.artwork-copy h1{font-size:58px}.artwork-copy dl{max-width:500px}.artwork-figure{width:100%;max-width:600px;justify-self:center;padding:15px}.artwork-figure img{height:70svh;max-height:750px}.artwork-figure figcaption{flex-wrap:wrap}.artwork-navigation{grid-template-columns:1fr 1fr;gap:25px}.artwork-navigation>a:nth-child(2){grid-row:2;grid-column:1/-1;text-align:center}.artwork-navigation strong{font-size:20px}.lightbox{width:100vw;height:100dvh;padding:14px;border:0}.lightbox-stage{grid-template-columns:35px minmax(0,1fr) 35px;gap:5px}.lightbox-stage button{width:32px;height:32px}.lightbox-caption{max-height:185px;align-items:flex-start;gap:10px}.lightbox-caption h2{font-size:23px}.lightbox-caption p{font-size:10px}.lightbox-caption .tiny{font-size:8px}.lightbox-links{font-size:8px;min-width:62px}.contact{padding-block:65px 90px}footer{flex-wrap:wrap;gap:20px;padding-block:35px}footer p{order:3;width:100%;max-width:none}.other-collections h2{font-size:45px}}
@media(max-width:480px){header nav>a{font-size:8px}.home-hero h1{font-size:59px}.eyebrow{font-size:8px;letter-spacing:.12em}.home-hero .lead{font-size:12px}.hero-feature img{height:350px}.category-grid,.design-cabinet .category-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.category-image,.design-cabinet .category-image{height:340px}.category-copy h3,.design-cabinet .category-copy h3{font-size:32px}.work-grid,.design-cabinet .work-grid{grid-template-columns:1fr;gap:40px}.work-image,.design-cabinet .work-image{height:420px}.atelier-copy h2{font-size:42px}.tool-scene{width:100%;margin-top:20px}.section-label .eyebrow{font-size:7px}.section-label>span:last-child{font-size:7px}.collection-hero h1,.design-cabinet .collection-hero h1{font-size:58px;overflow-wrap:anywhere}.collection-hero .subtitle{font-size:21px}.artwork-copy h1{font-size:48px}.artwork-figure img{height:64svh}.lightbox-caption p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lightbox-caption h2{font-size:22px}.lightbox-caption{max-height:175px}.design-cabinet .home-hero h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ambient img{display:none}.ambient img:first-child{display:block;opacity:.25}.js .reveal{opacity:1;translate:none}.tool{transform:none}.pigment-trails{opacity:0}}

@media(max-width:760px){header nav{font-size:10px}header nav>a{font-size:10px}}

@media(max-width:480px){header nav{gap:8px}header nav>a{white-space:nowrap}}
@media(max-width:480px){.design-picker summary{font-size:9px;padding-inline:7px;letter-spacing:.04em}}
@media(max-width:360px){header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.design-picker{grid-column:1/-1;justify-self:start}}

/* Independent preference for each design. Off removes every slideshow frame. */
body[data-background="off"] .ambient{display:none}
.view-controls{display:flex;align-items:center;gap:12px}.background-picker{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 10px;font-size:9px;letter-spacing:.04em;white-space:nowrap}.background-picker select{font:inherit;color:var(--text);background:var(--bg);border:0;padding:4px 2px;cursor:pointer}.background-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:850px){
 .lightbox.ratio-portrait[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,28%);grid-template-rows:38px minmax(0,1fr);column-gap:24px}
 .ratio-portrait .lightbox-head{grid-column:1/-1}.ratio-portrait .lightbox-stage{grid-column:1;grid-row:2;height:100%;min-width:0}
 .ratio-portrait .lightbox-caption{grid-column:2;grid-row:2;max-height:100%;height:100%;border-top:0;border-left:1px solid var(--line);padding:20px 0 20px 24px;flex-direction:column;align-items:flex-start;justify-content:center;gap:30px;min-height:0}.ratio-portrait .lightbox-caption h2{font-size:clamp(26px,3vw,43px)}.ratio-portrait .lightbox-caption p{font-size:13px;line-height:1.9}.ratio-portrait .lightbox-links{flex-direction:row;gap:25px;flex-wrap:wrap}
}
@media(max-width:1100px){header{height:auto;min-height:106px;gap:20px;flex-wrap:wrap;padding-block:20px}header nav{gap:18px;flex-wrap:wrap}.view-controls{gap:8px}.background-picker{font-size:8px}.atelier-layout{grid-template-columns:.8fr 1.1fr}.tool-scene{height:410px}}
@media(max-width:760px){header nav{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.view-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.design-picker{grid-column:auto;justify-self:stretch}.design-picker summary{font-size:10px;padding:12px}.background-picker{justify-content:space-between;font-size:9px;padding:8px}.background-picker select{min-width:0;max-width:95px}.atelier-layout{display:flex;flex-direction:column;gap:35px;padding-block:65px;min-height:0}.tool-scene{height:400px;width:90%;margin:0}.scene-note{bottom:-10px}.fragment-collections{width:90px;height:90px;right:0;top:145px;opacity:.3}.fragment-contact{width:150px;height:150px;right:35px;top:40px;opacity:.22}.fragment-brushes{width:200px;height:160px;right:0;bottom:0;opacity:.3}.fragment-other{width:100px;height:100px;opacity:.25}}
@media(max-width:480px){.tool-scene{height:320px;width:100%}.atelier-layout{padding-bottom:90px}.scene-jar{width:38%}.scene-palette{width:45%}.scene-brushes{width:70%}.background-picker{font-size:8px;gap:4px}.design-picker summary{font-size:9px}.lightbox-caption{padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){.tool-scene .photo-tool,.studio-fragment{transform:none}.ambient img:first-child{opacity:.7}}

/* Low-resolution backgrounds with gentler framing and independent zoom / drift. */
.ambient img{inset:-4%;width:108%;height:108%;object-fit:contain;filter:blur(15px) saturate(.8);animation-delay:calc(var(--i)*-7s)}
.design-papier .ambient img{filter:blur(18px) saturate(.7)}
.ambient-paused img{animation-play-state:paused}
@keyframes background-cycle{0%{opacity:0;transform:scale(.87) translate(calc(var(--dx)*-.5),calc(var(--dy)*-.5)) rotate(calc(var(--turn)*-.5))}8%{opacity:.7;transform:scale(.92) translate(0,0) rotate(0deg)}18%{opacity:.7;transform:scale(.88) translate(var(--dx),var(--dy)) rotate(var(--turn))}28%,100%{opacity:0;transform:scale(1.02) translate(calc(var(--dx)*-.3),calc(var(--dy)*.6)) rotate(calc(var(--turn)*-.8))}}
/* Objects assemble when the studio is centered; disperse towards either edge. */
.tool-scene{--split:1}
.scene-jar{width:34%;left:20%;top:25%;transform:translate(calc(var(--split)*-160px),calc(var(--split)*-85px)) rotate(calc(var(--split)*-24deg))}
.scene-palette{width:42%;right:14%;top:26%;transform:translate(calc(var(--split)*180px),calc(var(--split)*-110px)) rotate(calc(var(--split)*34deg))}
.scene-brushes{width:62%;left:14%;top:16%;transform:translate(calc(var(--split)*-60px),calc(var(--split)*-180px)) rotate(calc(var(--split)*-25deg))}
.scene-cloth{width:34%;right:25%;bottom:12%;transform:translate(calc(var(--split)*145px),calc(var(--split)*130px)) rotate(calc(var(--split)*-32deg))}
.scene-ink{width:31%;left:23%;bottom:13%;z-index:3;transform:translate(calc(var(--split)*-145px),calc(var(--split)*145px)) rotate(calc(var(--split)*32deg))}
.painting-scroll{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-block:100px;--paint:0}.painting-copy h2{margin:30px 0}.painting-copy p{color:var(--muted);font-size:13px}.painting-sheet{width:min(100%,370px);justify-self:center;padding:22px;background:#eee8dc;box-shadow:0 20px 60px #0003;transform:rotate(-3deg);position:relative}.painting-wash{mask-image:linear-gradient(155deg,#000 calc(var(--paint)*150% - 35%),transparent calc(var(--paint)*150% - 5%))}.painting-wash img{width:100%;height:400px;object-fit:contain}.painting-sheet figcaption{color:#625d54;font:italic 14px var(--serif);padding-top:17px;text-align:right}
/* Artwork routes are full-height viewing rooms, details are requested separately. */
.work-view>header{height:76px;min-height:76px;padding-block:10px}.work-view .brand{font-size:19px}.work-view .brand small{display:none}.work-view>footer{display:none}
.artwork-view{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,21vw,290px);height:calc(100dvh - 76px);min-height:340px;gap:22px;padding:12px 3% 18px;overflow:hidden}
.view-stage{position:relative;min-width:0;min-height:0;padding-top:32px}.viewer-back{position:absolute;top:0;left:0;font-size:9px}.view-stage figure{height:100%;width:100%;margin:0}.view-stage img{height:100%;width:100%;object-fit:contain}.view-arrows{position:absolute;inset:32px 0 0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.view-arrows a{pointer-events:auto;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bg),transparent 15%);backdrop-filter:blur(6px)}
.view-caption{align-self:center;display:flex;flex-direction:column;gap:21px;padding:25px 5px 25px 22px;border-left:1px solid var(--line);max-height:100%;overflow:auto}.view-caption h1{font:clamp(27px,3.1vw,48px)/1.15 var(--serif);letter-spacing:-.045em}.view-caption p{font-size:12px;line-height:1.9;color:var(--muted)}.view-caption .tiny{font-size:8px}.view-caption button{font-size:10px;text-align:left;letter-spacing:.05em;background:none;border:0;padding:0}.info-trigger{color:var(--accent)}.viewer-zoom{color:var(--muted)}
/* The image gets every available pixel; captions remain beside it except on phones. */
.lightbox{width:100vw;max-width:100vw;height:100dvh;padding:12px;margin:0;border:0}
.lightbox[open]{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,22vw,290px);gap:20px}
.lightbox>.close{position:absolute;right:14px;top:8px;z-index:3;background:none;border:0;padding:4px;font-size:24px}
.lightbox-stage{grid-column:1;grid-row:1;height:100%;padding:0;display:block;position:relative;min-width:0;min-height:0}
.lightbox-stage img{height:100%;width:100%;object-fit:contain}
.lightbox-stage button{position:absolute;top:50%;z-index:2;width:32px;height:32px;background:color-mix(in srgb,var(--bg),transparent 15%);backdrop-filter:blur(5px)}.lightbox-stage .previous{left:0}.lightbox-stage .next{right:0}
.lightbox-caption{grid-column:2;grid-row:1;max-height:100%;height:100%;min-height:0;padding:45px 12px 20px 20px;border-top:0;border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;justify-content:center;gap:30px}.lightbox-caption h2{font-size:clamp(26px,3vw,42px)}.lightbox-caption p{font-size:12px;line-height:1.9}.lightbox-links{flex-direction:column;gap:15px}.lightbox-links button{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-align:left}
.info-dialog{width:min(92vw,610px);max-width:92vw;max-height:90dvh;padding:45px;background:var(--panel);color:var(--text);border:1px solid var(--line);overflow:auto}.info-dialog::backdrop{background:#050609bf;backdrop-filter:blur(10px)}.info-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:24px}.info-dialog h2{font:40px/1.15 var(--serif);letter-spacing:-.04em;margin:25px 0}.info-dialog p{font-size:13px;color:var(--muted)}.info-dialog dl{margin:30px 0 0}.info-dialog dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.info-dialog dt{color:var(--accent)}.info-dialog dd{margin:0}
@media(min-width:601px) and (max-width:1100px){.work-view>header{flex-wrap:nowrap;gap:15px}.work-view header nav{gap:10px}.work-view header nav>a{display:none}.work-view .brand{font-size:16px}.work-view .view-controls{display:flex}}
@media(max-width:760px){.painting-scroll{gap:8%;padding-block:75px}.painting-copy h2{font-size:39px}.painting-wash img{height:300px}.painting-sheet{padding:12px}.artwork-view{grid-template-columns:minmax(0,1fr) 200px;gap:10px;padding-inline:12px}.view-caption{padding-left:15px}.view-caption h1{font-size:28px}.view-caption p{font-size:11px}.lightbox[open]{gap:12px}.lightbox-caption{padding-left:15px}.lightbox-caption h2{font-size:27px}.lightbox-caption p{font-size:11px;display:block;-webkit-line-clamp:unset;overflow:visible}}
@media(max-width:600px){.work-view>header{height:auto;min-height:0;padding-block:16px;gap:10px}.work-view header nav>a{display:none}.work-view header nav{display:block}.work-view .view-controls{display:grid}.artwork-view{height:calc(100dvh - 121px);min-height:420px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:8px 12px 12px;gap:10px}.view-caption{align-self:stretch;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;gap:8px;max-height:165px;display:grid;grid-template-columns:1fr auto}.view-caption h1{font-size:25px;grid-column:1/-1}.view-caption p{display:none}.view-caption button{font-size:9px}.view-caption .tiny:first-child{grid-column:1/-1}.viewer-back{font-size:8px}.lightbox[open]{display:flex;flex-direction:column;padding:8px;gap:12px}.lightbox-stage{flex:1;padding-top:26px}.lightbox-caption{flex:none;width:100%;height:auto;max-height:180px;display:flex;flex-direction:row;border-left:0;border-top:1px solid var(--line);padding:12px 4px 0;gap:12px;justify-content:space-between;align-items:flex-start}.lightbox-caption h2{font-size:24px}.lightbox-caption p{font-size:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lightbox-caption .tiny{font-size:8px}.lightbox-links{font-size:8px;max-width:105px;gap:10px}.info-dialog{padding:35px 24px}.info-dialog h2{font-size:32px}.painting-scroll{grid-template-columns:1fr;gap:35px}.painting-sheet{width:280px}.painting-wash img{height:350px}.scene-note{bottom:0}}
@media(prefers-reduced-motion:reduce){.painting-wash{mask-image:none}.tool-scene .photo-tool{transform:none}.ambient img:first-child{transform:none}}
/* Fit artwork views to the actual header height at every breakpoint. */
.work-view{height:100dvh;display:flex;flex-direction:column}.work-view>header{flex:none}.work-view>main{flex:1;min-height:0}.work-view .artwork-view{height:100%;min-height:0}

/* Zoom preference affects only the low-resolution decorative background. */
:root{--ambient-zoom:1.6}
.ambient img{object-fit:cover}
@keyframes background-cycle{0%{opacity:0;transform:scale(calc(var(--ambient-zoom)*.94)) translate(calc(var(--dx)*-.5),calc(var(--dy)*-.5)) rotate(calc(var(--turn)*-.5))}8%{opacity:.7;transform:scale(var(--ambient-zoom)) translate(0,0) rotate(0deg)}18%{opacity:.7;transform:scale(calc(var(--ambient-zoom)*.97)) translate(var(--dx),var(--dy)) rotate(var(--turn))}28%,100%{opacity:0;transform:scale(calc(var(--ambient-zoom)*1.08)) translate(calc(var(--dx)*-.3),calc(var(--dy)*.6)) rotate(calc(var(--turn)*-.8))}}
/* Homepage foreground and background change as one slideshow. */
.hero-feature{padding-bottom:10px}.hero-slides{position:relative;height:535px;perspective:1000px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:scale(.95);filter:blur(5px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s ease}.hero-slide.is-active{opacity:1;pointer-events:auto;transform:none;filter:none;z-index:1}.hero-slide>a{display:block;height:480px}.hero-feature .hero-slide img{height:100%;width:100%;object-fit:contain}.hero-slide figcaption>a{font:17px var(--serif);text-align:right}.hero-slide figcaption>.tiny{max-width:45%;font-size:8px}
.home-hero[data-effect="drift"] .hero-slide:not(.is-active){transform:translateX(8%) rotate(-3deg);filter:blur(3px)}.home-hero[data-effect="turn"] .hero-slide:not(.is-active){transform:rotateY(-19deg) rotate(4deg) scale(.92);filter:blur(2px)}
.hero-controls{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:10px;position:relative;z-index:2}.hero-controls button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:none;font-size:15px}.hero-controls button:hover{color:var(--accent);border-color:var(--accent)}.hero-controls [data-hero-counter]{margin-left:auto;font-size:9px}.hero-dots{display:flex;gap:2px;justify-content:center;position:relative;z-index:2}.hero-dots button{height:24px;width:26px;background:none;border:0;display:grid;place-items:center;padding:0}.hero-dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.45;transition:transform .3s,opacity .3s}.hero-dots button[aria-pressed="true"]:before{background:var(--accent);opacity:1;transform:scale(1.6)}
.home-hero .ambient img{animation:hero-ambient-drift 16s ease-in-out infinite alternate;opacity:0;transition:opacity 1.1s;animation-play-state:paused;animation-delay:0s}.home-hero .ambient img.is-active{opacity:.7;animation-play-state:running}.home-hero.hero-paused .ambient img,.home-hero .ambient-paused img{animation-play-state:paused}
@keyframes hero-ambient-drift{0%{transform:scale(var(--ambient-zoom)) translate(calc(var(--dx)*-.4),calc(var(--dy)*-.4)) rotate(calc(var(--turn)*-.3))}50%{transform:scale(calc(var(--ambient-zoom)*1.06)) translate(var(--dx),var(--dy)) rotate(var(--turn))}100%{transform:scale(calc(var(--ambient-zoom)*.97)) translate(calc(var(--dx)*-.5),calc(var(--dy)*.3)) rotate(calc(var(--turn)*-.4))}}
/* A pin fixes the pivot to the top of the paper while the page moves. */
.painting-scroll{--paper-turn:0}.painting-sheet{transform-origin:50% 8%;transform:rotate(calc(-3deg + var(--paper-turn)*19deg));will-change:transform}.painting-sheet:before{content:'';position:absolute;top:calc(8% - 5px);left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ecb889,#ac5b3d 60%,#6d342b);box-shadow:1px 3px 3px #0006;z-index:3}.painting-sheet:after{content:'';position:absolute;top:8%;left:50%;width:2px;height:9px;background:#321b1455;transform:rotate(-35deg);z-index:2}
/* Ink and watercolor pans move independently. */
.scene-pans{width:25%;left:17%;bottom:12%;z-index:3;transform:translate(calc(var(--split)*-170px),calc(var(--split)*160px)) rotate(calc(var(--split)*-35deg))}.scene-ink{width:20%;left:40%;bottom:10%;transform:translate(calc(var(--split)*75px),calc(var(--split)*185px)) rotate(calc(var(--split)*29deg))}
/* A small correspondence scene, held together by a soft movement. */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;--contact-phase:0;--contact-reveal:0}.contact-content{position:relative;z-index:2}.contact-prompts{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:11px}.contact-prompts li:before{content:'↗';color:var(--accent);margin-right:14px}.contact .contact-soon{font-size:8px;margin-top:20px}.contact-studio{position:relative;height:430px;isolation:isolate;pointer-events:none}.contact-note{position:absolute;inset:45px 12% 40px 5%;background:#eee7d8;color:#3b3131;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(800px) translateY(calc(var(--contact-phase)*-28px)) rotate(calc(-6deg + var(--contact-phase)*8deg)) rotateX(calc(var(--contact-phase)*8deg));box-shadow:10px 24px 50px #0003;transform-origin:30% 60%;overflow:hidden}.note-date{font-size:8px;letter-spacing:.2em;z-index:1}.note-message{font:italic clamp(25px,3vw,38px)/1.4 var(--serif);letter-spacing:-.025em;z-index:1}.note-signature{font:italic 19px var(--serif);align-self:flex-end;z-index:1}.note-ink{position:absolute;width:260px;height:240px;right:-80px;bottom:-60px;background:radial-gradient(ellipse at 45% 55%,#59688b55 0,#95647a44 30%,#bb8a9333 48%,transparent 69%);transform:scale(calc(.5 + var(--contact-reveal)*.6)) rotate(calc(var(--contact-phase)*35deg));opacity:var(--contact-reveal);border-radius:38% 62% 51% 49%;filter:blur(3px)}.contact-studio .photo-tool{position:absolute;max-width:none}.contact-ink{width:31%;right:0;bottom:0;z-index:3;transform:translateY(calc(var(--contact-phase)*-12px)) rotate(-4deg)}.contact-brushes{width:78%;left:-7%;top:-10px;z-index:4;transform:translateY(calc(var(--contact-phase)*18px)) rotate(calc(-16deg + var(--contact-phase)*9deg));transform-origin:75% 80%}.contact-rings{position:absolute;inset:5px 0;z-index:-1;transform:rotate(calc(var(--contact-phase)*12deg))}.contact-rings i{position:absolute;border:1px solid var(--line);border-radius:50%;inset:0;transform:scale(calc(.8 + var(--contact-reveal)*.15));opacity:calc(var(--contact-reveal)*.7)}.contact-rings i:nth-child(2){inset:28px -15px;rotate:30deg}.contact-rings i:nth-child(3){inset:-5px 35px;rotate:-30deg;opacity:.25}
@media(max-width:1100px){header nav{justify-content:flex-end}.view-controls{gap:7px}.background-picker{padding-inline:7px;gap:5px}.zoom-picker{font-size:8px}.hero-slides{height:495px}.hero-slide>a{height:440px}.work-view>header{height:auto;min-height:76px}}
@media(min-width:601px) and (max-width:900px){.work-view>header{flex-wrap:wrap}.work-view header nav{flex:1}.work-view .view-controls{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:760px){.view-controls{grid-template-columns:1fr 1fr}.zoom-picker{grid-column:1/-1;justify-content:space-between}.zoom-picker select{max-width:none}.hero-slides{height:445px}.hero-slide>a{height:390px}.contact{gap:25px;grid-template-columns:1fr}.contact-studio{width:min(90%,440px);height:380px;justify-self:center;margin-top:30px}.note-message{font-size:31px}.contact-content{max-width:550px}header nav{justify-content:stretch}.scene-pans{width:27%}.scene-ink{width:22%}}
@media(max-width:480px){.hero-slides{height:405px}.hero-slide>a{height:350px}.hero-slide figcaption>a{font-size:15px}.contact-studio{height:340px;width:100%;margin-top:40px}.contact-note{inset:35px 12% 35px 6%;padding:23px}.note-message{font-size:28px}.contact-ink{width:29%}.contact-brushes{top:-5px}.hero-feature{max-width:350px}}
@media(prefers-reduced-motion:reduce){.painting-sheet{transform:rotate(-3deg);will-change:auto}.contact-note{transform:rotate(-6deg)}.note-ink,.contact-rings i{opacity:1;transform:none}.contact-ink{transform:rotate(-4deg)}.contact-brushes{transform:rotate(-16deg)}.home-hero .ambient img{display:block;opacity:0}.home-hero .ambient img.is-active{opacity:.7;transform:scale(var(--ambient-zoom))}.hero-slide:not(.is-active){visibility:hidden}}

/* Rotating studio objects must not create horizontal page scrolling. */
body{overflow-x:clip}
html{overflow-x:clip}
.contact-brushes{width:64%;left:-4%;top:-55px}
@media(max-width:600px){.painting-sheet{transform:rotate(calc(-3deg + var(--paper-turn)*9deg))}.contact-brushes{width:64%;top:-30px}}
@media(prefers-reduced-motion:reduce){.painting-sheet{transform:rotate(-3deg)}}
.hero-slide figcaption{padding-top:10px;gap:8px}.hero-slide figcaption>a{line-height:1.2}

/* A category uses the same viewing box and controls as the homepage. */
.collection-hero.home-hero{padding:70px 8% 90px;gap:6%;min-height:780px}.collection-hero.home-hero h1{font-size:clamp(50px,5.4vw,82px);letter-spacing:-.05em;line-height:1.08;margin:25px 0;overflow-wrap:anywhere}.collection-hero.home-hero .intro{font-size:13px;max-width:480px}.collection-hero.home-hero .subtitle{font-size:22px}.hero-dots{flex-wrap:wrap;max-width:100%}.hero-dots button{flex:none}
.breadcrumbs{font-size:10px;line-height:1.5;color:var(--muted)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center}.breadcrumbs li{display:inline-flex;align-items:center;gap:10px}.breadcrumbs li+li:before{content:'›';color:var(--accent)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current]{color:var(--text)}.hero-copy>.breadcrumbs{margin-bottom:40px}.view-stage>.breadcrumbs{position:absolute;left:0;right:0;top:0;font-size:9px}.view-stage{padding-top:42px}.view-arrows{top:42px}
/* Stronger pigment reveal, aligned with the paper rather than its section. */
.painting-scroll{position:relative;gap:8%;padding-block:110px}.painting-sheet{width:min(100%,440px);padding:24px;box-shadow:0 25px 65px #0005}.painting-wash img{height:500px}.painting-wash{mask-image:linear-gradient(150deg,#000 calc(var(--paint)*140% - 25%),transparent calc(var(--paint)*140% - 12%))}.category-painting{border-bottom:1px solid var(--line)}
/* Two distinct paths meet at the center; reversing the scroll reverses each path. */
.tool-scene{--spread-bottom:0;--spread-top:0}
.scene-jar{transform:translate(calc(var(--spread-bottom)*-160px + var(--spread-top)*120px),calc(var(--spread-bottom)*100px - var(--spread-top)*150px)) rotate(calc(var(--spread-bottom)*-25deg + var(--spread-top)*35deg))}
.scene-palette{transform:translate(calc(var(--spread-bottom)*180px - var(--spread-top)*140px),calc(var(--spread-bottom)*-100px + var(--spread-top)*130px)) rotate(calc(var(--spread-bottom)*34deg - var(--spread-top)*42deg))}
.scene-brushes{transform:translate(calc(var(--spread-bottom)*-65px + var(--spread-top)*150px),calc(var(--spread-bottom)*-185px + var(--spread-top)*115px)) rotate(calc(var(--spread-bottom)*-30deg + var(--spread-top)*48deg))}
.scene-cloth{transform:translate(calc(var(--spread-bottom)*145px - var(--spread-top)*150px),calc(var(--spread-bottom)*130px - var(--spread-top)*110px)) rotate(calc(var(--spread-bottom)*-32deg + var(--spread-top)*30deg))}
.scene-pans{transform:translate(calc(var(--spread-bottom)*-170px + var(--spread-top)*190px),calc(var(--spread-bottom)*160px - var(--spread-top)*105px)) rotate(calc(var(--spread-bottom)*-35deg + var(--spread-top)*42deg))}
.scene-ink{transform:translate(calc(var(--spread-bottom)*80px - var(--spread-top)*110px),calc(var(--spread-bottom)*190px - var(--spread-top)*160px)) rotate(calc(var(--spread-bottom)*30deg - var(--spread-top)*40deg))}
@media(max-width:760px){.collection-hero.home-hero{padding:55px 8% 80px;gap:50px;min-height:0}.collection-hero.home-hero h1{font-size:clamp(43px,8vw,65px)}.breadcrumbs{font-size:9px}.painting-scroll{padding-block:80px;gap:35px}.painting-sheet{padding:16px}.painting-wash img{height:400px}.painting-copy h2{font-size:45px}.view-stage>.breadcrumbs{font-size:8px}.view-stage{padding-top:46px}.view-arrows{top:46px}}
@media(max-width:600px){.painting-sheet{width:min(95%,330px)}.painting-wash img{height:430px}.painting-copy h2{font-size:49px}.hero-copy>.breadcrumbs{margin-bottom:30px}.view-stage{padding-top:48px}.view-arrows{top:48px}}
@media(prefers-reduced-motion:reduce){.tool-scene .photo-tool{transform:none}.painting-wash{mask-image:none}}