:root { --blue:#0647ff; --blue-dark:#0034cc; --ink:#0a0a0b; --paper:#fff; --soft:#f2f4f8; --line:#c9ced8; --max:1440px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.skip-link { position:fixed; left:1rem; top:-5rem; background:var(--ink); color:#fff; padding:.8rem 1rem; z-index:100; }
.skip-link:focus { top:1rem; }
.site-header { min-height:82px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem; padding:0 clamp(1.25rem,4vw,5rem); border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); position:sticky; top:0; z-index:20; }
.wordmark { color:var(--blue); font-size:1.55rem; font-weight:800; letter-spacing:-.07em; text-decoration:none; line-height:1; }
.desktop-nav { display:flex; gap:2rem; font-size:.88rem; font-weight:600; }
.desktop-nav a { text-decoration:none; }
.desktop-nav a:hover,.desktop-nav a:focus-visible { color:var(--blue); }
.header-cta { justify-self:end; background:var(--blue); color:#fff; text-decoration:none; padding:.75rem 1rem; font-size:.85rem; font-weight:700; }
.header-cta:hover,.button-primary:hover { background:var(--blue-dark); }
.hero { max-width:var(--max); min-height:calc(100svh - 82px); margin:0 auto; padding:clamp(2.75rem,6vh,4.75rem) clamp(1.25rem,5vw,6rem); display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr); gap:clamp(2.5rem,6vw,7rem); align-items:center; overflow:hidden; }
.eyebrow { margin:0 0 1.35rem; font-size:1rem; line-height:1.2; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:930px; margin-bottom:1.5rem; font-size:clamp(3.5rem,6.25vw,6.4rem); line-height:.91; letter-spacing:-.065em; font-weight:800; }
.headline-line { display:block; }
.headline-accent { color:var(--blue); }
.hero-intro { max-width:680px; margin-bottom:0; font-size:clamp(1.08rem,1.45vw,1.32rem); line-height:1.4; }
.button-row { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; min-width:245px; padding:1.05rem 1.2rem; text-decoration:none; font-weight:750; transition:background .2s ease,color .2s ease; }
.button-primary { color:#fff; background:var(--blue); }
.button-light { color:var(--ink); background:#fff; }
.button-light:hover { color:var(--blue); }
.text-link { font-weight:700; text-underline-offset:5px; }
.hero-card { background:var(--ink); color:#fff; min-height:350px; padding:1.5rem; display:flex; flex-direction:column; justify-content:space-between; }
.hero-card::before { content:""; display:block; width:64px; height:8px; background:var(--blue); margin-bottom:4rem; }
.card-index,.card-foot { color:#a8afbc; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hero-card p { margin:auto 0; font-size:clamp(1.6rem,2.5vw,2.5rem); line-height:1.08; letter-spacing:-.035em; font-weight:700; }
.marquee { background:var(--blue); color:#fff; padding:1rem clamp(1.25rem,4vw,5rem); display:flex; justify-content:center; align-items:center; gap:clamp(1rem,4vw,4rem); overflow:hidden; white-space:nowrap; font-size:.75rem; font-weight:800; letter-spacing:.14em; }
.marquee i { width:6px; height:6px; flex:0 0 auto; background:#fff; }
.section { max-width:var(--max); margin:0 auto; padding:clamp(5rem,10vw,10rem) clamp(1.25rem,5vw,6rem); display:grid; grid-template-columns:180px minmax(0,1fr); gap:clamp(2rem,6vw,7rem); }
.section-label { font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.two-column { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr); gap:clamp(3rem,7vw,8rem); }
.section h2,.about h2 { font-size:clamp(2.7rem,5vw,5.5rem); line-height:.97; letter-spacing:-.055em; font-weight:800; }
.body-copy { max-width:620px; font-size:1.1rem; }
.body-copy p { margin-bottom:1.5rem; }
.emphasis { border-left:5px solid var(--blue); padding-left:1.25rem; font-weight:750; }
.workshop { background:var(--blue); color:#fff; padding:clamp(5rem,9vw,9rem) max(clamp(1.25rem,5vw,6rem),calc((100vw - var(--max))/2 + 6rem)); }
.workshop-head { display:grid; grid-template-columns:1fr minmax(300px,.6fr); gap:4rem; align-items:end; }
.eyebrow-light { color:rgba(255,255,255,.7); }
.workshop h2 { margin:0; font-size:clamp(4rem,8vw,8rem); line-height:.82; letter-spacing:-.07em; }
.workshop-lead { font-size:clamp(1.2rem,2vw,1.65rem); line-height:1.35; }
.workshop-grid { margin-top:clamp(4rem,8vw,8rem); display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.5); }
.workshop-grid article { padding:1.5rem 1.5rem 3rem 0; border-right:1px solid rgba(255,255,255,.5); }
.workshop-grid article + article { padding-left:1.5rem; }
.workshop-grid article:last-child { border-right:0; }
.workshop-grid span { font-size:.72rem; font-weight:800; opacity:.7; }
.workshop-grid h3 { margin:3rem 0 1rem; font-size:1.25rem; }
.workshop-grid p { color:rgba(255,255,255,.82); font-size:.95rem; }
.workshop-format { margin-top:3rem; padding-top:2rem; border-top:1px solid rgba(255,255,255,.5); display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.workshop-format strong { display:block; font-size:1.15rem; }
.format-label { display:block; margin-bottom:.35rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; opacity:.7; }
.process { border-bottom:1px solid var(--line); }
.process-list { list-style:none; padding:0; margin:clamp(3rem,7vw,7rem) 0 0; }
.process-list li { display:grid; grid-template-columns:80px minmax(180px,.65fr) minmax(260px,1fr); gap:2rem; align-items:baseline; padding:1.6rem 0; border-top:1px solid var(--line); }
.process-number { color:var(--blue); font-size:.75rem; font-weight:800; }
.process-list h3 { margin:0; font-size:1.8rem; letter-spacing:-.03em; }
.process-list p { margin:0; max-width:580px; color:#4b515c; }
.services { background:var(--soft); max-width:none; padding-left:max(clamp(1.25rem,5vw,6rem),calc((100vw - var(--max))/2 + 6rem)); padding-right:max(clamp(1.25rem,5vw,6rem),calc((100vw - var(--max))/2 + 6rem)); }
.services-intro { display:grid; grid-template-columns:1.2fr .6fr; gap:4rem; align-items:end; }
.services-intro p { font-size:1.1rem; }
.service-list { margin-top:4rem; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.service-list article { padding:2rem 2rem 2rem 0; border-bottom:1px solid var(--line); }
.service-list article:nth-child(even) { border-left:1px solid var(--line); padding-left:2rem; }
.service-list span { color:var(--blue); font-size:.72rem; font-weight:800; }
.service-list h3 { margin:1.5rem 0 .75rem; font-size:1.35rem; letter-spacing:-.025em; }
.service-list p { color:#4b515c; }
.about { display:grid; grid-template-columns:1fr 1fr; min-height:750px; }
.about-quote { background:var(--ink); color:#fff; padding:clamp(3rem,7vw,7rem); display:flex; align-items:center; font-size:clamp(2.7rem,5vw,5.4rem); line-height:.95; letter-spacing:-.055em; font-weight:800; }
.about-copy { padding:clamp(4rem,8vw,8rem) clamp(1.5rem,7vw,7rem); display:flex; flex-direction:column; justify-content:center; }
.about-copy p:not(.eyebrow) { max-width:640px; font-size:1.08rem; }
.closing { background:var(--ink); color:#fff; padding:clamp(5rem,10vw,10rem) max(clamp(1.25rem,5vw,6rem),calc((100vw - var(--max))/2 + 6rem)); }
.closing h2 { max-width:1150px; margin-bottom:2.5rem; font-size:clamp(3rem,6.5vw,7rem); line-height:.95; letter-spacing:-.06em; }
.closing>p:not(.eyebrow) { max-width:720px; color:#bbc1cb; font-size:1.2rem; }
.mail-link { color:#fff; text-underline-offset:6px; }
footer { max-width:var(--max); margin:0 auto; padding:3rem clamp(1.25rem,5vw,6rem); display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; align-items:start; }
.footer-wordmark { font-size:2rem; }
.footer-links { justify-self:end; display:flex; flex-wrap:wrap; gap:1.5rem; font-size:.85rem; }
.footer-links a { text-underline-offset:4px; }
.copyright { grid-column:1/-1; padding-top:2rem; margin:0; border-top:1px solid var(--line); color:#6c7380; font-size:.78rem; }
.legal { max-width:1000px; min-height:calc(100vh - 82px); padding:clamp(4rem,9vw,8rem) clamp(1.25rem,5vw,6rem); }
.legal h1 { font-size:clamp(3.5rem,8vw,7rem); }
.legal-copy { max-width:700px; padding-top:2rem; border-top:1px solid var(--line); font-size:1.05rem; }
.legal-copy h2 { margin:3rem 0 1rem; font-size:1.55rem; line-height:1.15; letter-spacing:-.025em; }
.legal-copy ul { padding-left:1.25rem; }
.legal-copy li { margin-bottom:.55rem; }
.legal-copy a { color:var(--blue); text-underline-offset:4px; }
.legal-date { color:#6c7380; font-size:.9rem; }
@media (max-width:950px) { .site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;align-items:start;overflow:hidden}.hero-copy{min-width:0}.hero-card{min-height:330px;max-width:520px}.section{grid-template-columns:1fr}.section-label{color:var(--blue)}.two-column,.workshop-head,.services-intro{grid-template-columns:1fr}.workshop-grid{grid-template-columns:repeat(2,1fr)}.workshop-grid article:nth-child(2){border-right:0}.workshop-grid article:nth-child(3),.workshop-grid article:nth-child(4){border-top:1px solid rgba(255,255,255,.5)}.about{grid-template-columns:1fr}.about-quote{min-height:520px} }
@media (max-width:620px) { .site-header{min-height:68px;padding:0 1rem}.wordmark{font-size:1.3rem}.header-cta{font-size:.77rem;padding:.65rem .75rem}.hero{padding:3.25rem 1.25rem 3rem;gap:3rem}.hero .eyebrow{margin-bottom:1.4rem;font-size:.93rem;line-height:1.35;letter-spacing:.1em}.hero h1{max-width:100%;margin-bottom:1.35rem;font-size:clamp(2.55rem,10.7vw,3.15rem);line-height:.94;letter-spacing:-.058em}.headline-primary{font-size:.94em}.hero-intro{max-width:34ch;font-size:1.08rem;line-height:1.42}.hero .button-row{margin-top:1.75rem;gap:1.25rem}.hero .button{width:100%;min-width:0}.hero-card{min-height:300px;width:100%}.marquee{justify-content:flex-start}.workshop-grid{grid-template-columns:1fr}.workshop-grid article,.workshop-grid article+article{padding:1.5rem 0 2rem;border-right:0;border-top:1px solid rgba(255,255,255,.5)}.workshop-format{align-items:stretch;flex-direction:column}.process-list li{grid-template-columns:42px 1fr;gap:1rem}.process-list p{grid-column:2}.service-list{grid-template-columns:1fr}.service-list article:nth-child(even){border-left:0;padding-left:0}.about-quote{min-height:450px;padding:2rem 1.25rem}footer{grid-template-columns:1fr}.footer-links{justify-self:start} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*{transition:none!important} }