/* Orange-led, layered brand presentation. All content works without motion. */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1)}
body{overflow-x:clip}main{overflow:clip}section[id],article[id]{scroll-margin-top:110px}
.scroll-progress{position:fixed;inset:0 auto auto 0;height:4px;width:100%;background:#29231d;transform-origin:left;transform:scaleX(var(--reading-progress,0));z-index:100;pointer-events:none}
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);padding-block:16px;transition:box-shadow .3s}
.scrolled .nav{box-shadow:0 8px 35px #29231d15}.brand img{width:250px}.links{gap:22px}.links a{white-space:nowrap}
.btn{transition:transform .25s var(--motion-ease),box-shadow .25s,background .25s;box-shadow:0 5px 0 #b65a03}
.btn.yellow{box-shadow:0 5px 0 #27221b;background:white;border-color:white}.btn.outline{box-shadow:none}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #b65a03}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #b65a03}
.home .hero{background:var(--brand-orange);position:relative;grid-template-columns:1.05fr 1fr;padding:60px 6% 85px;gap:2%;min-height:700px;align-items:center}
.home .hero-copy{position:relative;z-index:2;padding:0;background:none}.home .hero h1{font-size:clamp(4.8rem,8.2vw,9rem);line-height:.9;letter-spacing:-.02em;transform:rotate(-2deg);margin-block:15px 22px}
.home .hero h1 em{display:inline-block;color:white;text-shadow:3px 4px 0 #29231d;white-space:nowrap}.home .hero h1>span{white-space:nowrap}
.hero-label{font-size:12px;letter-spacing:.11em;border:1px solid #29231d;padding:9px 12px;align-self:start;border-radius:30px;background:#f4aa5a;max-width:100%}
.home .hero p{font-size:19px;max-width:370px;margin:20px 0 30px}.home .hero-photo{height:520px;min-height:0;transform:rotate(4deg);border:9px solid white;border-bottom-width:42px;border-radius:8px;overflow:visible;box-shadow:18px 24px 0 #b8610b50,0 25px 65px #66300245}
.home .hero-photo img{border-radius:2px;object-position:53% center}.photo-caption{position:absolute;bottom:-32px;left:12px;font-size:12px;letter-spacing:.12em;font-weight:800;z-index:3}
.home .sticker{right:-23px;bottom:24px;z-index:4;font-size:42px;width:146px;height:146px;box-shadow:5px 8px 0 #29231d;transform:rotate(-15deg)}
.home .ticker{position:relative;margin-top:-26px;z-index:5;transform:rotate(-2deg);width:104%;margin-left:-2%;padding:22px 0;background:#29231d;color:white;border:0;overflow:hidden;box-shadow:0 8px 0 #f18f0030}
.ticker-track,.ticker-group{display:flex;flex-shrink:0;align-items:center;gap:45px;width:max-content}.ticker-track{gap:45px}.ticker-group span:nth-child(even){color:var(--brand-orange)}
.motion-ready:not(.motion-off) .ticker-track{animation:ticker-drift 32s linear infinite}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
@keyframes ticker-drift{to{transform:translateX(calc(-50% - 22.5px))}}
.moments{padding-top:115px}.section-head h2{line-height:.94}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:22px 0 32px;perspective:1200px}
.story-card{position:relative;height:520px;border-radius:24px;overflow:hidden;color:white;isolation:isolate;text-decoration:none;transform:rotate(-3deg);box-shadow:0 18px 35px #29231d25;transition:transform .45s var(--motion-ease),box-shadow .45s}
.story-card:nth-child(2){transform:translateY(24px) rotate(2deg)}.story-card:nth-child(3){transform:rotate(4deg)}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--motion-ease)}
.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,#0000 20%,#000c 100%);z-index:0}.story-tag{position:absolute;top:22px;left:20px;background:white;color:#29231d;border-radius:30px;padding:7px 14px;font-size:12px;font-weight:800;z-index:2}
.story-copy{position:absolute;inset:auto 25px 30px;z-index:1}.story-copy h3{font-size:clamp(2.5rem,4.3vw,4.6rem);margin-bottom:25px;text-shadow:0 2px 12px #0007}.story-copy>span{font-size:14px;border-bottom:1px solid #ffffff80;padding-bottom:5px}
.swipe-hint{display:none}.red{position:relative;border-radius:36px;margin:25px 3%;box-shadow:0 18px 0 #fff0dc}.red .section{padding-inline:5%}.big-note{box-shadow:12px 14px 0 #29231d;transform:rotate(3deg);padding:45px}.card{box-shadow:0 8px 25px #29231d09;transition:transform .35s var(--motion-ease),box-shadow .35s}.card .number{color:#934600}.card:nth-child(2){background:#fff4e5}.page-heading{position:relative;background:var(--brand-orange);padding-block:80px 90px}.page-heading h1{max-width:1000px;text-shadow:2px 3px 0 #ffffff75}.product-row{transition:background .3s}.contact-strip{margin:45px 3% 0;border-radius:30px 30px 0 0;padding:65px 5%;box-shadow:0 -12px 0 #ffe1b9;position:relative}.footer{border-radius:28px 28px 0 0;position:relative}.footer-bottom{align-items:center;gap:20px}.motion-toggle{background:none;color:#eee;border:1px solid #ffffff66;padding:8px 12px;border-radius:30px;font-size:12px;cursor:pointer;min-height:42px}
.reveal-pending{opacity:0;transform:translateY(35px);transition:opacity .75s var(--motion-ease),transform .75s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.story-card:hover,.story-card:focus-visible{transform:translateY(-10px) rotate(0);box-shadow:0 25px 45px #29231d35}.story-card:hover img{transform:scale(1.06)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #29231d12}}
@media(max-width:1100px){.menu{display:block;background:white;border-radius:8px;min-height:44px}.nav{flex-wrap:wrap}.links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:12px 0}.links .btn{margin-top:10px}.home .hero{min-height:600px}.home .hero-photo{height:440px}.home .hero h1{font-size:clamp(4rem,8vw,7rem)}.hero-label{font-size:11px;letter-spacing:.04em}.story-card{height:460px}.story-copy h3{font-size:3.3rem}}
@media(max-width:720px){.nav{padding:12px 5%}.brand img{width:225px}.home .hero{grid-template-columns:1fr;padding:36px 6% 75px;gap:35px;min-height:0}.home .hero h1{font-size:clamp(3.7rem,13.3vw,6rem);margin-block:5px 20px;transform:rotate(-2deg)}.home .hero p{font-size:17px;max-width:360px;margin:10px 0 25px}.hero-label{font-size:11px;margin-bottom:22px}.home .hero-photo{width:91%;height:340px;margin:0 auto;border-width:7px;border-bottom-width:35px;transform:rotate(3deg);box-shadow:11px 14px 0 #b8610b50}.photo-caption{font-size:10px;bottom:-25px;letter-spacing:.07em}.home .sticker{width:110px;height:110px;font-size:32px;right:-22px;bottom:14px}.home .ticker{padding:18px 0}.ticker-track,.ticker-group{gap:28px}.ticker-group{font-size:20px}.motion-ready:not(.motion-off) .ticker-track{animation-duration:40s}.moments{padding-top:65px;padding-bottom:55px}.story-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 12px 35px;margin-inline:-12px;gap:18px;scrollbar-width:thin;scrollbar-color:#f18f00 transparent;perspective:none}.story-card,.story-card:nth-child(2),.story-card:nth-child(3){flex:0 0 84%;height:440px;transform:none;scroll-snap-align:center;box-shadow:0 12px 20px #29231d20}.story-copy h3{font-size:3.8rem}.swipe-hint{display:block;font-size:14px;margin:0}.red{margin:12px 3%;border-radius:22px}.big-note{margin:10px 4px 20px;padding:30px;box-shadow:7px 9px 0 #29231d}.big-note h3{font-size:3rem}.contact-strip{padding:42px 7%;margin-top:30px}.contact-strip h2{font-size:3.2rem}.page-heading{padding-block:45px 55px}.footer-bottom{display:flex;align-items:start;flex-direction:column}.reveal-pending{transform:translateY(20px)}.actions{gap:12px}.actions .btn{padding:12px 16px;font-size:14px}}
@media(max-width:380px){.home .hero-photo{height:290px}.brand img{width:205px}.home .hero h1{font-size:13vw}.story-card{height:400px}.story-copy h3{font-size:3.2rem}.hero-label{font-size:10px}.home .sticker{width:95px;height:95px;font-size:28px}}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal-pending{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.story-card:hover{transform:none}}

/* Finishing pass: depth, editorial rhythm and a consistent subpage treatment. */
.home .hero{isolation:isolate;background:radial-gradient(ellipse at 82% 25%,#ffba55 0,transparent 48%),#f18f00;padding-top:70px;padding-bottom:110px;perspective:1400px}
.hero-watermark{position:absolute;right:-1%;bottom:15px;font:900 clamp(8rem,22vw,24rem)/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.045em;color:#b85e001c;pointer-events:none;z-index:-1}
.home .hero-photo{transform:rotate(4deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .5s var(--motion-ease),box-shadow .5s;transform-style:preserve-3d;box-shadow:14px 19px 0 #d27814,24px 32px 0 #f7b04a,0 35px 70px #6c32004a}
.photo-note{position:absolute;left:-35px;bottom:35px;z-index:5;background:white;padding:14px 22px;color:#29231d;font:700 24px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;transform:rotate(-12deg) translateZ(18px);box-shadow:5px 7px 0 #29231d24;border-radius:3px}
.home .sticker{border:0;outline:2px dashed #29231d;outline-offset:-10px;transform:rotate(-15deg) translateZ(26px);box-shadow:5px 8px 0 #29231d;display:grid;place-items:center}
.hero-copy h1 em{position:relative}.hero-label{background:#f4aa5a;border-color:#29231d55;box-shadow:0 3px 0 #c66d1830}
.motion-ready:not(.motion-off) .hero-copy>.hero-label{animation:hero-enter .65s both}.motion-ready:not(.motion-off) .hero-copy>h1{animation:headline-enter .85s .06s both}.motion-ready:not(.motion-off) .hero-copy>p{animation:hero-enter .85s .15s both}.motion-ready:not(.motion-off) .hero-copy>.actions{animation:hero-enter .85s .24s both}.motion-ready:not(.motion-off) .home .hero-photo>img{animation:photo-enter 1.3s var(--motion-ease) both}
@keyframes hero-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes headline-enter{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes photo-enter{from{filter:brightness(.7);clip-path:inset(0 0 100% 0)}to{filter:brightness(1);clip-path:inset(0)}}
.section-head .eyebrow{display:flex;align-items:center;gap:12px}.section-head .eyebrow:before{content:'';width:28px;height:3px;background:var(--brand-orange);flex-shrink:0}
.story-card{--card-turn:-3deg;transform:rotate(var(--card-turn)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.story-card:nth-child(2){--card-turn:2deg}.story-card:nth-child(3){--card-turn:4deg}
.story-card:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,30%),#ffffff35,transparent 48%);transition:opacity .4s}
.story-tag{box-shadow:0 4px 14px #0002}.story-copy>span{display:inline-block;transition:letter-spacing .3s}.story-copy h3{letter-spacing:-.02em}.story-card:focus-visible{outline:4px solid var(--brand-orange);outline-offset:7px}
.red{background:radial-gradient(ellipse at 95% 5%,#ffc164,transparent 60%),var(--brand-orange);border:1px solid #d8781633}.red .big-note{border-color:#29231d;border-width:1px;background:#fffdf7;box-shadow:10px 12px 0 #29231d,18px 21px 0 #c96b1540}
.home main>.section:last-child .grid{gap:0;border:1px solid #e8d8c3;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #29231d0a}.home main>.section:last-child .card{border:0;border-right:1px solid #e8d8c3;border-radius:0;box-shadow:none;padding:40px;min-height:315px}.home main>.section:last-child .card:last-child{border-right:0}.home main>.section:last-child .card .number{letter-spacing:.1em;margin-bottom:45px}.home main>.section:last-child .card h3{font-size:2.9rem}.card a:not(.btn){text-decoration-thickness:2px;text-decoration-color:var(--brand-orange)}
.heading-with-photo{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:7%;overflow:visible;padding-block:70px 85px}.heading-with-photo h1{font-size:clamp(3.8rem,6.6vw,7.3rem);line-height:.94}.heading-photo{margin:0;position:relative;aspect-ratio:1.2;min-width:0;border:7px solid white;border-bottom-width:35px;border-radius:5px;transform:rotate(4deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:10px 15px 0 #bc5d1040,0 20px 40px #59270030;transition:transform .5s var(--motion-ease)}.heading-photo img{height:100%;width:100%;position:absolute;object-fit:cover}.heading-photo figcaption{position:absolute;bottom:-27px;left:10px;font-size:11px;font-weight:800;letter-spacing:.1em}.heading-copy{min-width:0}.heading-copy p{max-width:510px}
.links a:not(.btn){position:relative}.links a:not(.btn):after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand-orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.links a:hover:after,.links a[aria-current=page]:after{transform:scaleX(1)}
.btn:focus-visible{outline-offset:8px}.btn:active{scale:.97}.contact-strip .btn{background:#29231d;color:white;border-color:#29231d;box-shadow:0 5px 0 #a44f05}.contact-strip h2{max-width:12ch}.footer .brand img{padding:13px 17px}.product-row{padding-block:42px}.product-row .display{color:#b85a00;font-size:4.5rem}.pill{border-color:#e1c9ab;background:#fff6e8}
@media(hover:hover) and (pointer:fine){.story-card:hover{transform:translateY(-12px) rotate(0deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.story-card:hover:before{opacity:1}.story-card:hover .story-copy>span{letter-spacing:.015em}.product-row:hover{background:#fff9f0}.home main>.section:last-child .card:hover{transform:none;background:#fff1dd}}
@media(max-width:1100px){.heading-with-photo{gap:5%;grid-template-columns:1.15fr 1fr}.heading-with-photo h1{font-size:5.7vw}.home main>.section:last-child .card{padding:28px}.home .hero{padding-top:50px}.home .hero-photo{box-shadow:10px 15px 0 #d27814,18px 25px 0 #f7b04a,0 25px 50px #6c320040}}
@media(max-width:720px){.home .hero{padding-top:32px;padding-bottom:85px}.hero-watermark{font-size:32vw;bottom:18px;right:1%}.home .hero-photo{width:90%;transform:rotate(3deg)}.photo-note{left:-18px;bottom:24px;padding:10px 13px;font-size:20px;transform:rotate(-10deg)}.home .sticker{outline-offset:-8px}.heading-with-photo{grid-template-columns:1fr;padding:45px 7% 60px;gap:28px;overflow:hidden}.heading-with-photo h1{font-size:clamp(3.4rem,11vw,5rem)}.heading-photo{width:92%;aspect-ratio:1.8;justify-self:center;transform:rotate(3deg);border-bottom-width:30px}.heading-photo figcaption{font-size:10px;bottom:-24px}.home main>.section:last-child .grid{gap:0}.home main>.section:last-child .card{border-right:0;border-bottom:1px solid #e8d8c3;min-height:0;padding:28px}.home main>.section:last-child .card:last-child{border-bottom:0}.home main>.section:last-child .card .number{margin-bottom:22px}.home main>.section:last-child .card h3{font-size:2.5rem}.contact-strip h2{max-width:none}.nav .brand{max-width:calc(100% - 95px)}.story-card:before{display:none}.product-row .display{font-size:3rem}}
.motion-off .depth-target{--tilt-x:0deg!important;--tilt-y:0deg!important}.motion-off .story-card{--tilt-x:0deg!important;--tilt-y:0deg!important}
@media(prefers-reduced-motion:reduce){.depth-target,.story-card{--tilt-x:0deg!important;--tilt-y:0deg!important}}
@media(max-width:720px){.story-card,.story-card:nth-child(2),.story-card:nth-child(3){transform:none}}