/* Edition 02: cinematic entrance; isolated from the original index. */
.opening-orbit{position:absolute;z-index:1;width:66vw;height:66vw;right:-20vw;top:-13vw;border:1px solid #8e78552e;border-radius:50%;pointer-events:none}
.opening-orbit::after{content:"";position:absolute;inset:8%;border:1px solid #8e78551c;border-radius:50%}
.opening-light{position:absolute;z-index:8;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 28%,#fff8e54a 46%,#fff8e58c 49%,transparent 65%);mix-blend-mode:soft-light}
.opening-wordmark{perspective:900px}
.opening-wordmark .logo-piece{display:inline-block;font:inherit;color:inherit;letter-spacing:inherit;transform-origin:50% 100%}
.opening-wordmark>span .logo-piece{font-weight:400}
.h2-motion .h2-char{display:inline-block;color:inherit;transform-origin:50% 100%;white-space:pre}
.back-to-top{position:fixed;z-index:90;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:62px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #d9cdb780;border-radius:32px;background:#252c26ed;color:#faf5e9;box-shadow:0 5px 24px #10181024;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .35s,transform .35s,visibility .35s,background .2s}
.back-to-top[hidden]{display:none}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#856b4c;transform:translateY(-4px)}
.back-to-top:focus-visible{outline:2px solid #b58b55;outline-offset:5px}
.back-to-top svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.3}
.back-to-top span{font:500 9px/1 var(--latin);letter-spacing:.16em}
@media(max-width:700px){.back-to-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:50px;height:60px}.opening-orbit{width:110vw;height:110vw;right:-48vw;top:3vh}}
@media(prefers-reduced-motion:reduce){.opening-light,.opening-orbit{display:none}.back-to-top,.back-to-top:hover{transform:none}.h2-motion .h2-char{transform:none!important;opacity:1!important}}

/* 06: slow photographic dolly; works without a WebGL context or HTTP textures. */
.depth.has-depth-motion{height:480svh}
.depth.has-depth-motion .depth-fallback{visibility:hidden}
.depth-corridor{position:absolute;inset:0;perspective:1200px;perspective-origin:57% 50%;overflow:hidden}
.depth-panel{position:absolute;inset:20vh 15vw 18vh 23vw;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #b4a08480;box-shadow:0 0 0 10px #29352c,0 0 0 11px #b4a08460,0 35px 90px #0006;will-change:transform,opacity}
.depth-panel img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){
  .depth.has-depth-motion{height:360svh!important}
  .depth.has-depth-motion .depth-stage{position:sticky;top:0;height:100svh;min-height:0}
  .depth-corridor{perspective:1200px;perspective-origin:50% 54%}
  .depth-panel{inset:32svh 10vw 23svh;box-shadow:0 0 0 6px #29352c,0 0 0 7px #b4a08460,0 20px 50px #0005}
}
@media(prefers-reduced-motion:reduce){.depth-corridor{display:none}.depth.has-depth-motion .depth-fallback{visibility:visible}}

/* 07 / Six photographs, with an independent scroll pace per column. */
.daily .daily-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(100px,12vw,180px) 3vw;padding:90px 0 100px}
.daily .gallery-slot{min-width:0}
.daily .daily-photo{grid-column:auto;grid-row:auto;width:100%;margin:0;transform:translate3d(0,clamp(var(--rise-min,-1000px),var(--rise,0px),var(--rise-max,1000px)),0)!important}
.daily .daily-photo .visual-mask{display:block;position:relative;padding:0;border-radius:0;overflow:hidden;aspect-ratio:4/5;cursor:zoom-in;text-align:left}
.daily .daily-photo figcaption{font-size:clamp(13px,1.35vw,21px)}
.gallery-view{position:absolute;right:15px;bottom:15px;display:flex;align-items:center;gap:24px;padding:11px 14px;background:#f6f3ecef;color:#202522;font:500 10px/1 var(--latin);letter-spacing:.12em;transition:background .3s,color .3s}
.gallery-view>span{font-size:18px}
.gallery-open:hover .gallery-view,.gallery-open:focus-visible .gallery-view{background:#202522;color:#fffaf2}
.gallery-open:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}
.gallery-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:65px 7vw 85px;border:0;background:#161b18;color:#fffaf2;overflow:auto}
.gallery-lightbox::backdrop{background:#101612ed}
.gallery-lightbox[open]{display:flex;align-items:center;justify-content:center}
.gallery-close{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));min-height:44px;display:flex;align-items:center;gap:20px;font:500 10px/1 var(--latin);letter-spacing:.12em;z-index:1}
.gallery-close span{font-size:28px;font-weight:400}
.lightbox-figure{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none}
.lightbox-image{width:100%;height:calc(100% - 48px);min-height:0;object-fit:contain;pointer-events:auto}
.lightbox-caption{font:400 clamp(14px,1.6vw,22px)/1.5 var(--serif);text-align:center}
.lightbox-controls{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px}
.lightbox-controls button{min-width:48px;min-height:44px;border:1px solid #fff4;border-radius:50%;font-size:22px;transition:background .2s}
.lightbox-controls button:hover{background:#fff2}
.lightbox-count{font:500 10px/1 var(--latin);letter-spacing:.18em;min-width:65px;text-align:center}
@media(max-width:700px){
  .daily .daily-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 18px;padding:35px 0 45px}
  .daily .daily-photo figcaption{font-size:12px;gap:7px;margin-top:14px}
  .gallery-view{right:8px;bottom:8px;padding:8px 10px;gap:10px;font-size:8px}
  .gallery-view>span{font-size:15px}
  .gallery-lightbox{padding:65px 16px 90px}
}
@media(prefers-reduced-motion:reduce){.daily .daily-photo{transform:none!important}}

/* A more compact first chapter, with a material-led photographic statement. */
.philosophy{padding-top:clamp(64px,6vw,100px)}
.philosophy .belief-layout{grid-template-columns:minmax(145px,.24fr) minmax(0,1fr);gap:4%;padding:clamp(38px,4vw,64px) 0 28px}
.philosophy .belief-intro p{margin-top:16px}
.philosophy .belief-bottom{margin-top:32px}
.philosophy .belief-image{margin-top:clamp(28px,3vw,48px)}
.belief-image-catch{position:absolute;z-index:2;left:clamp(24px,4vw,65px);right:24px;top:50%;transform:translateY(-50%);font:700 clamp(50px,8.2vw,140px)/.94 var(--latin);letter-spacing:-.065em;color:var(--white);text-shadow:0 2px 30px #0003;pointer-events:none}
.philosophy .belief-image::after{background:linear-gradient(90deg,#141a1466,transparent 80%),linear-gradient(0deg,#151b14a6,transparent 48%)}
/* A neutral black stage makes the photographs and warm metal edges stand out. */
.depth,.depth-stage{background:#000}
.depth-wash{background:linear-gradient(90deg,#000c,transparent 54%),linear-gradient(0deg,#000e,transparent 45%,#0004)}
.depth-panel{box-shadow:0 0 0 10px #171717,0 0 0 11px #b4a08460,0 35px 90px #0006}
.depth-fallback{box-shadow:0 0 0 12px #171717,0 0 0 13px #b4a08480}
.daily .daily-gallery{row-gap:clamp(170px,15vw,230px);padding-top:115px;padding-bottom:135px}
@media(max-width:700px){
  .philosophy{padding-top:56px}
  .philosophy .belief-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding:32px 0 12px}
  .philosophy .belief-intro{gap:20px}
  .philosophy .belief-intro .index-serif{font-size:58px}
  .philosophy .belief-intro p{margin:0}
  .philosophy .belief-bottom{margin-top:20px}
  .philosophy .belief-image{margin-top:26px}
  .belief-image-catch{left:20px;right:14px;font-size:clamp(34px,9vw,63px);line-height:1;letter-spacing:-.06em}
  .depth-panel{box-shadow:0 0 0 6px #171717,0 0 0 7px #b4a08460,0 20px 50px #0005}
  .depth-fallback{box-shadow:0 0 0 7px #171717,0 0 0 8px #b4a08480}
  .daily .daily-gallery{row-gap:110px;padding-top:65px;padding-bottom:80px}
}

/* Keep collection titles together by phrase at every viewport size. */
.collection .scene-copy h3{font-size:clamp(34px,4.5vw,76px);line-height:1.48}
.collection .scene-title-line{display:block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}
@media(max-width:700px){
  .collection .scene-copy h3{font-size:clamp(24px,7.4vw,48px);line-height:1.52}
}
@media(max-height:680px) and (min-width:701px){
  .collection .scene-copy h3{font-size:clamp(32px,4.1vw,68px)}
}

/* Shared reveal inks keep layout and parent scroll transforms independent. */
.title-reveal-ink{display:block}
.opening-wordmark .opening-wordmark-ink{display:block;font:inherit;color:inherit;letter-spacing:inherit}
.opening-wordmark .opening-wordmark-ink>span{font-weight:400}
.opening-wordmark .opening-wordmark-ink>i{font-style:normal;color:var(--bronze)}
.opening-aperture{background:#262d25}
@media(prefers-reduced-motion:reduce){.title-reveal-ink,.h2-ink,.opening-wordmark-ink,.opening-photo-reveal{opacity:1!important;visibility:visible!important;transform:none!important}}

/* Aystore wordmark: reference logo casing, uniform bold weight and tight spacing. */
:root{--brand-font:"Jost","Futura","Avenir Next",sans-serif;--brand-tracking:-0.02em}
.masthead-brand,.opening-wordmark,.footer-wordmark{
  font-family:var(--brand-font);font-weight:700;font-style:normal;font-synthesis:none;
  letter-spacing:var(--brand-tracking);text-transform:none;
}
.masthead-brand{font-size:32px;line-height:1;color:#211b18;gap:0}
.masthead.is-dark .masthead-brand{color:var(--white)}
.opening-wordmark,.footer-wordmark{color:#211b18}
.opening-wordmark .opening-wordmark-ink{font-family:inherit;font-weight:700;letter-spacing:inherit}
.footer-wordmark{line-height:1;transform:none}
.opening-foot,.menu-content>.eyebrow,.footer-head .eyebrow,.footer-bottom{text-transform:none}
@media(max-width:1100px){.masthead-brand{font-size:29px}}
@media(max-width:700px){.masthead-brand{font-size:26px}}

/* Use the supplied transparent logo artwork at its original aspect ratio. */
.brand-logo-image{display:block;width:100%;height:auto;object-fit:contain}
.masthead-brand{width:112px;font-size:0;line-height:0;flex-shrink:0}
.masthead-brand .brand-logo-image{transition:filter .3s}
.masthead.is-dark .masthead-brand .brand-logo-image{filter:invert(1)}
.opening-wordmark{width:76vw;max-width:1460px;font-size:0;line-height:0}
.opening-wordmark .opening-wordmark-ink{width:100%;line-height:0}
.footer-wordmark{width:100%;font-size:0;line-height:0}
@media(max-width:1100px){.masthead-brand{width:104px;font-size:0}}
@media(max-width:700px){
  .masthead-brand{width:94px;font-size:0}
  .opening-wordmark{width:84vw;font-size:0}
  .footer-wordmark{font-size:0}
}

/* 03 / Black replaces the warm left cover, with a crisp neutral vignette. */
.material,.material-stage,.material-wood{background:#000}
.material-wood>img{opacity:0}
.material-vignette{background:linear-gradient(0deg,#000b,transparent 51%),linear-gradient(90deg,#0005,transparent 55%)}
/* 08 / Cover slide reveal: only the photograph is masked. */
.order-image-cover{display:none;position:absolute;z-index:3;inset:0;background:#9d7359;pointer-events:none}
.order-image.has-order-reveal .order-image-cover{display:block}
.order-content{container-type:inline-size}
.order-content h2{width:100%;font-size:clamp(26px,3.6vw,70px);white-space:nowrap}
.order-content h2 .h2-line,.order-content h2 .h2-ink{white-space:nowrap}
@supports(font-size:1cqw){.order-content h2{font-size:clamp(26px,12cqw,76px)}}
@media(prefers-reduced-motion:reduce){.order-image.has-order-reveal .order-image-cover{display:none}}

/* A quieter footer: the brand and the maker, in two clear columns. */
.footer{padding-top:clamp(60px,6vw,95px)}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(45px,7vw,110px);padding-bottom:clamp(50px,5vw,80px)}
.footer-brand{min-width:0}
.footer-brand-label{color:#75786e;margin-bottom:28px}
.footer .footer-wordmark{width:100%;max-width:640px;margin:0;transform:none}
.footer-brand-copy{margin-top:24px;font:400 clamp(15px,1.35vw,19px)/2 var(--serif);letter-spacing:-.025em}
.footer-navigation{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:30px;max-width:500px}
.footer-navigation a{display:flex;align-items:center;min-height:44px;font:500 12px/1.5 var(--latin);letter-spacing:.025em}
.footer-navigation a:hover,.company-details a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-company{border-left:1px solid var(--line);padding-left:clamp(26px,4vw,62px);min-width:0}
.company-identity{display:flex;align-items:center;gap:22px}
.company-logo{width:76px;height:76px;flex-shrink:0;object-fit:contain}
.company-label{font-size:9px;letter-spacing:.13em;color:#7b7e74;margin-bottom:9px}
.footer-company h2{font:500 clamp(20px,1.8vw,27px)/1.5 var(--sans);letter-spacing:.045em;white-space:nowrap}
.company-english{font:500 9px/1.5 var(--latin);letter-spacing:.12em;color:#7b7e74;margin-top:3px}
.company-intro{margin-top:25px;font-size:12px;line-height:2.1;color:#74786e}
.company-mobile-break{display:none}
.company-details{margin:24px 0 0}
.company-details>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #20252214}
.company-details dt{font-size:10px;line-height:2;color:#777c70;letter-spacing:.035em}
.company-details dd{margin:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.company-details address{font-style:normal}
.company-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.company-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;border-bottom:1px solid #20252230;font-size:11px}
.company-links a:hover{border-color:var(--bronze);color:var(--bronze)}
.footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;font-size:9px;justify-content:space-between}
.footer .footer-bottom>a{display:flex;align-items:center;min-height:44px}
@media(max-width:900px){
  .footer-main{grid-template-columns:minmax(0,1fr);gap:42px}
  .footer .footer-wordmark{width:50%;max-width:420px}
  .footer-company{border-left:0;border-top:1px solid var(--line);padding:34px 0 0}
  .company-details>div{grid-template-columns:100px minmax(0,1fr)}
  .company-links{gap:12px 30px}
}
@media(max-width:700px){
  .footer{padding-top:55px}
  .footer-brand-label{font-size:8px;margin-bottom:20px}
  .footer-brand-copy{font-size:14px;margin-top:20px}
  .footer-navigation{margin-top:20px;gap:4px 22px}
  .footer-main{padding-bottom:34px;gap:30px}
  .footer-company{padding-top:28px}
  .company-identity{gap:15px}
  .company-logo{width:60px;height:60px}
  .footer-company h2{font-size:19px;letter-spacing:.02em}
  .company-label{font-size:8px;margin-bottom:6px}
  .company-english{font-size:8px}
  .company-details>div{grid-template-columns:78px minmax(0,1fr);gap:10px}
  .company-details dd{font-size:11px}
  .company-links{gap:6px 20px}
  .footer .footer-bottom{display:grid;grid-template-columns:1fr auto;gap:10px 14px;font-size:8px}
  .footer .footer-bottom>span:nth-child(2){grid-column:1;grid-row:2;font-size:7px}
  .footer .footer-bottom>a{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:360px){.company-mobile-break{display:block}.footer-company h2{font-size:17px}.company-logo{width:52px;height:52px}}
/* Leave room for the fixed top button beside the footer navigation. */
.footer .footer-bottom>a{padding-right:70px}