:root{--ink:#09090b;--panel:#111215;--panel2:#18191c;--paper:#f2f0ed;--muted:#a6a4a3;--line:rgba(255,255,255,.1);--acid:#b8132d;--orange:#df2942}
body{background:radial-gradient(ellipse at 80% 0%,rgba(128,8,28,.09),transparent 35%),var(--ink);color:var(--paper);letter-spacing:.005em}
.topbar{background:#09090b;border-bottom:1px solid rgba(184,19,45,.7);color:#c9c7c5}
.topbar .wrap{padding:9px 0}
.topbar .right{color:#858487}
.site-header{background:rgba(9,9,11,.92);border-bottom-color:rgba(255,255,255,.08)}
.nav{height:86px}
.brand-logo{width:112px;height:58px}
.nav-links a{font-size:12px;letter-spacing:.025em}
.nav-links a[aria-current=page]{color:#ed5268}
.nav-cta,.button,.review-link{border-radius:2px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;padding:14px 21px;background:linear-gradient(135deg,#c91a36,#941027);border:1px solid #cf2941;color:white;box-shadow:0 8px 24px rgba(125,8,28,.16)}
.nav-cta:hover,.button:hover,.review-link:hover{background:linear-gradient(135deg,#e12d4b,#a9102a);box-shadow:0 10px 26px rgba(160,12,39,.26)}
.button.ghost{background:rgba(13,14,16,.48);border-color:rgba(255,255,255,.28);box-shadow:none;color:#f3f1ef}
.button.ghost:hover{background:rgba(184,19,45,.14);border-color:#cf2941}
.hero{min-height:740px}
.hero-image{background-image:linear-gradient(90deg,rgba(7,8,10,.97) 0%,rgba(7,8,10,.83) 38%,rgba(7,8,10,.22) 100%),linear-gradient(0deg,rgba(7,8,10,.82),transparent 54%),url('./workshop-hero.jpg')}
.hero-content{max-width:780px;padding:118px 0 126px}
.eyebrow{font-size:10px;letter-spacing:.23em;color:#ee526a}
.eyebrow:before{width:34px;height:1px;background:#c91a36}
h1,h2,h3,.display{letter-spacing:-.018em}
h1{font-size:clamp(60px,8.1vw,116px);line-height:.88}
.hero p{max-width:520px;color:#d0cecc;font-size:17px;line-height:1.75}
.hero-meta{border-top-color:rgba(255,255,255,.16);color:#c9c7c5;letter-spacing:.11em}
.hero-meta span:before{color:#e1334e}
.section{padding:116px 0}
.section.alt{background:linear-gradient(180deg,#0e0f11,#111215 52%,#0e0f11)}
.section-head{margin-bottom:48px}
.section-head h2{font-size:clamp(44px,6vw,78px)}
.section-head p,.statement-copy,.page-hero p{color:#aaa8a7}
.service-grid{gap:14px}
.service-card{min-height:262px;padding:29px;border:1px solid rgba(255,255,255,.09);border-radius:3px;background:linear-gradient(145deg,#17181b,#101114);transition:transform .28s,border-color .28s,background .28s}
.service-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .25s}
.service-card:hover{border-color:rgba(214,34,61,.62);background:linear-gradient(145deg,#1a1518,#111114);transform:translateY(-5px)}
.service-card:hover:before{background:#d92340}
.service-card .number,.detail-card .mini{color:#df5266;font-size:10px;letter-spacing:.17em}
.service-card h3{font-size:32px}
.service-card p,.detail-card p{color:#aaa8a7;line-height:1.75}
.more{color:#e04158!important}
.statement{gap:96px}
.statement h2{font-size:clamp(47px,6.2vw,82px)}
.statement h2 span{color:#d92a45}
.ticks div{color:#d1cfcc;border-top-color:rgba(255,255,255,.12)}
.ticks div:before{color:#e1435b}
.split{border-color:rgba(255,255,255,.09);border-radius:3px;background:#111215}
.split-copy{padding:58px}
.split-copy h2{font-size:clamp(43px,5vw,68px)}
.photo-card{border:1px solid rgba(255,255,255,.1);border-radius:3px}
.photo-card:after{background:linear-gradient(transparent,rgba(5,6,7,.92))}
.review-panel{border-color:rgba(255,255,255,.1);border-radius:3px;background:linear-gradient(125deg,#171417,#101114)}
.review-score{border-right-color:rgba(255,255,255,.1)}
.review-score strong{font-size:78px;letter-spacing:-.05em}
.review-score .stars{color:#e34a61}
.review-themes span:before{color:#df344d}
.review-source a{color:#aaa8a7;text-decoration:underline;text-underline-offset:3px}
.page-hero{background:radial-gradient(ellipse at 85% 15%,rgba(145,9,31,.12),transparent 35%),linear-gradient(180deg,#111215,#0d0e10);border-bottom-color:rgba(255,255,255,.09)}
.page-hero h1{font-size:clamp(60px,8vw,104px)}
.page-stamp{border-left-color:#c91a36;color:#b6b3b2}
.page-stamp strong{color:#e34a61}
.detail-card{border-radius:3px;border-color:rgba(255,255,255,.09);background:linear-gradient(145deg,#17181b,#101114)}
.contact-panel,.contact-item,.address-card{border-color:rgba(255,255,255,.1);border-radius:3px;background:linear-gradient(145deg,#17181b,#111215)}
.contact-item small{color:#e34a61}
.map-frame{border-color:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}
.site-footer{background:#070708;border-top-color:rgba(255,255,255,.09)}
.footer-col strong{color:#e34a61}
.strip{background:linear-gradient(100deg,#260b12,#121114 68%);color:#f2f0ed;border-top:1px solid rgba(201,26,54,.45);border-bottom:1px solid rgba(201,26,54,.32)}
.strip p{color:#b8b4b3}
.strip .button{background:linear-gradient(135deg,#c91a36,#941027);border-color:#cf2941;color:white}
.fair-value{background:radial-gradient(ellipse at 0% 50%,rgba(161,13,38,.13),transparent 42%),#0d0e10}
.value-shell{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:clamp(28px,5vw,66px);background:linear-gradient(135deg,#151316,#101114)}
.value-copy h2{font-size:clamp(43px,5.5vw,70px);margin:15px 0 20px}
.value-copy h2 em{color:#e34a61;font-style:normal}
.value-copy p{max-width:540px;color:#b7b4b2;line-height:1.8}
.value-points{display:grid;gap:0}
.value-point{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.value-point:first-child{border-top:1px solid rgba(255,255,255,.1)}
.value-point b{font:700 12px Arial,sans-serif;color:#e34a61;letter-spacing:.15em;padding-top:3px}
.value-point strong{display:block;font-size:15px;color:#f1efed}
.value-point span{display:block;margin-top:5px;font-size:13px;color:#9b9998;line-height:1.6}
.fair-note{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:#d6d2d0;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.fair-note:before{content:"";width:22px;height:1px;background:#d92a45}
.location-photo{border-radius:3px}
/* Viewport reveals: restrained movement, soft focus, and grouped timing. */
.has-scroll-reveal [data-scroll-reveal]{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.25,1),filter .75s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.has-scroll-reveal [data-scroll-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0);will-change:auto}
.has-scroll-reveal .page-hero .wrap>:last-child[data-scroll-reveal],.has-scroll-reveal .split-art[data-scroll-reveal],.has-scroll-reveal .photo-card[data-scroll-reveal]:nth-child(even){transform:translate3d(18px,12px,0);transition-delay:120ms}
.has-scroll-reveal .page-hero .wrap>:last-child[data-scroll-reveal].is-visible,.has-scroll-reveal .split-art[data-scroll-reveal].is-visible,.has-scroll-reveal .photo-card[data-scroll-reveal]:nth-child(even).is-visible{transform:translate3d(0,0,0)}
.scroll-progress{position:fixed;z-index:100;inset:0 0 auto;height:2px;background:rgba(255,255,255,.08);pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#941027,#ed5268);transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 12px rgba(217,42,69,.45)}
@media(prefers-reduced-motion:reduce){.has-scroll-reveal [data-scroll-reveal]{opacity:1;transform:none;filter:none;transition:none;will-change:auto}.scroll-progress span{transition:none}}
@media(max-width:980px){.section{padding:94px 0}.statement{gap:55px}.value-shell{gap:42px}.nav{height:78px}}
@media(max-width:720px){.nav{height:70px}.nav-links{top:70px}.brand-logo{width:94px;height:49px}.hero{min-height:680px}.hero-content{padding:82px 0}.hero-image{background-image:linear-gradient(90deg,rgba(7,8,10,.94),rgba(7,8,10,.54)),linear-gradient(0deg,rgba(7,8,10,.8),transparent 60%),url('./workshop-hero.jpg')}.hero h1{font-size:clamp(56px,15vw,82px)}.section{padding:76px 0}.section-head h2{font-size:46px}.split-copy{padding:32px}.value-shell{grid-template-columns:1fr;gap:32px;padding:28px}.value-copy h2{font-size:44px}.review-score strong{font-size:62px}.page-hero h1{font-size:62px}}
