:root{--paper:#f7f5f1;--ink:#2d2b29;--accent:#65584d;--muted:#726a61;--line:#d8d1c8;--gutter:clamp(22px,5vw,160px)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--paper);font-family:Manrope,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid currentColor;outline-offset:6px}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;padding:26px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;align-items:center;flex:none}.brand>span{font-family:'Tenor Sans',sans-serif;letter-spacing:.15em;font-size:24px}.brand small{font-size:8px;letter-spacing:.43em;margin-top:5px}.contacts{display:flex;gap:8px}.contacts a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #f7f5f14d;transition:background .25s}.contacts a:hover{background:#ffffff20}.contacts img{width:21px;height:21px;filter:brightness(0) invert(1)}.hero{position:relative;min-height:100svh;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,29,26,.73),rgba(38,34,29,.25)),linear-gradient(0deg,rgba(36,31,26,.4),transparent 75%)}.hero-inner{max-width:2560px;margin:auto;padding:clamp(170px,23vh,300px) var(--gutter) 100px;min-height:100svh;display:flex;align-items:center}.hero-copy{width:min(74%,1050px)}.eyebrow{display:flex;align-items:center;gap:16px;text-transform:uppercase;font-size:11px;line-height:1.7;letter-spacing:.17em;margin:0 0 26px;overflow-wrap:anywhere}.eyebrow:before{content:'';width:32px;height:1px;background:currentColor;flex:none}h1{font-family:Marcellus,'Tenor Sans',sans-serif;font-size:clamp(50px,7vw,100px);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 30px;overflow-wrap:anywhere}.description{font-size:16px;line-height:1.8;max-width:490px;margin:0 0 38px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions button{cursor:pointer;border:1px solid #f7f5f18c;color:var(--paper);background:transparent;min-height:54px;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;line-height:1.5;transition:background .25s,color .25s;max-width:100%}.actions button:first-child{background:var(--paper);color:var(--ink);border-color:var(--paper)}.actions button:hover{background:#ded8cf;color:var(--ink)}.actions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.actions span{overflow-wrap:anywhere}.action-status{position:fixed;z-index:5;bottom:20px;left:var(--gutter);right:var(--gutter);background:var(--ink);color:var(--paper);padding:16px;font-size:13px;line-height:1.6}
body[data-variant="02"] .hero-inner{justify-content:center;text-align:center}body[data-variant="02"] .hero-copy{width:min(100%,1150px)}body[data-variant="02"] .eyebrow,body[data-variant="02"] .actions{justify-content:center}body[data-variant="02"] .description{margin-left:auto;margin-right:auto}body[data-variant="02"] .shade{background:linear-gradient(0deg,#211f1bc4,#29262168)}
body[data-variant="03"]{color:var(--ink)}body[data-variant="03"] .hero-media{left:50%}body[data-variant="03"] .shade{background:#322b2010}body[data-variant="03"] .hero-copy{width:45%}body[data-variant="03"] h1{font-size:clamp(50px,5.3vw,84px)}body[data-variant="03"] .hero-inner{padding-top:180px;padding-bottom:90px}body[data-variant="03"] .contacts{color:var(--paper)}body[data-variant="03"] .actions button{border-color:var(--line);color:var(--ink)}body[data-variant="03"] .actions button:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}body[data-variant="03"] .description{color:var(--muted)}
/* Desktop type scales with the actual preview viewport, not the lab zoom. */
@media(min-width:1440px){
 h1{font-size:clamp(108px,7.5vw,256px);margin-bottom:clamp(32px,2.3vw,72px)}
 body[data-variant="03"] h1{font-size:clamp(88px,5.8vw,200px)}
 .hero-copy{width:min(74%,1500px)}
 body[data-variant="02"] .hero-copy{width:min(100%,1650px)}
 .eyebrow{font-size:clamp(12px,.833333vw,24px);gap:clamp(16px,1.1vw,36px);margin-bottom:clamp(28px,2vw,64px)}
 .eyebrow:before{width:clamp(32px,2.2vw,72px)}
 .description{font-size:clamp(18px,1.25vw,36px);max-width:clamp(540px,38vw,1050px);margin-bottom:clamp(40px,3vw,96px)}
 .actions{gap:clamp(12px,1vw,32px)}
 .actions button{font-size:clamp(14px,1vw,28px);min-height:clamp(56px,4vw,112px);padding:clamp(17px,1.2vw,36px) clamp(24px,1.8vw,56px);gap:clamp(28px,2vw,64px)}
 .actions svg{width:clamp(20px,1.4vw,40px);height:clamp(20px,1.4vw,40px)}
 .brand>span{font-size:clamp(26px,1.8vw,56px)}
 .brand small{font-size:clamp(9px,.625vw,18px)}
 .contacts{gap:clamp(8px,.55vw,20px)}
 .contacts a{width:clamp(44px,3vw,88px);height:clamp(44px,3vw,88px)}
 .contacts img{width:clamp(21px,1.45vw,40px);height:clamp(21px,1.45vw,40px)}
 .site-header{padding-top:clamp(26px,1.8vw,64px);padding-bottom:clamp(26px,1.8vw,64px)}
}
@media(min-width:1920px){:root{--gutter:clamp(144px,8vw,320px)}.hero-inner{max-width:2240px;padding-left:0;padding-right:0;width:calc(100% - var(--gutter)*2)}}
@media(max-width:760px){.site-header{padding-top:20px;padding-bottom:20px;gap:12px}.brand>span{font-size:20px}.brand small{font-size:7px}.contacts{gap:4px}.contacts a{width:44px;height:44px}.hero-inner{padding-top:160px;padding-bottom:64px;align-items:center}.hero-copy{width:100%}h1{font-size:clamp(46px,10vw,70px);margin-bottom:25px}.description{font-size:15px;line-height:1.8;max-width:420px}.eyebrow{font-size:10px;margin-bottom:24px;gap:12px}.eyebrow:before{width:24px}.actions{gap:10px}.actions button{font-size:12px;padding:15px 18px;gap:20px}.shade{background:linear-gradient(90deg,#25221bba,#30291f69),linear-gradient(0deg,#201e1a99,transparent)}body[data-variant="03"] .site-header{position:relative;background:var(--paper)}body[data-variant="03"] .contacts a{border-color:var(--line)}body[data-variant="03"] .contacts img{filter:brightness(0)}body[data-variant="03"] .hero{display:flex;flex-direction:column;min-height:calc(100svh - 84px)}body[data-variant="03"] .hero-media{position:relative;left:auto;inset:auto;z-index:0;aspect-ratio:1.65;max-height:50vh}body[data-variant="03"] .hero-inner{padding:40px var(--gutter) 60px;min-height:auto;width:100%;margin:0}body[data-variant="03"] .hero-copy{width:100%}body[data-variant="03"] h1{font-size:clamp(46px,10vw,70px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}