/* Two complete directions share content, booking and appointments. */
:root{--version-bar-height:52px;--muted-gold:#a39479}
html{scroll-padding-top:calc(var(--version-bar-height) + 25px);overflow-x:clip}
.version-bar{height:var(--version-bar-height);position:sticky;top:0;z-index:25;background:#11120f;color:#deded4;padding:0 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-bottom:1px solid #ffffff26;font-size:8px;letter-spacing:.8px}
.version-brand{font-size:7px;letter-spacing:1px;justify-self:start}
.version-options{display:flex;align-items:center;gap:5px}
.version-link{display:flex;align-items:center;gap:13px;padding:11px 17px;border:1px solid #ffffff35;color:#bbbeb1;font-size:8px;font-weight:600;transition:background .2s,color .2s}
.version-link>span{font-size:7px;color:#919782}
.version-link .icon{width:12px;height:12px;margin-left:4px}
.version-link:hover{background:#303329;color:#fff}
[data-variant="editorial"] .version-link[data-version="editorial"],[data-variant="motion"] .version-link[data-version="motion"]{background:#eae7de;color:#191a16;border-color:#eae7de}
[data-variant="motion"] .version-link[data-version="motion"]{background:#d2f554;border-color:#d2f554}
.version-hint{justify-self:end;color:#909580;font-size:6px;letter-spacing:.9px}
.shop-indicator{display:flex;align-items:center;gap:7px}.shop-indicator i{width:5px;height:5px;background:#938774;border-radius:50%}
.motion-runway,.motion-pinned,.crew-runway,.crew-stage{position:relative}
.motion-chapter,.motion-frame-top,.motion-rail,.motion-book-row,.crew-motion-footer{display:none}
.ticker{display:block}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:28px;min-width:100%;white-space:nowrap}
.ticker-track>svg{width:30px;height:30px;flex-shrink:0}.ticker-track>span{flex-shrink:0}

/* 01 / EDITORIAL — ink, chalk and a trace of warm metal. */
[data-variant="editorial"]{--acid:#d4c9b5}
[data-variant="editorial"] button:focus-visible,[data-variant="editorial"] a:focus-visible,[data-variant="editorial"] input:focus-visible{outline-color:#9e8964}
[data-variant="editorial"] .brand-dot,[data-variant="editorial"] .masthead h1>span{color:#a39479}
[data-variant="editorial"] .hero-type h2>span{color:#ded5c4}
[data-variant="editorial"] .acid{background:#e6e0d4}
[data-variant="editorial"] .acid:hover{background:#fffaf0}
[data-variant="editorial"] .chair-stamp{background:#eae7de0b;color:#eae7de;border:1px solid #eae7de88;outline:1px dashed #eae7de77;backdrop-filter:blur(5px)}
[data-variant="editorial"] .ticker{background:#191a16;color:#c6c1b4;border-top:1px solid #79796b;border-bottom:1px solid #79796b;font-size:31px}
[data-variant="editorial"] .ticker-track>svg{width:22px;height:22px;color:#a39479}
[data-variant="editorial"] .big-star{color:#a39479}
[data-variant="editorial"] .dennis-story h2 em,[data-variant="editorial"] .dennis-story>.eyebrow,[data-variant="editorial"] .acid-text{color:#d9cdb7}
[data-variant="editorial"] .crew-member:hover{background:#d4c9b5}
[data-variant="editorial"] .crew-member.featured>span:first-child{color:#d4c9b5}
[data-variant="editorial"] .can-face strong,[data-variant="editorial"] .bottle-label strong{color:#eae7de}
[data-variant="editorial"] .product-sticker{background:#eae7de}
[data-variant="editorial"] .product-stage{background:#363731}
[data-variant="editorial"] .oil-stage{background:#c4c1b7}
[data-variant="editorial"] .closing-cta{background:#dcd7cb}
[data-variant="editorial"] .giant-book>span{color:#a39479}
[data-variant="editorial"] .journal-note{background:#eae7de;border:1px solid #b9b2a2}
[data-variant="editorial"] .footer-brand>span,[data-variant="editorial"] .footer-bottom>button{color:#d4c9b5}
[data-variant="editorial"] dialog h2>span{color:#8c7e64}
[data-variant="editorial"] .date-choice[aria-pressed=true],[data-variant="editorial"] .choice[aria-pressed=true]{background:#191a16}
[data-variant="editorial"] .time-slot[aria-pressed=true]{background:#d4c9b5;border-color:#9e9077}
[data-variant="editorial"] .legend-square.own{background:#a39479}
[data-variant="editorial"] .agenda-event.own{background:#d4c9b5;border-color:#8c7e64}
[data-variant="editorial"] .extra-choice input{accent-color:#8c7e64}

/* 02 / MOTION — a native-scroll magazine spread, not a scroll hijack. */
[data-variant="motion"]{--acid:#d2f554}
[data-variant="motion"] .masthead{padding-top:25px;padding-bottom:24px}
[data-variant="motion"] .masthead h1{transform-origin:50% 100%;will-change:transform}
[data-variant="motion"] .motion-runway{height:240svh}
[data-variant="motion"] .motion-pinned{position:sticky;top:var(--version-bar-height);height:calc(100svh - var(--version-bar-height));overflow:hidden}
[data-variant="motion"] .hero-scene{height:100%;background:#10120e}
[data-variant="motion"] .hero-image{object-position:76% 38%;transform-origin:76% 38%;will-change:transform}
[data-variant="motion"] .photo-shade{background:linear-gradient(90deg,#10130dd9 0%,#10130d55 38%,#10130d00 70%),linear-gradient(0deg,#10130fe6,transparent 35%)}
[data-variant="motion"] .hero-type{top:24%;left:4%;will-change:transform,opacity}
[data-variant="motion"] .hero-type h2{font-size:clamp(90px,10.2vw,175px);line-height:.85}
[data-variant="motion"] .hero-type p{font-size:12px}
[data-variant="motion"] .hero-type .button{display:none}
[data-variant="motion"] .chair-stamp{top:42px;right:4%;will-change:transform,opacity}
[data-variant="motion"] .photo-count,[data-variant="motion"] .dennis-caption{display:none}
[data-variant="motion"] .motion-chapter{display:block;position:absolute;left:4%;pointer-events:none;opacity:0;will-change:transform,opacity}
.motion-chapter>.eyebrow{display:block;color:#d7dbc9;font-size:8px;letter-spacing:1.8px;margin-bottom:25px}
.motion-chapter>strong{display:block;font-family:var(--display);font-size:clamp(100px,12vw,190px);font-weight:900;line-height:.82;letter-spacing:-.025em}
.chapter-two{top:24%;color:#eae7de}
.chapter-two>strong{color:transparent;-webkit-text-stroke:1.5px #eae7de}
.chapter-three{top:17%;color:#eae7de}
.chapter-three>strong{font-size:clamp(140px,18.5vw,300px)}
.chapter-three em{font-family:Georgia,serif;font-weight:400;font-size:.8em;color:#d2f554;letter-spacing:-.08em}
[data-variant="motion"] .motion-frame-top{position:absolute;top:22px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;color:#e4e7d8;font-size:7px;letter-spacing:1.3px}
[data-variant="motion"] .motion-frame-top>span:last-child{padding-right:150px;color:#b0b69f}
[data-variant="motion"] .motion-rail{position:absolute;top:110px;bottom:120px;right:2%;display:block;width:1px;background:#eae7de40}
.motion-rail>i{position:absolute;inset:0;background:#d2f554;transform:scaleY(0);transform-origin:50% 0;will-change:transform}
[data-variant="motion"] .motion-book-row{position:absolute;bottom:30px;left:4%;right:4%;border-top:1px solid #dce0cf55;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.motion-book-row>span{font-size:7px;letter-spacing:1.2px;color:#c2c8b1}
.motion-book-row>.button{font-size:10px;gap:60px}
[data-variant="motion"] .hero-bottom{background:#191a16;color:#dde0ce;border-bottom:1px solid #ffffff2e}
[data-variant="motion"] .ticker{padding:26px 0;font-size:55px}
[data-variant="motion"] .ticker-track{width:max-content;justify-content:flex-start;gap:45px;will-change:transform}
[data-variant="motion"] .ticker-track>svg{width:38px;height:38px}
[data-variant="motion"] .ticker-track>span:first-child{margin-left:30px}
[data-variant="motion"] .cuts{padding-top:95px;padding-bottom:100px}
[data-variant="motion"] .section-intro h2{font-size:clamp(90px,9vw,145px)}
[data-variant="motion"] .dennis-section{isolation:isolate}
[data-variant="motion"] .dennis-visual>img{will-change:transform;transform-origin:75% 45%}
[data-variant="motion"] .dennis-story h2{font-size:95px}
[data-variant="motion"] .crew{padding-bottom:0}
[data-variant="motion"] .crew-stage{position:sticky;top:var(--version-bar-height);height:calc(100svh - var(--version-bar-height));display:flex;flex-direction:column;justify-content:center;gap:38px;overflow:hidden;background:var(--paper)}
[data-variant="motion"] .crew-heading{flex-shrink:0;margin:0}
[data-variant="motion"] .crew-heading h2{font-size:88px}
[data-variant="motion"] .crew-grid{display:flex;align-items:stretch;gap:18px;border:0;width:max-content;will-change:transform;padding:14px 0}
[data-variant="motion"] .crew-member{flex:0 0 242px;min-height:320px;border:1px solid #a5aa95;position:relative;padding:25px;transform-origin:50% 100%;will-change:transform}
[data-variant="motion"] .crew-member strong{font-size:72px;margin-top:75px;line-height:.85}
[data-variant="motion"] .crew-member>span:first-child{font-size:9px}
[data-variant="motion"] .crew-member>span:last-child{margin-top:auto;font-size:9px;padding-top:25px}
[data-variant="motion"] .crew-member .icon{width:27px;height:27px}
[data-variant="motion"] .crew-motion-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:7px;font-weight:600;letter-spacing:.8px;padding-bottom:25px}
.crew-motion-footer>div{flex:1;background:#b7bea7;height:1px;position:relative}
.crew-motion-footer>div>i{position:absolute;inset:0;background:#191a16;transform:scaleX(0);transform-origin:0 50%;will-change:transform}
[data-variant="motion"] .crew-note{margin:0;padding:0 0 35px}
[data-variant="motion"] .goods{padding-top:90px;padding-bottom:110px}
[data-variant="motion"] .product-stage{height:350px;perspective:700px}
[data-variant="motion"] .clay-can{transform:translateY(var(--product-y,0px)) rotate(var(--product-rotation,-10deg));will-change:transform}
[data-variant="motion"] .oil-bottle{transform:translateY(var(--oil-y,0px)) rotate(var(--oil-rotation,8deg));will-change:transform}
[data-variant="motion"] .closing-cta{overflow:hidden;padding-top:65px;padding-bottom:40px}
[data-variant="motion"] .giant-book{will-change:transform;transform-origin:50% 50%}
[data-variant="motion"] .journal{padding-top:110px;padding-bottom:110px}
[data-variant="motion"] .journal-cover{min-height:410px}
[data-variant="motion"] .journal-cover>img{width:250px;will-change:transform}
[data-variant="motion"] .journal-note{will-change:transform}
[data-variant="motion"][data-motion-ready="true"] .motion-reveal{opacity:0;transform:translate3d(0,65px,0) rotate(1.8deg);clip-path:inset(0 0 100% 0);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
[data-variant="motion"][data-motion-ready="true"] .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(0);clip-path:inset(-15% -5% -15% -5%)}

@media(max-width:1000px){.version-hint{display:none}.version-bar{grid-template-columns:1fr auto}.version-options{justify-self:end}[data-variant="motion"] .dennis-story h2{font-size:78px}[data-variant="motion"] .crew-heading h2{font-size:69px}[data-variant="motion"] .crew-member{flex-basis:210px;min-height:290px}[data-variant="motion"] .crew-member strong{font-size:62px}[data-variant="motion"] .product-stage{height:295px}}
@media(max-width:700px){:root{--version-bar-height:48px}.version-bar{display:flex;justify-content:center;padding:0 5%;gap:10px}.version-brand,.version-hint{display:none}.version-options{width:100%;gap:7px}.version-link{flex:1;justify-content:center;gap:10px;padding:10px 12px;font-size:7px}.version-link>span{font-size:6px}.version-link .icon{width:10px;height:10px;margin-left:1px}.ticker-track{justify-content:flex-start;gap:25px}.ticker-track>svg{width:22px;height:22px}.ticker-track>span:first-child{padding-left:20px}[data-variant="editorial"] .ticker{font-size:27px}[data-variant="editorial"] .ticker-track>svg{width:18px;height:18px}[data-variant="motion"] .masthead{padding:17px 5% 16px}[data-variant="motion"] .motion-runway{height:215svh}[data-variant="motion"] .hero-image{height:100%;object-position:73% 28%;top:0}[data-variant="motion"] .photo-shade{background:linear-gradient(0deg,#11150fee 0%,#11150f77 36%,#11150f00 72%),linear-gradient(90deg,#11150f44,transparent)}[data-variant="motion"] .hero-type{left:5%;top:auto;bottom:130px}[data-variant="motion"] .hero-type h2{font-size:74px;margin:15px 0;line-height:.86}[data-variant="motion"] .hero-type p{font-size:11px;margin-bottom:0;max-width:250px}[data-variant="motion"] .hero-type>.eyebrow{font-size:6px}[data-variant="motion"] .chair-stamp{width:74px;height:74px;top:70px;left:5%;right:auto}[data-variant="motion"] .motion-frame-top{top:22px;left:5%;right:5%;font-size:5px;letter-spacing:.7px}[data-variant="motion"] .motion-frame-top>span:last-child{padding-right:0}[data-variant="motion"] .motion-book-row{left:5%;right:5%;bottom:72px;padding-top:14px}[data-variant="motion"] .motion-book-row>span{display:none}[data-variant="motion"] .motion-book-row>.button{width:100%;min-height:48px;font-size:9px;padding:15px 18px}[data-variant="motion"] .motion-rail{top:60px;bottom:145px;right:3%}[data-variant="motion"] .motion-chapter{left:5%;max-width:92%}[data-variant="motion"] .chapter-two{top:auto;bottom:210px}[data-variant="motion"] .chapter-two>strong{font-size:85px;-webkit-text-stroke:1px #eae7de}[data-variant="motion"] .chapter-three{top:auto;bottom:185px}[data-variant="motion"] .chapter-three>strong{font-size:130px}[data-variant="motion"] .motion-chapter>.eyebrow{font-size:5px;letter-spacing:1px;margin-bottom:20px}[data-variant="motion"] .hero-bottom{font-size:6px}[data-variant="motion"] .ticker{padding:20px 0;font-size:37px}[data-variant="motion"] .ticker-track{gap:30px}[data-variant="motion"] .ticker-track>svg{width:25px;height:25px}[data-variant="motion"] .section-intro h2{font-size:87px}[data-variant="motion"] .cuts{padding-top:50px;padding-bottom:60px}[data-variant="motion"] .dennis-visual{min-height:500px}[data-variant="motion"] .dennis-story h2{font-size:83px}[data-variant="motion"] .crew-stage{gap:25px}[data-variant="motion"] .crew-heading{display:block}[data-variant="motion"] .crew-heading h2{font-size:61px;line-height:.87}[data-variant="motion"] .crew-heading p{font-size:10px;line-height:1.6;margin-top:17px}[data-variant="motion"] .crew-grid{gap:14px;padding:10px 0}[data-variant="motion"] .crew-member{flex-basis:205px;min-height:270px;padding:22px}[data-variant="motion"] .crew-member strong{font-size:60px;margin-top:65px}[data-variant="motion"] .crew-member>span:first-child{font-size:7px}[data-variant="motion"] .crew-member>span:last-child{font-size:8px}[data-variant="motion"] .crew-motion-footer{gap:15px;font-size:6px;padding-bottom:12px}[data-variant="motion"] .crew-motion-footer>span:first-child{max-width:120px;line-height:1.6}[data-variant="motion"] .crew-note{font-size:8px;padding-bottom:30px}[data-variant="motion"] .goods{padding-top:50px;padding-bottom:60px}[data-variant="motion"] .product-stage{height:250px}[data-variant="motion"] .clay-can{transform:translateY(var(--product-y,0px)) scale(.69) rotate(var(--product-rotation,-10deg))}[data-variant="motion"] .oil-bottle{transform:translateY(var(--oil-y,0px)) scale(.83) rotate(var(--oil-rotation,8deg))}[data-variant="motion"] .closing-cta{padding-top:40px;padding-bottom:30px}[data-variant="motion"] .journal{padding-top:70px;padding-bottom:60px}[data-variant="motion"] .journal-cover{min-height:350px}[data-variant="motion"] .journal-cover>img{width:215px}}
@media(prefers-reduced-motion:reduce){[data-variant="motion"] .motion-runway{height:auto!important}[data-variant="motion"] .motion-pinned{position:relative;top:auto;height:auto}[data-variant="motion"] .hero-scene{height:590px}[data-variant="motion"] .hero-type{transform:none!important;opacity:1!important;filter:none!important}[data-variant="motion"] .hero-type .button{display:inline-flex}[data-variant="motion"] .hero-image,[data-variant="motion"] .masthead h1,[data-variant="motion"] .chair-stamp,[data-variant="motion"] .dennis-visual>img,[data-variant="motion"] .journal-cover>img,[data-variant="motion"] .journal-note,[data-variant="motion"] .ticker-track,[data-variant="motion"] .giant-book{transform:none!important}[data-variant="motion"] .motion-chapter,[data-variant="motion"] .motion-frame-top,[data-variant="motion"] .motion-rail,[data-variant="motion"] .motion-book-row,[data-variant="motion"] .crew-motion-footer{display:none!important}[data-variant="motion"] .crew-runway{height:auto!important}[data-variant="motion"] .crew-stage{position:relative;top:auto;height:auto;display:block;overflow:visible}[data-variant="motion"] .crew-heading{margin-bottom:35px}[data-variant="motion"] .crew-grid{display:grid;grid-template-columns:repeat(5,1fr);width:auto;gap:0;transform:none!important}[data-variant="motion"] .crew-member{min-height:164px;padding:20px;transform:none!important}[data-variant="motion"] .crew-member strong{font-size:35px;margin-top:25px}[data-variant="motion"][data-motion-ready="true"] .motion-reveal{opacity:1!important;transform:none!important;clip-path:none!important}.version-link{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){[data-variant="motion"] .hero-scene{height:630px}[data-variant="motion"] .hero-type{bottom:40px}[data-variant="motion"] .crew-grid{grid-template-columns:repeat(2,1fr)}}
