@import url('fonts/fonts.css');
:root{--ink:#20221f;--paper:#f7f8f5;--line:#d9dcd5;--orange:#667468}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;top:0}.brand{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;letter-spacing:-1.5px}.brand span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}header nav{display:flex;gap:32px;align-items:center;font-size:14px}header button{background:none;border:0;padding:10px 0;font-size:14px}.bag-button span{margin-left:8px;color:#72796f;font-size:12px}.room{position:relative;min-height:100svh}.entrance{height:max(810px,100svh);overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#e5e9e1 0%,#f7f8f5 55%)}.intro{position:absolute;left:0;right:0;top:17%;text-align:center;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:400;margin:0 0 24px;color:#778074}h1,h2,h3,p{font-weight:400}h1{font-family:Georgia,serif;font-size:clamp(50px,5vw,74px);letter-spacing:-3px;margin:0;line-height:1.1}h2{font-family:Georgia,serif;font-size:clamp(40px,4.3vw,65px);letter-spacing:-2px;line-height:1.1;margin:0}p{line-height:1.6}.threshold{position:absolute;left:50%;top:38%;transform:translateX(-50%);width:196px;height:340px;perspective:1100px}.doorway{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#19221e;box-shadow:0 0 0 1px #cbd0c6,0 0 0 9px #e4e8de,0 0 0 10px #c9cfc3,12px 7px 20px #29372a14;transform-style:preserve-3d}.beyond{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#131c1690,#45514040),url('world.webp') 63% center/auto 100%;filter:saturate(.12);transition:filter 1.2s}.door-panel{position:absolute;inset:0;background:linear-gradient(105deg,#edf0e8,#d8ddd1);border:1px solid #c3cabc;transform-origin:left center;transform:rotateY(-19deg);transition:transform 1.2s cubic-bezier(.22,.8,.2,1);box-shadow:3px 0 4px #0003;backface-visibility:hidden}.doorway:hover .door-panel{transform:rotateY(-32deg)}.door-number{position:absolute;top:22%;left:0;right:0;font-size:9px;letter-spacing:2px;color:#6c7665}.door-handle{position:absolute;right:15px;top:53%;width:3px;height:35px;background:#788374;box-shadow:2px 2px 2px #0003}.door-cue{position:absolute;bottom:-58px;left:0;right:0;font-size:13px;letter-spacing:1px;color:#687260}.door-shadow{position:absolute;width:180px;height:250px;top:100%;left:0;background:linear-gradient(#99a18a35,transparent);transform-origin:top;transform:skewX(-49deg) scaleY(.65);filter:blur(8px);pointer-events:none}.entered .door-panel{transform:rotateY(-105deg)!important}.entered .beyond{filter:saturate(.45)}.entrance-foot{position:absolute;bottom:92px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;color:#717b6b}.entrance-foot a{border-bottom:1px solid #bbc2b5;padding-bottom:4px}.gallery{background:#171a18;color:#e3e8de;padding:120px 6% 130px;overflow:hidden}.room-heading{text-align:center}.room-heading .eyebrow{color:#8d9a8e}.room-heading>p:last-child{color:#939e92;font-size:14px;margin:24px 0 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin:65px auto 60px;max-width:1350px}.product{border:0;padding:0;background:none;color:inherit;text-align:left;min-width:0}.product-art{position:relative;aspect-ratio:1/1.15}.tee{position:relative;isolation:isolate;aspect-ratio:1;transition:transform 1s;overflow:hidden}.tee img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten}.gallery .tee{background:#171a18;animation:float 8s ease-in-out infinite}.gallery .tee img{mix-blend-mode:lighten;opacity:.88}.gallery .product:nth-child(2){padding-top:70px}.gallery .product:nth-child(2) .tee{animation-delay:-3s}.gallery .product:nth-child(3) .tee{animation-delay:-5s}.product-tag{display:block;position:absolute;bottom:0;left:0;z-index:2;font-size:9px;letter-spacing:1.7px;color:#879583}.product-info{display:flex;justify-content:space-between;font-size:15px;gap:8px;padding-top:19px;border-top:1px solid #ffffff1a}.product-info>span:last-child{font-size:13px;color:#9ba794}.product-sub{margin-top:9px;color:#8c9886;font-size:12px}.product:hover .tee{transform:translateY(-10px)}.print{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:'Space Grotesk',sans-serif;font-size:32px;line-height:.95;font-weight:600;letter-spacing:-1.5px;color:#354936;white-space:pre-wrap;overflow-wrap:anywhere;width:38%;max-height:42%;overflow:hidden}.tee.color-sand img{filter:sepia(.35) saturate(.6)}.tee.color-ink img{filter:brightness(.32)}.tee.color-ink .print{color:#d4dfc8}.tee.color-sage img{filter:sepia(.5) hue-rotate(35deg) saturate(.4) brightness(.8)}.gallery-foot{display:flex;justify-content:space-between;color:#84907c;font-size:12px}.gallery-foot a{color:#c6d1bd}.gallery-foot a span{margin-left:14px}.atelier{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px 9% 140px;gap:10%;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,#e5eadd,transparent 55%),#f7f8f5}.atelier-orbit{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;transform:rotate(-12deg);color:#b0baa4;animation:float 10s ease-in-out infinite}.atelier-orbit span{font-size:clamp(55px,7vw,115px);font-family:'Space Grotesk',sans-serif;font-weight:400;line-height:.9;letter-spacing:-7px}.atelier-orbit i{font-family:Georgia,serif;font-size:clamp(80px,12vw,170px);line-height:.8;font-weight:400;color:#6e7c60;z-index:1}.atelier-copy h2{font-size:clamp(40px,4vw,60px)}.atelier-copy>p:not(.eyebrow){font-size:14px;color:#78816f;margin:25px 0 35px}.text-button{border:0;border-bottom:1px solid #98a18d;background:none;padding:10px 0;font-size:14px;min-width:180px;display:flex;justify-content:space-between}.atelier-foot{position:absolute;bottom:100px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;color:#7c8673}.room-nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:25;padding:7px;background:#f8faf3e8;backdrop-filter:blur(14px);border:1px solid #cfd5c455;border-radius:40px;box-shadow:0 4px 35px #101e1110}.room-nav a{font-size:12px;white-space:nowrap;padding:10px 15px;border-radius:30px;color:#7c8574;transition:background .4s,color .4s}.room-nav a span{font-size:9px;margin-right:7px}.room-nav a.active{background:#e0e5d9;color:#35422a}footer{display:flex;justify-content:space-between;padding:30px 6% 100px;font-size:11px;color:#8a9282;background:#f7f8f5}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 22px;font-size:14px}.dark{background:#293026;color:#f1f4ec}.wide{width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #82966f;outline-offset:5px}.mini-label{font-size:10px;letter-spacing:1.5px}.studio-preview .tee{background:#20231f}.studio-preview .print{font-size:32px}.search-body{padding:28px}.search-body label{display:block;font-size:12px;color:#747f6a;margin-bottom:15px}.search-body input{width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #c6cebd;outline-offset:2px}.search-result{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid #dfe4d8;padding:22px 0;width:100%;text-align:left;font-size:16px}.search-result small{display:block;margin-top:7px;color:#78826e;font-size:12px}.search-empty{color:#77816e;font-size:14px}#search-dialog{max-width:620px}.search-result:hover{color:#6e805d}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}
dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-height:92svh;width:min(1100px,94vw);overflow:auto}dialog::backdrop{background:#10120eda;backdrop-filter:blur(9px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:30px}.modal-head .eyebrow{margin:0}.close{border:0;background:none;font-size:30px;padding:0 10px}.studio-layout{display:grid;grid-template-columns:1.2fr 1fr}.studio-preview{background:#d7d9ce;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 20px;min-width:0}.studio-preview .tee{width:100%;margin:20px 0}.preview-caption{font-size:11px;letter-spacing:1px}.studio-controls{padding:34px}.studio-controls h2{font-size:32px;margin-bottom:30px}.studio-controls label{display:block;margin:22px 0 10px;font-size:13px;font-weight:600}.studio-controls textarea,.studio-controls select{width:100%;background:transparent;border:1px solid #acafa2;padding:12px;border-radius:0}.hint{font-size:12px;color:#777b70;line-height:1.5}.swatches{display:flex;gap:10px}.swatch{border:1px solid #9b9e92;border-radius:50%;width:38px;height:38px}.swatch[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:3px}.studio-controls input[type=range]{width:100%;accent-color:var(--orange)}.wide{width:100%;margin-top:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:30px}.detail-copy h2{font-size:43px}.detail-copy p{line-height:1.6}.sizes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.size{border:1px solid #aeb1a5;background:none;padding:12px;min-width:44px}.size[aria-pressed=true]{background:var(--ink);color:white}#bag{max-width:600px}#bag-items{padding:25px}.empty-bag{padding:35px 0;line-height:1.7}.bag-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.bag-row p{margin:6px 0;font-size:13px;color:#74776b}.remove{border:0;background:none;font-size:12px;text-decoration:underline}#bag-footer{padding:0 25px 25px}.total{display:flex;justify-content:space-between;font-size:24px;margin:20px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:15px 24px;z-index:100;opacity:0;pointer-events:none;transition:.3s;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}body:has(dialog[open]){overflow:hidden}button:hover,.button:hover{filter:brightness(.94)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.modal-head h2{font-family:Georgia,serif}.studio-controls h2{font-family:Georgia,serif;font-weight:400}.studio-preview{background:#e2e7d9}.close{font-weight:400}.studio-controls label{font-weight:400}.studio-controls textarea,.studio-controls select{border-color:#c4cdb8}.swatch[aria-pressed="true"]{outline-color:#526244}.hint{color:#748068}.detail-copy h2{font-family:Georgia,serif;font-weight:400}.product-art .tee{height:100%;width:100%}.modal-head .brand{font-size:18px;letter-spacing:-.5px}@media(min-width:1500px){.threshold{width:220px;height:380px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand{font-size:20px}header nav{gap:17px}header nav a,header nav button,.bag-button{font-size:12px}header nav button[aria-label]{display:none}.entrance{height:max(760px,100svh)}.intro{top:19%}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro h1{font-size:54px}.threshold{top:37%;width:155px;height:280px}.entrance-foot{bottom:120px;font-size:10px;left:6%;right:6%}.room-nav{bottom:20px;gap:2px;padding:5px}.room-nav a{font-size:11px;padding:10px 11px}.room-nav a span{font-size:9px;margin-right:4px}.gallery{padding:95px 8% 100px}.room-heading h2{font-size:40px}.product-grid{grid-template-columns:1fr;gap:65px;margin-top:40px}.gallery .product:nth-child(2){padding-top:0}.product-art{aspect-ratio:1.15}.product-art .tee{max-width:400px;margin:auto}.product-info{font-size:16px}.product-sub{font-size:12px}.gallery-foot{font-size:10px;gap:20px}.atelier{display:flex;flex-direction:column;justify-content:center;padding:70px 8% 150px;gap:65px}.atelier-orbit{width:65%;max-width:300px}.atelier-orbit span{font-size:64px;letter-spacing:-4px}.atelier-orbit i{font-size:100px}.atelier-copy{text-align:center}.atelier-copy h2{font-size:43px}.text-button{margin:auto}.atelier-foot{bottom:70px;font-size:10px}.studio-layout,.detail-grid{grid-template-columns:1fr}.studio-preview .tee{max-width:400px}.studio-controls{padding:25px}.modal-head{padding:18px}.studio-preview{padding:22px}.detail-grid{padding:20px}.detail-copy h2{font-size:35px}.modal-head h2{font-size:28px}footer{gap:25px;font-size:10px}.studio-controls h2{font-size:32px}.studio-controls .eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
header{position:fixed;background:#f7f8f5e6;backdrop-filter:blur(16px);transition:background .5s,color .5s}body[data-room=drops] header{background:#171a18df;color:#e3e8de}body[data-room=drops] header .bag-button span{color:#a4b39a}@media(max-width:700px){header nav{gap:13px}header nav button[aria-label]{display:block;font-size:0}header nav button[aria-label]::after{content:'⌕';font-size:22px;line-height:1}header{padding:0 5%}.brand{font-size:18px}}
.product .tee{container-type:inline-size}.product .print{font-size:clamp(17px,6.7cqw,32px)}
/* Walk-through: a doorway expands into an explorable physical room. */
.beyond{background-image:linear-gradient(#17201522,#45514011),url('interior.webp');background-position:center;background-size:auto 100%;filter:none}
#passage{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;background:transparent;overflow:hidden;color:#263026}#passage::backdrop{background:transparent;backdrop-filter:none}.passage-view{position:absolute;overflow:hidden;border:9px solid #d2d9c9;background:#e1e6dc;isolation:isolate;box-shadow:0 0 35px #26382228}.passage-interior{position:absolute;inset:0;background:url('interior.webp') center/cover no-repeat;transform:scale(1.14);transition:transform 4s cubic-bezier(.15,.6,.2,1);z-index:-2}.landed .passage-interior{transform:scale(1)}.passage-depth{position:absolute;inset:0;background:linear-gradient(#f4f7ed66,transparent 30%,transparent 65%,#f4f7eda6);z-index:-1}.passage-exit{position:absolute;right:4%;top:28px;background:#f7f8f1de;border:1px solid #5d6b5230;padding:12px 18px;border-radius:30px;font-size:12px;z-index:4}.passage-caption{position:absolute;top:8%;left:0;right:0;text-align:center;opacity:0;transform:translateY(15px);transition:opacity 1s,transform 1s}.passage-caption h2{font-size:clamp(38px,4vw,60px)}.passage-caption .eyebrow{font-size:9px;color:#69745e;margin-bottom:16px}.landed .passage-caption{opacity:1;transform:none}.passage-products{position:absolute;inset:0;perspective:1200px}.encounter{position:absolute;top:36%;left:9%;width:25%;max-width:390px;border:0;background:none;opacity:0;transform:translate3d(120px,-60px,-950px) scale(.15);filter:blur(9px);transition:opacity 1.15s,transform 1.7s cubic-bezier(.16,.8,.22,1),filter 1.6s;pointer-events:none;text-align:center;padding:0}.encounter-1{left:38%;top:40%;transition-delay:.35s}.encounter-2{left:68%;top:31%;transition-delay:.75s;transform:translate3d(-130px,40px,-950px) scale(.15)}.landed .encounter{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);pointer-events:auto}.encounter-tee{position:relative;aspect-ratio:1;filter:drop-shadow(18px 32px 18px #19220b25);animation:encounter-float 7s ease-in-out infinite;transition:scale .5s}.encounter-1 .encounter-tee{animation-delay:-2s}.encounter-2 .encounter-tee{animation-delay:-4s}.encounter-tee img{width:100%;height:100%;object-fit:contain}.encounter-tee.color-ink img{filter:brightness(.2)}.encounter-tee.color-sand img{filter:sepia(.35) saturate(.6)}.encounter-tee.color-sage img{filter:sepia(.6) hue-rotate(35deg) saturate(.4) brightness(.83)}.encounter-print{position:absolute;left:34%;top:32%;width:32%;font-size:clamp(13px,2vw,27px);font-weight:600;line-height:.96;white-space:pre-wrap;overflow-wrap:anywhere;color:#3e5036;letter-spacing:-.8px}.color-ink .encounter-print{color:#d1dbbf}.encounter-label{display:inline-block;font-size:13px;padding:9px 14px;background:#f4f7efce;backdrop-filter:blur(8px);border-radius:2px;margin-top:3px}.encounter-label small{font-size:10px;display:block;margin-top:5px;color:#6d785f}.encounter:hover .encounter-tee{scale:1.07}.passage-bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:0;transition:opacity 1s .8s;pointer-events:none}.landed .passage-bottom{opacity:1;pointer-events:auto}.passage-bottom>span{color:#627059}.passage-bottom button{border:0;border-bottom:1px solid #87937d;padding:12px 0;background:none;font-size:14px}.passage-bottom button span{margin-left:30px}@keyframes encounter-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -14px;rotate:2deg}}@media(max-width:700px){.passage-interior{background-position:48% center}.passage-caption{top:13%}.passage-caption h2{font-size:41px}.passage-exit{top:22px;right:6%;font-size:11px}.encounter{left:0%;top:31%;width:49%;}.encounter-1{left:50%;top:37%}.encounter-2{left:25%;top:59%;width:48%}.encounter-label{font-size:11px;padding:7px 9px}.encounter-label small{font-size:9px}.encounter-print{font-size:clamp(12px,3.4vw,20px)}.passage-bottom{bottom:3%;justify-content:center}.passage-bottom>span{display:none}.passage-bottom button{font-size:12px}.passage-caption .eyebrow{font-size:8px}.passage-depth{background:linear-gradient(#f3f7ec99,transparent 40%,#f3f7ec44 75%,#f3f7ecdd)}}@media(prefers-reduced-motion:reduce){.passage-view,.encounter,.passage-caption,.passage-interior,.passage-bottom{transition:none!important}.encounter-tee{animation:none!important}}