/* iStudio atelier: scoped extension of the existing Arial / Georgia system. */
.materials-page{--atelier-paper:#f6f4ee;--atelier-ink:#292922;--atelier-line:#d6d2c7;--ease:cubic-bezier(.22,.68,0,1.01);background:var(--atelier-paper);color:var(--atelier-ink)}
.materials-page header{position:relative;background:var(--atelier-paper);border-color:var(--atelier-line)}.materials-page header nav a[aria-current]{border-bottom:1px solid currentColor}.materials-page header .nav-contact{border-radius:0}.materials-page h1,.materials-page h2{color:inherit}.materials-page em{color:#8b8170}.materials-page button{color:inherit}.materials-page button:focus-visible,.materials-page a:focus-visible,.materials-page input:focus-visible{outline:2px solid #5c513b;outline-offset:5px}.materials-page button{touch-action:manipulation}.skip-link{position:fixed;top:12px;left:20px;padding:14px;background:#fff;transform:translateY(-200%);z-index:100}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.atelier-section{padding:100px 6.5%}.chapter-line{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--atelier-line);padding-top:20px;margin-bottom:70px;font-size:9px;letter-spacing:1.6px;line-height:1.7}.editorial-copy{font-size:13px;line-height:1.9;color:#6e6b60;max-width:390px}.eyebrow{font-size:9px;letter-spacing:1.8px}.materials-page h2{font-size:clamp(42px,5.4vw,86px);line-height:1.03;letter-spacing:-.055em}.underlined-link{border:0;border-bottom:1px solid currentColor;background:none;padding:12px 0;display:inline-flex;gap:38px;align-items:center;font-size:11px;text-align:left}.underlined-link span{font-size:17px;transition:transform .4s}.underlined-link:hover span{transform:translate(3px,-3px)}
.atelier-hero{position:relative;min-height:760px;height:calc(100svh - 102px);max-height:1200px;padding:40px 6.5% 30px;overflow:hidden}.hero-kicker{display:flex;justify-content:space-between}.hero-title{position:relative;z-index:2;width:100%;pointer-events:none;margin-top:48px}.hero-title h1{font-size:clamp(110px,15.7vw,270px);letter-spacing:-.075em;line-height:.87;margin:0;font-weight:400}.title-dot{color:#8b8170}.hero-title>p{font-size:clamp(25px,3.6vw,58px);letter-spacing:-.035em;margin:32px 0 0 6px}.hero-title em{color:#6e6351}.hero-sculpture{position:absolute;right:6.5%;top:28%;width:43%;height:60%;background:#dedbd2;overflow:hidden}.hero-stone{height:100%;width:100%;object-fit:cover;transform:scale(1.08);transition:transform 1s}.hero-sculpture:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff5,transparent 60%,#27221622)}.hero-wood{position:absolute;width:32%;height:85%;left:13%;top:22%;background:url('assets/materials/walnut-photo.webp') center/cover;box-shadow:25px 25px 35px #33281740;transform:rotate(-9deg)}.hero-ring{position:absolute;width:43%;aspect-ratio:1;right:14%;top:24%;border-radius:50%;border:clamp(13px,2vw,32px) solid #b39b68;box-shadow:14px 22px 24px #1d180f35,inset 6px 8px 10px #39291022;background:transparent}.hero-image-label{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:1.7px;z-index:2}.hero-bottom-line{position:absolute;bottom:28px;left:6.5%;right:6.5%;display:flex;align-items:end;justify-content:space-between;gap:24px;font-size:10px}.hero-bottom-line a{border-bottom:1px solid var(--atelier-line);padding-bottom:13px}.hero-bottom-line a span{margin-left:35px}.hero-bottom-line p{font-size:11px;line-height:1.7;margin:0 auto 0 10%;color:#747164}.hero-bottom-line>span{font-size:9px;letter-spacing:2px}.explorer{background:#fbfaf6}.explorer-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.explorer-copy h2{font-size:clamp(40px,4.3vw,70px);margin:27px 0 22px}.category-filters{display:flex;flex-wrap:wrap;gap:5px 20px;margin:35px 0 22px;border-bottom:1px solid var(--atelier-line)}.category-filters button{border:0;background:none;font-size:9px;letter-spacing:1px;color:#7a776a;padding:10px 0;border-bottom:1px solid transparent}.category-filters button[aria-pressed=true]{border-color:#292922;color:#292922}.swatch-rail{display:flex;gap:15px;overflow-x:auto;padding:12px 5px 20px;scrollbar-width:thin;scrollbar-color:#c1bbad transparent;max-width:100%}.material-swatch{position:relative;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:var(--swatch) center/cover;transition:transform .4s var(--ease);box-shadow:inset 0 0 0 1px #0001}.material-swatch:hover{transform:translateY(-3px)}.material-swatch[aria-pressed=true]{transform:scale(1.08)}.material-swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid #6b6250;border-radius:50%}.selected-copy{margin-top:22px;min-height:147px}.selected-copy .eyebrow{color:#7b7464;font-size:8px}.selected-copy h3{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.7px;margin:10px 0 12px}.selected-copy>p{font-size:12px;line-height:1.9;max-width:390px;color:#747063}.sample-stage{position:relative;width:100%;min-height:500px;aspect-ratio:.93;border:0;text-align:left;padding:32px;background:#ddd6c6;isolation:isolate;overflow:hidden;margin-top:6px}.sample-layer{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-3}.sample-next{z-index:-2;clip-path:circle(0% at 50% 50%)}.sample-light{position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#fff4,transparent 50%,#0002)}.sample-code{font-size:8px;letter-spacing:2px}.sample-disc{position:absolute;left:24%;top:28%;width:53%;aspect-ratio:1;border-radius:50%;background:var(--sample-image) 60% 40%/240%;box-shadow:23px 36px 37px #28201244,inset 2px 3px 6px #fff9,inset -3px -3px 10px #0003;transform:rotate(-10deg);transition:transform 1.1s var(--ease),background .8s}.sample-stage:hover .sample-disc{transform:translateY(-6px) rotate(-5deg)}.sample-disc:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#ffffff30,#fff0 55%,#00000020)}.sample-caption{position:absolute;left:32px;bottom:32px;font-size:7px;letter-spacing:1.5px;max-width:75%}.sample-arrow{position:absolute;right:28px;bottom:25px;font-size:26px}.library-browser{margin-top:90px}.library-tools{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--atelier-line);padding-bottom:22px}.library-tools h3{font-family:Georgia,serif;font-style:italic;font-size:32px;font-weight:400;margin:0 auto 0 0}.search-label{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--atelier-line)}.search-label input{background:transparent;border:0;font-size:12px;padding:10px 0;width:180px;border-radius:0}.search-label>span:last-child{font-size:25px}.library-tools>span{font-size:9px;color:#6e6b60;min-width:75px}.material-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:35px}.material-row{display:flex;align-items:center;gap:15px;padding:22px 0;background:none;border:0;border-bottom:1px solid var(--atelier-line);text-align:left;font-size:12px}.material-row img{width:50px;height:60px;object-fit:cover;transition:transform .5s}.material-row:hover img{transform:rotate(-5deg)}.material-row small{display:block;font-size:8px;letter-spacing:1px;color:#747063;margin-top:8px;text-transform:uppercase}.material-row>span:last-child{margin-left:auto;font-size:18px}.library-browser>.underlined-link{margin-top:25px}.study-note{color:#747063;font-size:10px;line-height:1.8;margin:25px 0 0;max-width:620px}.empty-results{font-size:13px;line-height:1.8;padding:30px 0;grid-column:1/-1}.material-index{background:#eeeae1}.index-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end}.index-layout h2{margin-bottom:35px}.index-row{display:flex;width:100%;align-items:center;gap:24px;text-align:left;border:0;border-bottom:1px solid #cbc5b8;background:none;padding:21px 0;transition:transform .5s}.index-row>span:first-child{font-size:10px;color:#817768;align-self:start;margin-top:6px}.index-row>span:nth-child(2){font-size:clamp(22px,2.5vw,38px);letter-spacing:-1.1px;font-weight:400}.index-row>span:last-child{margin-left:auto;font-size:10px;color:#776e5f}.index-row:hover,.index-row:focus-visible{transform:translateX(4px)}.index-photo{margin:0;position:sticky;bottom:40px}.index-photo img{width:100%;height:550px;object-fit:cover;transition:transform .8s var(--ease),opacity .4s}.index-photo figcaption{font-size:8px;letter-spacing:1.4px;margin-top:22px}.curtain-atelier{background:#292922;color:#faf7ec}.curtain-room{height:95svh;min-height:660px;max-height:1100px;position:relative;overflow:hidden;touch-action:pan-y}.curtain-room>img{width:100%;height:100%;object-fit:cover;filter:brightness(var(--room-brightness,.7));transition:filter .2s}.curtain-room:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 40%,#0005);z-index:1}.daylight{position:absolute;inset:0;background:linear-gradient(115deg,#ffeac94d,transparent 65%);opacity:var(--daylight,.25);pointer-events:none}.curtain-room canvas{position:absolute;inset:0;width:100%;height:100%;cursor:ew-resize;touch-action:pan-y}.curtain-overline{position:absolute;top:38px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:1.7px;z-index:2;pointer-events:none}.curtain-heading{position:absolute;top:20%;left:8%;pointer-events:none;z-index:2;text-shadow:0 2px 40px #0003}.curtain-heading h2{font-size:clamp(68px,8vw,130px);line-height:.95}.curtain-heading h2 em{color:#f0e6cf}.curtain-heading p{font-size:12px;margin-top:35px}.curtain-drag{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;font-size:8px;letter-spacing:1.6px;line-height:2.8;pointer-events:none}.curtain-controls{display:flex;align-items:center;gap:40px;padding:35px 6.5%;flex-wrap:wrap}.curtain-controls h3{font:italic 27px Georgia,serif;margin:8px 0 0}.curtain-controls .eyebrow{font-size:7px;color:#ccc4b3}.fabric-rail{display:flex;gap:16px;padding:8px;overflow-x:auto;flex:1;min-width:250px}.fabric-rail .material-swatch{flex-basis:36px;width:36px;height:36px}.fabric-rail .material-swatch[aria-pressed=true]:after{border-color:#e7dfcc}.opening-control{display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:1px}.opening-control input{width:120px;accent-color:#e5d7b9}.opening-control output{min-width:35px}.lighting-study{background:#f4f0e6}.lighting-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.light-composition{position:relative;aspect-ratio:.87;overflow:hidden;background:#ddd2bc;transition:background 1s}.light-composition>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;filter:brightness(.88) saturate(.7);transition:filter 1s}.light-composition:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff8,transparent 30%,#30231433);mix-blend-mode:soft-light;transition:background 1s}.light-plinth{position:absolute;left:18%;top:24%;height:54%;width:56%;background:var(--light-material) center/cover;box-shadow:25px 30px 30px #31271955;transform:perspective(900px) rotateY(-13deg) rotateX(5deg);filter:brightness(1.1);transition:filter 1s,box-shadow 1s}.light-plinth:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff4,transparent 60%,#0002)}.light-shaft{position:absolute;inset:-50%;background:linear-gradient(90deg,transparent 42%,#fff9 43%,#fff8 53%,transparent 54%);transform:translateX(-12%) rotate(32deg);mix-blend-mode:soft-light;transition:transform 1.4s var(--ease),opacity 1s}.light-composition>span{position:absolute;left:26px;bottom:25px;font-size:8px;letter-spacing:1.7px;color:#292922;z-index:2}.light-composition[data-light=noon] .light-shaft{transform:translateX(7%) rotate(8deg)}.light-composition[data-light=noon] .light-plinth{filter:brightness(1.18);box-shadow:6px 12px 15px #31271944}.light-composition[data-light=golden] .light-shaft{transform:translateX(25%) rotate(-45deg);background:linear-gradient(90deg,transparent 42%,#f5bd6ea6 43%,#efc17ccc 53%,transparent 54%)}.light-composition[data-light=golden]>img{filter:brightness(.72) sepia(.4)}.light-composition[data-light=golden] .light-plinth{filter:sepia(.35) brightness(.88);box-shadow:-38px 24px 30px #31271966}.light-composition[data-light=night]>img{filter:brightness(.26) saturate(.45)}.light-composition[data-light=night] .light-plinth{filter:brightness(.53) saturate(.6);box-shadow:2px 8px 24px #000a}.light-composition[data-light=night] .light-shaft{transform:translateX(-20%) rotate(48deg);opacity:.15}.light-composition[data-light=night]>span{color:#ece4d5}.lighting-copy h2{font-size:clamp(40px,4.5vw,70px);margin:25px 0}.mini-selectors{display:flex;flex-wrap:wrap;gap:18px;margin:35px 0}.mini-selectors button{background:none;border:0;font-size:10px;padding:7px 0;border-bottom:1px solid transparent;color:#76705f}.mini-selectors button[aria-pressed=true]{color:#292922;border-color:#292922}.light-timeline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--atelier-line);margin-top:40px}.light-timeline button{position:relative;border:0;background:none;font-size:9px;text-align:center;padding:24px 0 12px;color:#76705f}.light-timeline button:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#bcb4a3;top:-3px;left:50%}.light-timeline button[aria-pressed=true]{color:#292922}.light-timeline button[aria-pressed=true]:before{background:#292922;width:9px;height:9px;top:-5px}.lighting-copy #lighting-note{font-size:11px;color:#716955;line-height:1.8;min-height:45px;margin-top:22px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.section-intro h2{margin:0}.section-intro .editorial-copy{margin:0}.pairings{background:#e9e3d8}.pairing-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.pairing-tray{position:relative;aspect-ratio:1.15}.tray-sample{position:absolute;background:var(--swatch) center/cover;border:0;box-shadow:16px 22px 27px #42342032;transition:transform .85s var(--ease);padding:0;text-align:left}.tray-sample span{position:absolute;bottom:16px;left:16px;right:12px;font-size:7px;letter-spacing:1.2px;background:#f4f0e3e0;padding:7px;color:#292922;width:max-content;max-width:calc(100% - 28px)}.tray-sample:nth-child(1){width:63%;height:73%;left:2%;top:7%;transform:rotate(-8deg)}.tray-sample:nth-child(2){width:37%;height:70%;left:49%;top:1%;transform:rotate(7deg)}.tray-sample:nth-child(3){width:35%;height:35%;left:8%;top:60%;border-radius:50%;transform:rotate(-5deg);z-index:3}.tray-sample:nth-child(3) span{left:18%;bottom:27%;max-width:70%;font-size:6px}.tray-sample:nth-child(4){width:42%;height:42%;left:56%;top:54%;transform:rotate(13deg);z-index:2}.pairing-tray:hover .tray-sample:nth-child(1){transform:translate(-8px,-7px) rotate(-10deg)}.pairing-tray:hover .tray-sample:nth-child(2){transform:translate(8px,-8px) rotate(10deg)}.pairing-tray:hover .tray-sample:nth-child(3){transform:translate(-9px,10px) rotate(-7deg)}.pairing-tray:hover .tray-sample:nth-child(4){transform:translate(10px,9px) rotate(16deg)}.pairing-copy h3{font:38px Georgia,serif;letter-spacing:-1px;margin:20px 0}.pairing-copy>p{font-size:12px;color:#736a5a;line-height:1.9}.pairing-copy #pairing-labels{margin:30px 0}.pairing-copy #pairing-labels button{display:block;border:0;border-bottom:1px solid #cbc3b5;padding:12px 0;width:100%;background:none;text-align:left;font-size:11px}.pairing-nav{display:flex;gap:35px;align-items:center;margin-top:32px}.pairing-nav button{border:1px solid #bcb2a1;border-radius:50%;width:38px;height:38px;background:none}.pairing-nav span{font-size:9px;letter-spacing:2px}.composer{background:#f9f7f1}.composer-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}.composer-board{position:relative;aspect-ratio:1.1;background:#eae5da;border:1px solid #ded8cb;box-shadow:inset 0 0 70px #b4a99422;padding:35px}.composer-board:before{content:'ISTUDIO / YOUR MATERIAL LANGUAGE';position:absolute;bottom:17px;left:22px;font-size:7px;letter-spacing:1.8px;color:#796f5d}.composer-board .tray-sample:nth-child(1){height:58%;width:53%;left:10%;top:12%;transform:rotate(-6deg)}.composer-board .tray-sample:nth-child(2){height:70%;width:29%;left:59%;top:9%;transform:rotate(5deg)}.composer-board .tray-sample:nth-child(3){width:25%;height:28%;left:16%;top:62%;transform:rotate(-5deg)}.composer-board .tray-sample:nth-child(4){width:42%;height:37%;left:42%;top:55%;transform:rotate(7deg)}.composer-board .tray-sample[aria-pressed=true]{outline:1px solid #887b65;outline-offset:6px}.composer-board .tray-sample:hover{margin-top:-4px}.composer-controls #composer-slots{display:flex;gap:18px;border-bottom:1px solid var(--atelier-line);margin-bottom:30px}.composer-slot{border:0;background:none;padding:13px 0;font-size:10px;letter-spacing:1px;border-bottom:1px solid transparent;color:#827965}.composer-slot[aria-pressed=true]{color:#292922;border-color:#292922}.composer-options{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px;margin-top:22px}.composer-option{border:0;background:none;padding:0;text-align:left;font-size:9px;line-height:1.5}.composer-option img{width:100%;height:64px;object-fit:cover;display:block;margin-bottom:8px;transition:transform .4s}.composer-option:hover img{transform:translateY(-3px)}.composer-option[aria-pressed=true] img{outline:1px solid #7e7158;outline-offset:4px}.composer-actions{display:flex;gap:30px;flex-wrap:wrap;margin-top:33px}.palette-status{font-size:10px;line-height:1.7;color:#746b59;min-height:17px;margin-top:17px}.filmstrip-section{position:relative;height:285svh;background:#292922;color:#f5f1e7}.filmstrip-top{position:sticky;top:0;display:flex;justify-content:space-between;padding:35px 6.5% 0;z-index:1;background:#292922}.filmstrip-top>span:last-child{font-size:8px;letter-spacing:1px}.filmstrip-viewport{position:sticky;top:90px;overflow:hidden;height:calc(100svh - 140px);display:flex;align-items:center}.filmstrip-track{display:flex;gap:35px;padding:0 6.5vw;will-change:transform}.film-panel{position:relative;flex:0 0 65vw;height:65svh;margin:0;overflow:hidden}.film-panel img{width:100%;height:100%;object-fit:cover}.film-panel figcaption{position:absolute;bottom:24px;left:28px;font-size:9px;letter-spacing:1.8px;padding:8px;background:#29292290;color:#fff}.film-word{display:grid;place-items:center;flex:0 0 42vw;font:italic clamp(70px,9vw,170px) Georgia,serif;letter-spacing:-4px;color:#b4a58a}.filmstrip-progress{position:sticky;top:calc(100svh - 32px);height:1px;background:#ffffff30;margin:0 6.5%;width:87%;overflow:hidden}.filmstrip-progress i{display:block;height:100%;background:#e6dac6;transform-origin:left;transform:scaleX(var(--film-progress,0))}.imperfection{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eae5db;align-items:center}.imperfection h2{font-size:clamp(54px,6.8vw,105px)}.imperfection figure{margin:0}.imperfection figure img{width:100%;height:650px;object-fit:cover}.imperfection figcaption{font-size:8px;letter-spacing:1.3px;margin-top:22px}.project-materials{background:#faf8f2}.project-room{position:relative;overflow:hidden;touch-action:pan-y}.project-room>img{width:100%;height:640px;object-fit:cover;display:block}.hotspot{position:absolute;border:0;border-radius:50%;background:#fbf8eee0;color:#292922;width:27px;height:27px;box-shadow:0 0 0 7px #ffffff25;font-size:17px;z-index:2}.hotspot>span{position:absolute;left:35px;top:0;display:none;font-size:10px;white-space:nowrap;background:#faf8f2;padding:8px 12px;border:1px solid #dbd3c4;letter-spacing:.2px}.hotspot:hover>span,.hotspot:focus-visible>span{display:block}.hotspot:nth-child(4)>span,.hotspot:nth-child(5)>span{left:auto;right:35px}.project-caption{display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1.1px;margin-top:20px;line-height:1.8}.project-caption>span:last-child{color:#797263;letter-spacing:0}.lens-toggle{position:absolute;bottom:23px;right:25px;background:#faf7edeb;border:1px solid #e9e1d1;padding:12px 18px;font-size:10px;z-index:3}.lens-toggle span{font-size:18px;margin-left:20px}.lens-instruction{font-size:11px;color:#736a5a;margin:20px 0 0;line-height:1.8}.material-lens,#material-lens{position:absolute;width:180px;height:180px;left:50%;top:50%;border:5px solid #f8f3e7;border-radius:50%;background:var(--lens-texture) center/cover;box-shadow:0 8px 24px #0005;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:1;transition:opacity .3s}.project-room.lens-active #material-lens{opacity:1}.materials-closing{text-align:center;position:relative;padding-top:150px;padding-bottom:110px;background:#f0ebe0}.materials-closing h2{font-size:clamp(60px,8.5vw,135px);margin:40px 0}.closing-cta{display:inline-flex;align-items:center;gap:70px;border-bottom:1px solid #958974;padding:20px 0;font-size:10px;letter-spacing:1.6px}.closing-cta span{font-size:28px}.back-top{display:block;margin-top:75px;font-size:8px;letter-spacing:1.3px;color:#706756}.materials-page footer{background:#faf8f2;border-color:var(--atelier-line)}
#material-detail{width:min(1150px,94vw);max-width:1150px;padding:0;border:0;background:#f7f3e9;color:#292922;max-height:92svh;overflow-y:auto}#material-detail[open]{display:grid;grid-template-columns:1fr 1fr}#material-detail::backdrop{background:#171710ad;backdrop-filter:blur(5px)}.detail-close{position:sticky;float:right;top:16px;grid-column:2;width:40px;height:40px;margin:16px 16px -56px auto;z-index:4;background:#f6f1e5;border:1px solid #c9bfa9;border-radius:50%;font-size:25px}.detail-photo{grid-column:1;grid-row:1 / span 2;position:relative;min-height:720px}.detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.detail-photo>span{position:absolute;left:30px;bottom:30px;background:#f5efe0d0;padding:8px;font-size:8px}.detail-copy{padding:55px 45px;grid-column:2}.detail-copy h2{font:48px Georgia,serif;letter-spacing:-1.5px;margin:20px 0}.detail-copy>p{font-size:12px;line-height:1.9;color:#6c6353}.detail-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;border-top:1px solid #d2c8b4;border-bottom:1px solid #d2c8b4;padding:24px 0;margin:28px 0}.detail-copy dl>div{min-width:0}.detail-copy dt{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#7b705c}.detail-copy dd{margin:8px 0 0;font-size:11px;line-height:1.6}.detail-copy h3{font:italic 23px Georgia,serif;margin:22px 0 12px}.detail-copy #detail-pairings{display:flex;gap:14px}.detail-pairing{background:none;border:0;padding:0;width:30%;font-size:9px;line-height:1.4;text-align:left}.detail-pairing img{width:100%;height:68px;object-fit:cover;margin-bottom:8px}.detail-copy #detail-colors{font-size:9px;display:flex;align-items:center;gap:12px;margin-top:24px}.detail-color{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #0002}.detail-copy .study-note{font-size:10px}.detail-copy #detail-status{font-size:10px;min-height:18px}.atelier-cursor{position:fixed;top:0;left:0;transform:translate(-50%,-50%);height:65px;width:65px;border-radius:50%;background:#f8f4e6df;border:1px solid #c2b69c;color:#292922;display:grid;place-items:center;font-size:8px;letter-spacing:1px;pointer-events:none;z-index:30;opacity:0;transition:opacity .25s;backdrop-filter:blur(3px)}.atelier-cursor.visible{opacity:1}.noscript-message{padding:25px;line-height:1.8}.material-list[hidden],.materials-page [hidden]{display:none!important}
@media(min-width:851px){.materials-page header nav{gap:25px}}@media(max-width:1050px){.atelier-section{padding:75px 6%}.explorer-layout{gap:5%}.sample-stage{min-height:450px}.category-filters{gap:5px 15px}.material-list{grid-template-columns:repeat(2,1fr)}.lighting-layout,.pairing-layout,.composer-layout{gap:6%}.composer-options{grid-template-columns:repeat(3,1fr)}.curtain-controls{gap:25px}.index-photo img{height:480px}.imperfection figure img{height:530px}}
@media(max-width:850px){.materials-page header nav{position:absolute;top:89px;left:0;right:0;background:#f6f4ee;display:none;flex-direction:column;padding:25px 6%;gap:20px;border-bottom:1px solid #d6d2c7}.materials-page header nav.open{display:flex}.materials-page .menu-button{display:block;width:36px;height:36px;border:1px solid #aaa;background:transparent}.materials-page .nav-contact{margin-left:auto;margin-right:25px}.atelier-hero{height:calc(100svh - 90px);min-height:730px}.hero-title h1{font-size:17vw}.hero-sculpture{width:57%;top:36%;height:47%}.hero-title>p{font-size:5vw}.hero-bottom-line p{margin-left:4%}.explorer-layout{grid-template-columns:1fr}.explorer-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.explorer-copy>.eyebrow,.explorer-copy h2{grid-column:1/-1}.explorer-copy .editorial-copy{grid-row:3;grid-column:1}.category-filters{grid-row:3;grid-column:2;margin:0 0 15px}.swatch-rail{grid-column:1/-1}.selected-copy{min-height:130px}.explorer-copy>.underlined-link{align-self:center;justify-self:start}.sample-stage{width:100%;aspect-ratio:1.4;min-height:0;margin-top:35px}.sample-disc{width:37%;left:32%;top:19%}.index-layout{gap:6%}.index-photo img{height:450px}.lighting-layout{grid-template-columns:1fr}.light-composition{aspect-ratio:1.3}.lighting-copy{margin-top:35px}.pairing-layout{gap:6%}.pairing-copy h3{font-size:29px}.composer-layout{grid-template-columns:1fr}.composer-board{max-width:650px;margin-bottom:45px}.composer-options{grid-template-columns:repeat(6,1fr)}.imperfection{gap:6%}.imperfection h2{font-size:8vw}.imperfection figure img{height:450px}.project-room>img{height:500px}.detail-copy{padding:50px 28px}.detail-copy h2{font-size:37px}.detail-photo{min-height:760px}}
@media(max-width:600px){.atelier-section{padding:65px 6%}.chapter-line{font-size:7px;letter-spacing:1px;margin-bottom:40px;gap:20px}.chapter-line span:last-child{text-align:right;max-width:125px}.materials-page .nav-contact{display:none}.materials-page header nav{top:79px}.atelier-hero{height:calc(100svh - 80px);min-height:700px;padding:25px 6%}.hero-kicker .eyebrow{font-size:6px;letter-spacing:1.2px}.hero-title{margin-top:42px}.hero-title h1{font-size:17.5vw;letter-spacing:-.073em}.hero-title>p{font-size:6.7vw;margin-top:20px;max-width:310px;line-height:1.2;margin-left:0}.hero-sculpture{top:36%;height:46%;width:88%;right:6%}.hero-wood{width:27%;height:100%;top:12%}.hero-ring{width:38%;top:22%;right:15%}.hero-bottom-line{left:6%;right:6%;bottom:30px;flex-wrap:wrap;font-size:9px}.hero-bottom-line p{display:none}.hero-bottom-line>span{font-size:7px}.hero-image-label{font-size:6px;left:17px;bottom:17px}.explorer-copy{display:block}.explorer-copy h2{font-size:11vw;margin-bottom:25px}.category-filters{margin:25px 0 15px;gap:5px 19px;flex-wrap:nowrap;overflow:auto}.category-filters button{font-size:8px;white-space:nowrap}.swatch-rail{gap:17px;margin-right:-6vw;padding-right:6vw}.selected-copy{min-height:145px;margin-top:20px}.sample-stage{aspect-ratio:.98;margin-top:35px;padding:22px}.sample-disc{width:55%;left:23%;top:27%}.sample-caption{left:22px;font-size:6px;bottom:25px}.sample-code{font-size:7px}.library-browser{margin-top:50px}.library-tools{gap:12px;flex-wrap:wrap;align-items:end}.library-tools h3{font-size:27px;flex:1;min-width:130px}.search-label input{width:140px;font-size:11px}.library-tools>span{width:100%;margin-top:5px;font-size:8px}.material-list{grid-template-columns:1fr 1fr;gap:0 18px}.material-row{font-size:10px;gap:10px;padding:16px 0}.material-row img{width:35px;height:45px}.material-row small{font-size:6px;letter-spacing:.6px;margin-top:5px}.material-row>span:last-child{display:none}.study-note{font-size:9px}.index-layout{grid-template-columns:1fr}.index-layout h2{font-size:15vw}.index-row{padding:17px 0}.index-row>span:nth-child(2){font-size:29px}.index-photo{position:relative;margin-top:35px;bottom:auto}.index-photo img{height:290px}.index-photo figcaption{font-size:7px}.curtain-room{height:80svh;min-height:540px}.curtain-room>img{object-position:52%}.curtain-overline{top:25px;font-size:6px;letter-spacing:1px}.curtain-overline>span:last-child{max-width:110px;text-align:right}.curtain-heading{top:24%;left:7%}.curtain-heading h2{font-size:22vw}.curtain-heading p{font-size:10px;max-width:240px}.curtain-drag{font-size:6px;bottom:22px}.curtain-controls{padding:27px 6%;gap:22px}.curtain-controls>div:first-child{width:100%}.fabric-rail{min-width:0;width:100%;flex:auto;padding:8px 5px 15px}.opening-control{width:100%}.opening-control input{flex:1}.light-composition{aspect-ratio:1}.lighting-copy h2{font-size:12vw}.mini-selectors{gap:18px}.light-timeline button{font-size:8px}.section-intro{display:block;margin-bottom:40px}.section-intro h2{font-size:15vw;margin-bottom:25px}.section-intro .editorial-copy{font-size:12px}.pairing-layout{grid-template-columns:1fr}.pairing-tray{margin-bottom:40px}.pairing-copy h3{font-size:36px}.pairing-copy #pairing-labels{margin:20px 0}.pairing-nav{margin-top:25px}.tray-sample span{font-size:5px;left:10px;bottom:12px;letter-spacing:.7px;padding:5px;max-width:calc(100% - 20px)}.tray-sample:nth-child(3) span{font-size:4px}.composer-board{margin-bottom:30px}.composer-board:before{font-size:5px;letter-spacing:1px;bottom:12px;left:14px}.composer-controls #composer-slots{justify-content:space-between;gap:10px}.composer-slot{font-size:8px;letter-spacing:.5px}.composer-options{grid-template-columns:repeat(4,1fr);gap:20px 13px}.composer-option{font-size:8px}.composer-option img{height:57px}.composer-actions{gap:25px}.composer-actions .underlined-link{font-size:10px;gap:20px}.filmstrip-section{height:auto;padding:30px 0}.filmstrip-top{position:relative;top:auto;padding:0 6% 25px}.filmstrip-top .eyebrow{font-size:7px}.filmstrip-top>span:last-child{font-size:6px}.filmstrip-viewport{position:relative;height:auto;top:auto;overflow-x:auto;scroll-snap-type:x mandatory}.filmstrip-track{gap:18px;padding:0 6vw;transform:none!important}.film-panel{height:55svh;flex-basis:82vw;scroll-snap-align:center}.film-panel figcaption{font-size:7px;left:15px;bottom:18px}.film-word{font-size:17vw;flex-basis:65vw;letter-spacing:-2px}.filmstrip-progress{display:none}.imperfection{grid-template-columns:1fr;gap:40px}.imperfection h2{font-size:18vw}.imperfection figure img{height:400px}.imperfection figcaption{font-size:6px}.project-room>img{height:470px;object-position:center}.project-caption{flex-direction:column;gap:8px;font-size:6px}.hotspot{width:24px;height:24px;box-shadow:0 0 0 5px #fff3;font-size:15px}.hotspot>span{font-size:8px;padding:6px 8px;left:30px}.hotspot:nth-child(4)>span,.hotspot:nth-child(5)>span{right:30px}.lens-toggle{font-size:8px;right:15px;bottom:15px;padding:10px}.lens-toggle span{margin-left:10px}.material-lens,#material-lens{width:130px;height:130px}.materials-closing{padding-top:80px;padding-bottom:60px}.materials-closing h2{font-size:15vw;line-height:1.07;margin:30px 0}.materials-closing .eyebrow{font-size:6px}.closing-cta{font-size:8px;padding:10px 0;gap:60px}.back-top{font-size:6px;margin-top:45px}.materials-page footer{gap:20px}.materials-page footer>span{font-size:7px}#material-detail{width:100%;max-width:100%;max-height:100svh;height:100svh;margin:0;border-radius:0}#material-detail[open]{display:block}.detail-close{position:fixed;top:12px;right:12px;margin:0;float:none}.detail-photo{min-height:0;height:40svh}.detail-photo>span{font-size:7px;left:20px;bottom:20px}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:40px}.detail-copy .study-note{font-size:9px}.atelier-cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.materials-page *, .materials-page *:before,.materials-page *:after{animation:none!important;transition:none!important}.filmstrip-section{height:auto;padding-bottom:40px}.filmstrip-top,.filmstrip-viewport{position:relative;top:auto}.filmstrip-viewport{overflow:auto;height:auto;margin-top:35px}.filmstrip-track{transform:none!important}.film-panel{height:65vh}.filmstrip-progress{display:none}.atelier-cursor{display:none}.film-panel{scroll-snap-align:center}}
@media(pointer:coarse){.atelier-cursor{display:none}}
/* Keep horizontal specimen rails inside their editorial columns. */
.explorer-copy,.explorer-layout>*,.composer-layout>*,.lighting-layout>*,.index-layout>*{min-width:0}.explorer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.materials-page em{font-style:italic}.swatch-rail{width:100%;min-width:0}.hero-ring{border:0;background:url('assets/materials/brushed-brass.webp') center/cover;mask:radial-gradient(closest-side,transparent 74%,#000 75%);box-shadow:none;filter:drop-shadow(10px 16px 12px #30231044)}
@media(max-width:850px){.explorer-layout{grid-template-columns:minmax(0,1fr)}}
/* Quiet metadata still meets normal-text contrast requirements. */
.hero-bottom-line p,.category-filters button,#selected-category,.index-row>span:first-child,.index-row>span:last-child,.mini-selectors button,.light-timeline button,.pairings .editorial-copy,#pairing-description,.imperfection .editorial-copy,.project-caption>span:last-child,.materials-page footer span{color:#625b4d}.category-filters button,.mini-selectors button{min-height:32px}.materials-page header nav a{min-height:30px}.curtain-controls button{color:#f5efdf}
.detail-copy dt{color:#625b4d}