/* Design 01 — original copy and palette, refined spacing and motion. */
body[data-design="1"]{--line:rgba(96,62,0,.16);--pad:clamp(28px,6.2vw,112px);font-size:15px;line-height:1.95}
body[data-design="1"] .site-header{min-height:121px;background:var(--cream);border-bottom:1px solid var(--line);margin:0 var(--pad);padding:20px 0;gap:30px}
body[data-design="1"] nav{font-size:12px;font-weight:500;gap:30px;letter-spacing:.035em}
body[data-design="1"] nav>a,body[data-design="1"] summary{position:relative;padding:8px 0}
body[data-design="1"] nav>a:after,body[data-design="1"] summary:after{content:'';position:absolute;height:1px;background:var(--brown);bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
body[data-design="1"] nav>a:hover:after,body[data-design="1"] summary:hover:after,body[data-design="1"] nav>a:focus-visible:after,body[data-design="1"] details[open]>summary:after{transform:scaleX(1)}
body[data-design="1"] .header-contact{font-size:9px;letter-spacing:.015em;gap:14px}
body[data-design="1"] .header-contact img{width:46px;height:46px;outline:1px solid var(--line);outline-offset:4px}
body[data-design="1"] .brand{flex-basis:108px}
body[data-design="1"] .brand img{width:108px;height:68px}
body[data-design="1"] .hero{grid-template-columns:45% 55%;min-height:660px;border:0;padding:38px var(--pad) 54px;gap:0;max-width:1660px;align-items:stretch}
body[data-design="1"] .hero-copy{padding:36px 4vw 36px 0;align-self:center}
body[data-design="1"] .hero h1{font-size:clamp(46px,5.85vw,93px);font-weight:400;letter-spacing:-.055em;line-height:.98}
body[data-design="1"] .hero h1 span{font-style:italic;font-weight:400}
body[data-design="1"].home .hero h1 span{font-style:normal}
body[data-design="1"] .eyebrow{font-size:10px;letter-spacing:.23em;display:flex;align-items:center;gap:18px;margin-bottom:38px}
body[data-design="1"] .eyebrow:before{content:'';width:36px;height:1px;background:var(--brown)}
body[data-design="1"] .hero-address{margin-top:50px;border-top:1px solid var(--line);padding-top:23px;max-width:36ch;font-size:10px;line-height:1.9}
body[data-design="1"] .hero-media{min-height:570px;background:var(--white);isolation:isolate}
body[data-design="1"] .hero-media:after{content:'';position:absolute;inset:14px;border:1px solid rgba(251,247,239,.38);z-index:2;pointer-events:none}
body[data-design="1"] .hero-media>img{object-position:55% center}
body[data-design="1"] .hero-media.has-parallax>img,body[data-design="1"] .hero-media.has-parallax>video{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.14);will-change:transform}
body[data-design="1"] .motion-toggle{right:30px;bottom:30px;background:rgba(96,62,0,.18);backdrop-filter:blur(5px);transition:background .35s,border-color .35s}
body[data-design="1"] .motion-toggle:hover{background:rgba(96,62,0,.55);border-color:var(--cream)}
body[data-design="1"] .product-hero h1{font-size:clamp(68px,8.7vw,138px);line-height:.88;max-width:8ch;letter-spacing:-.055em}
body[data-design="1"] .product-hero h1 span{margin-top:7px;margin-left:22px}
body[data-design="1"] .product-subtitle{max-width:17ch;margin-top:42px;padding-top:25px;border-top:1px solid var(--line);font:26px/1.35 var(--serif)}
body[data-design="1"] .section{padding-top:122px;padding-bottom:122px}
body[data-design="1"] .intro{background:var(--cream);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:13%;padding-top:105px;padding-bottom:110px}
body[data-design="1"] .intro .section-title{padding-right:0}
body[data-design="1"] .intro h2{font-size:clamp(32px,3.7vw,55px);letter-spacing:-.025em;max-width:19ch;line-height:1.08}
body[data-design="1"] .prose h2{font-size:clamp(38px,4.15vw,63px);letter-spacing:-.035em;margin-bottom:34px;line-height:1.06}
body[data-design="1"] .focus{padding-top:115px;padding-bottom:135px;grid-template-columns:.85fr 1fr;gap:13%;background:white;align-items:center}
body[data-design="1"] .focus figure{position:relative;margin:0 24px 0 0}
body[data-design="1"] .focus figure:before{content:'';position:absolute;inset:24px -24px -24px 24px;background:var(--green);opacity:.5;z-index:0}
body[data-design="1"] .focus img{position:relative;aspect-ratio:4/5;object-position:44% center}
body[data-design="1"] .fitting{background:var(--cream);grid-template-columns:1.1fr .8fr;gap:13%;border-bottom:1px solid var(--line)}
body[data-design="1"] .fitting figure{padding:0}
body[data-design="1"] .fitting figure img{height:680px}
body[data-design="1"] .fitting-list{padding-top:30px;margin-top:35px;margin-bottom:35px}
body[data-design="1"] .fitting-list li+li{margin-top:24px}
body[data-design="1"] .film{padding-top:100px;padding-bottom:70px}
body[data-design="1"] .film-frame{box-shadow:0 24px 60px rgba(96,62,0,.1)}
body[data-design="1"] .film-copy{max-width:720px;margin-top:55px}
body[data-design="1"] .film-copy>p:first-child{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.025em;line-height:1.2}
body[data-design="1"] .signoff{padding-top:25px;padding-bottom:100px}
body[data-design="1"] .signoff p:first-child{font-size:44px}
body[data-design="1"] .product-intro{padding-top:110px;padding-bottom:120px;border-top:1px solid var(--line);grid-template-columns:.9fr 1fr;gap:14%}
body[data-design="1"] .product-intro figure{max-width:410px;justify-self:center}
body[data-design="1"] .product-intro figure>img{height:570px}
body[data-design="1"] figcaption{font-size:11px;line-height:1.8;margin-top:20px}
body[data-design="1"] .feature-list{margin-bottom:42px}
body[data-design="1"] .feature-list li{padding-bottom:26px;padding-left:25px;font-size:17px;line-height:1.7}
body[data-design="1"] .feature-list li:before{width:5px;height:5px;top:12px;border-radius:0;transform:rotate(45deg);background:var(--brown)}
body[data-design="1"] .material{background:var(--brown);color:var(--cream);grid-template-columns:1fr 1fr;gap:13%;padding-top:100px;padding-bottom:100px}
body[data-design="1"] .material>div:first-child{font:42px/1.2 var(--serif);letter-spacing:-.025em;color:var(--green)}
body[data-design="1"] .material strong{font-weight:500}
body[data-design="1"] .riding{gap:8%;align-items:start;padding-top:135px;padding-bottom:85px}
body[data-design="1"] .riding figure:nth-child(2){margin-top:100px}
body[data-design="1"] .making{padding-top:0;padding-bottom:120px}
body[data-design="1"] .making .prose{max-width:74ch}
body[data-design="1"] .product-details{grid-template-columns:1.1fr 1fr;gap:13%;background:white;border:0}
body[data-design="1"] .product-details.second{padding-top:15px;padding-bottom:120px;grid-template-columns:1fr 1.1fr}
body[data-design="1"] .product-details.second figure{max-width:390px}
body[data-design="1"] .closing{padding:100px var(--pad);font-size:45px;line-height:1.2;max-width:1140px;letter-spacing:-.025em}
body[data-design="1"] footer{padding-top:85px;padding-bottom:85px;position:relative}
body[data-design="1"] footer:before{content:'';position:absolute;left:var(--pad);right:var(--pad);top:24px;height:1px;background:rgba(251,247,239,.18)}
@media(max-width:1100px){body[data-design="1"] nav{gap:19px;font-size:11px}body[data-design="1"] .site-header{gap:24px}body[data-design="1"] .hero{min-height:590px}body[data-design="1"] .hero-media{min-height:500px}body[data-design="1"] .hero h1{font-size:5.8vw}body[data-design="1"] .product-hero h1{font-size:9vw}}
@media(max-width:800px){
body[data-design="1"]{--pad:24px;font-size:15px;line-height:1.85}
body[data-design="1"] .site-header{min-height:91px;padding:14px 0;margin:0 24px;gap:18px}
body[data-design="1"] .brand{flex-basis:85px}body[data-design="1"] .brand img{width:85px;height:54px}
body[data-design="1"] nav{font-size:14px;gap:0;letter-spacing:0}
body[data-design="1"] .header-contact{font-size:9px;margin-left:auto;line-height:1.65}
body[data-design="1"] .hero{grid-template-columns:1fr;padding:0 24px 40px;min-height:0}
body[data-design="1"] .hero-copy{padding:45px 0 35px}
body[data-design="1"] .hero h1{font-size:clamp(35px,9.5vw,68px);line-height:1.03;letter-spacing:-.045em}
body[data-design="1"] .hero h1 span{margin-top:3px}
body[data-design="1"] .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:27px;gap:13px}
body[data-design="1"] .eyebrow:before{width:24px}
body[data-design="1"] .hero-address{margin-top:30px;padding-top:20px;font-size:10px;max-width:46ch}
body[data-design="1"] .hero-media{min-height:340px}
body[data-design="1"] .hero-media:after{inset:10px}
body[data-design="1"] .motion-toggle{right:20px;bottom:20px}
body[data-design="1"] .product-hero h1{font-size:clamp(60px,17vw,88px);max-width:none;line-height:.94}
body[data-design="1"] .product-hero h1 span{margin-left:30px;margin-top:1px}
body[data-design="1"] .product-subtitle{font-size:25px;max-width:none;margin-top:26px;padding-top:22px}
body[data-design="1"] .product-hero .hero-media{min-height:330px}
body[data-design="1"] .section{padding:65px 24px}
body[data-design="1"] .intro,body[data-design="1"] .focus,body[data-design="1"] .fitting,body[data-design="1"] .product-intro,body[data-design="1"] .material,body[data-design="1"] .product-details,body[data-design="1"] .product-details.second{grid-template-columns:1fr;gap:40px}
body[data-design="1"] .intro h2{font-size:36px;max-width:19ch}
body[data-design="1"] .prose h2{font-size:39px;margin-bottom:28px}
body[data-design="1"] .focus figure{margin:0 16px 0 0}
body[data-design="1"] .focus figure:before{inset:16px -16px -16px 16px}
body[data-design="1"] .focus img{aspect-ratio:4/4.5}
body[data-design="1"] .focus .prose{margin-top:12px}
body[data-design="1"] .fitting figure img{height:470px}
body[data-design="1"] .film{padding-bottom:55px}
body[data-design="1"] .film-copy{margin-top:35px}
body[data-design="1"] .film-copy>p:first-child{font-size:31px}
body[data-design="1"] .signoff{padding-top:15px;padding-bottom:65px}
body[data-design="1"] .signoff p:first-child{font-size:35px}
body[data-design="1"] .product-intro figure{max-width:100%}
body[data-design="1"] .product-intro figure>img{height:auto;max-height:510px;object-fit:contain}
body[data-design="1"] .feature-list li{font-size:16px}
body[data-design="1"] .material>div:first-child{font-size:35px}
body[data-design="1"] .riding{gap:45px}
body[data-design="1"] .riding figure:nth-child(2){margin-top:0}
body[data-design="1"] .making{padding-top:5px}
body[data-design="1"] .product-details.second{padding-top:5px}
body[data-design="1"] .closing{font-size:33px;padding:65px 24px}
body[data-design="1"] footer{padding:65px 24px}
}
@media(prefers-reduced-motion:reduce){body[data-design="1"] *,body[data-design="1"] *:before,body[data-design="1"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-media.has-parallax>img,.hero-media.has-parallax>video{transform:none!important;will-change:auto!important}}
@media print{body[data-design="1"] *{opacity:1!important;transform:none!important;animation:none!important}}