:root{--ink:#211910;--cream:#f5eee1;--gold:#af864d;--line:color-mix(in srgb,currentColor 22%,transparent);color:var(--ink);background:var(--cream);font:16px Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #bf8840;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:10;padding:12px;background:var(--cream);color:var(--ink)}.skip:focus{top:16px}
.masthead{height:68px;position:fixed;z-index:5;top:0;left:0;right:0;background:#1d150f;color:#fbf0dc;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,72px);border-bottom:1px solid #ffffff24}.brand{font:31px Georgia,serif;letter-spacing:-.12em;padding-right:.12em}.brand span{color:#c29a60;font-size:.62em;margin:0 .15em}.mast-label,.chapter-toggle,.eyebrow,.stage-foot,.pill{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.19em}.mast-label b{color:#c29a60;padding:0 .4em}.chapter-toggle{border:0;background:none;padding:12px 0 12px 12px}.chapter-toggle span{margin-left:10px;font-size:15px}.progress{position:fixed;top:67px;left:0;right:0;height:2px;z-index:6;background:#bf9253;transform:scaleX(0);transform-origin:left}
#chapters{position:fixed;right:0;top:69px;width:min(420px,100%);max-height:calc(100dvh - 69px);overflow:auto;z-index:5;background:#221810;color:var(--cream);padding:25px clamp(24px,5vw,54px);box-shadow:0 12px 35px #0005}#chapters a{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff28;padding:13px 0;color:#d3a66e;font-size:11px}#chapters a span{font:30px Georgia,serif;color:var(--cream)}.motion-toggle{margin:16px 0 4px;background:none;border:1px solid #ffffff55;padding:9px 12px}.motion-toggle[aria-pressed=true]::after{content:' · ON'}.motion-toggle[aria-pressed=false]::after{content:' · OFF'}
.chapter{min-height:150svh;position:relative}.chapter:last-child{min-height:100svh}.stage{position:sticky;top:0;height:100svh;min-height:480px;isolation:isolate;overflow:hidden;padding:100px clamp(32px,7vw,116px) 78px;display:grid;place-items:center}.frame{position:absolute;inset:88px clamp(15px,3.5vw,58px) 27px;border:1px solid var(--line);pointer-events:none}.scene-label{position:absolute;top:clamp(112px,16vh,165px);left:0;right:0;margin:0;text-align:center;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px}.scene-label i{display:block;width:20px;height:1px;background:currentColor;opacity:.45}
h1,h2{margin:0;font:400 clamp(58px,13vw,224px)/.78 Georgia,'Times New Roman',serif;letter-spacing:-.09em}em{font-weight:400}h1 em,.accent{color:#bd8f50}.fire{color:#f9edda;background:#21140e}.fire .stage{background:radial-gradient(ellipse at 50% 61%,#753c23 0%,#2a190f 53%,#18100d 90%)}.fire h1,.cut h2{position:absolute;top:25%;left:0;right:0;text-align:center;z-index:1}.cut h2{font-size:clamp(48px,10.8vw,164px);line-height:.83}.cut .stage{background:radial-gradient(ellipse at 52% 58%,#fffdf5,#f0e6d5 90%)}
.product{position:absolute;z-index:2;top:55%;left:50%;width:min(68vw,880px,111svh);height:auto;transform:translate(-50%,-37%);pointer-events:none}.product img{width:100%;display:block;position:relative;transform:translate3d(var(--x,0px),var(--y,0px),0) rotate(var(--angle,0deg)) scale(var(--scale,1));will-change:transform}.shadow{position:absolute;left:20%;right:16%;bottom:13%;height:7%;background:#130c09;border-radius:50%;filter:blur(15px);opacity:.35}.fire .shadow{opacity:.66}.cut .product{top:60%}
.stage-foot{position:absolute;z-index:3;bottom:44px;left:clamp(27px,5.3vw,90px);right:clamp(27px,5.3vw,90px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.stage-foot>span:last-child{text-align:right}.scroll-link{padding:8px 0;border-bottom:1px solid currentColor}.scroll-link b{margin-left:6px;font-size:14px}
.dots{position:fixed;right:clamp(4px,1.1vw,20px);top:50%;transform:translateY(-50%);z-index:4;background:#241911d9;border:1px solid #dbc39c38;border-radius:30px;display:grid;padding:7px 1px}.dots a{width:25px;height:26px;display:grid;place-items:center}.dots a::before{content:'';width:6px;height:6px;border:1px solid #fff0d4;border-radius:50%}.dots a[aria-current=true]::before{background:#ebbb77;border-color:#ebbb77}
.menu{background:#241a13;color:#f6ead6;min-height:100svh}.menu .stage{height:auto;min-height:100svh;padding-top:clamp(170px,25vh,260px);padding-bottom:120px;background:radial-gradient(ellipse at 12% 50%,#4d3020,transparent 62%)}.menu-grid{width:min(1100px,100%);display:grid;grid-template-columns:.86fr 1fr;gap:clamp(25px,6vw,100px);align-items:center}.menu-grid h2{font-size:clamp(70px,11vw,156px)}.menu-grid h2 em{color:#d4a56c}.menu-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:17px 0;list-style:none;display:grid;grid-template-columns:32px 1fr auto;align-items:center;font:clamp(19px,3vw,35px) Georgia,serif}summary::-webkit-details-marker{display:none}summary small{color:#dab17d;font:10px Arial,sans-serif}summary span{transition:transform .22s;color:#dab17d}details[open] summary span{transform:rotate(45deg)}details p{margin:0 12px 17px 32px;color:#e8d5bd;font-size:14px;line-height:1.55}
.table .stage{background:radial-gradient(ellipse at center,#fff7e8,#e7d5bc)}.table-copy{text-align:center;padding-top:55px}.table-copy h2{font-size:clamp(61px,10vw,148px)}.table-copy>p:not(.eyebrow){max-width:340px;margin:27px auto;line-height:1.6}.pill{display:inline-block;border:1px solid currentColor;border-radius:50px;padding:13px 18px}.pill span{margin-left:10px}.pill:hover{background:var(--ink);color:var(--cream)}
@media(max-width:620px){.mast-label{font-size:8px;letter-spacing:.12em}.mast-label b{display:none}.masthead{height:60px}.progress{top:59px}#chapters{top:61px}.frame{inset:75px 11px 20px}.stage{padding-inline:28px}.scene-label{top:105px;font-size:9px}.fire h1,.cut h2{top:30%}.cut h2{font-size:clamp(37px,11vw,69px)}.product{width:94vw;top:52%}.cut .product{top:57%}.stage-foot{left:23px;right:23px;bottom:33px;font-size:8px;letter-spacing:.08em}.stage-foot>span:last-child{display:none}.dots{right:3px}.dots a{width:19px;height:21px}.menu .stage{padding-top:152px;padding-bottom:100px}.menu-grid{grid-template-columns:1fr;gap:24px}.menu-grid h2 br{display:none}.menu-grid h2 em{margin-left:.12em}.table-copy>p:not(.eyebrow){font-size:14px}.table .stage{min-height:580px}}
.motion-off{scroll-behavior:auto}.motion-off .chapter{min-height:0}.motion-off .stage{position:relative}.motion-off .product img{transform:none}.motion-off summary span{transition:none}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.chapter{min-height:0}.stage{position:relative}.product img{transform:none}summary span{transition:none}}

/* Three pinned scenes share one continuous, reversible scroll sequence. */
.fire,.cut,.crown{min-height:175svh}
.fire .stage,.crown .stage{background:radial-gradient(ellipse at 62% 64%,#56342c,#261618 55%,#180e10 95%)}
.fire h1{top:24%;font-size:clamp(49px,11.3vw,175px);line-height:.81;color:#a77a6c}
.fire .product,.cut .product{width:min(57vw,790px,94svh);top:55%}
.fire .slate{position:absolute;left:8%;right:8%;bottom:7%;height:19%;border-radius:50%;background:repeating-linear-gradient(152deg,#ffffff05 0 2px,transparent 3px 7px),radial-gradient(ellipse at 45% 10%,#4b4442,#19181a 72%);border-bottom:13px solid #100e11;box-shadow:0 24px 26px #10080ad1}
.fire .product img{margin-bottom:6%}
.split img{aspect-ratio:1200/805;object-fit:contain}
.split.is-layered{aspect-ratio:1200/805}
.split.is-layered img{position:absolute;inset:0}
.split.is-layered .whole{opacity:0}
.split .slice{clip-path:var(--clip);transform:translate3d(var(--slice-x,0%),var(--slice-y,0%),0) rotate(var(--slice-turn,0deg))}
.crown{color:#fff1dc;background:#211416}.crown .product{left:62%;top:55%;width:min(63vw,840px,104svh)}
.crown-copy{justify-self:start;z-index:3;max-width:270px}
.crown-copy h2{font-size:clamp(64px,9vw,138px);line-height:.83}
.crown-copy em{color:#d5a772}.crown-copy p{line-height:1.5;font-size:15px;max-width:215px}
.crown .pill:hover{background:#e6c692;color:#231613}
.crown-signoff{position:absolute;bottom:90px;margin:0;text-align:center;font:italic clamp(19px,4vw,43px) Georgia,serif;color:#e9bf8b;z-index:2}
.gold-field{position:absolute;inset:20% 10% 10%;z-index:2;pointer-events:none;overflow:hidden}
.gold-field i{position:absolute;width:var(--size);height:calc(var(--size)*.55);border-radius:12% 75% 15% 65%;background:linear-gradient(125deg,#655025,#e9cb83 38%,#fff1b7 53%,#9d7335);transform:translate3d(var(--foil-x,0px),var(--foil-y,0px),0) rotate(var(--foil-turn));opacity:.85}
.tour-toggle,.stop-tour{border:1px solid #ffffff55;background:#251910;color:#fff2dc;padding:9px 12px}.tour-toggle{margin:0 0 0 7px}.tour-toggle:disabled{opacity:.5;cursor:default}.stop-tour{position:fixed;left:16px;bottom:16px;z-index:5;border-radius:30px;box-shadow:0 3px 15px #0005}
.motion-off .split.is-layered .whole{opacity:1}.motion-off .split .slice{display:none}.motion-off .gold-field{display:none}
@media(max-width:620px){.fire h1{top:28%}.fire .product,.cut .product{width:89vw}.cut .product{top:53%}.crown .product{width:91vw;left:54%;top:57%}.crown-copy{align-self:start;padding-top:53px}.crown-copy h2{font-size:clamp(45px,12vw,67px)}.crown-copy p{font-size:12px;max-width:145px}.crown-copy .pill{font-size:8px;padding:8px 10px}.crown-signoff{bottom:72px}.tour-toggle{margin-left:0}}
@media(prefers-reduced-motion:reduce){.fire,.cut,.crown{min-height:0}.split.is-layered .whole{opacity:1}.split .slice,.gold-field{display:none}}
