
:root{--bg:#06101a;--panel:#0b1a28;--text:#f5f3ee;--muted:#a8b2bb;--line:rgba(255,255,255,.1);--gold:#d8a64b;--gold2:#efc46e;--blue:#72b8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(38,91,137,.2),transparent 28%),linear-gradient(#06101a,#07131e 48%,#06101a);color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:54px 54px}
.shell{width:min(1380px,calc(100% - 72px));margin:auto}header{position:sticky;top:0;z-index:50;background:rgba(5,14,23,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;letter-spacing:.16em}.brand>b{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2);font-family:Georgia,serif}.nav nav{display:flex;gap:23px}.nav nav a{text-decoration:none;color:#dce2e7;font-size:12px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:930px;text-align:center;padding:90px 0 70px;overflow:hidden}.kicker,.heading>span,.label,.contact>div>div:first-child>span,.portfolio>div:first-child>span,.quality-core>span{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.2em}.hero h1{font-size:clamp(70px,8vw,124px);line-height:.86;margin:17px 0 7px}.hero h1 em{font-family:Georgia,serif;color:var(--gold2);font-weight:500}.role{font-size:18px;margin:0 0 20px}.role i{color:var(--gold);margin:0 8px}.portrait{height:390px;max-width:720px;margin:20px auto 30px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait img{width:300px;height:370px;object-fit:cover;object-position:50% 20%;border-radius:150px 150px 24px 24px;border:1px solid rgba(216,166,75,.45);position:relative;z-index:2;box-shadow:0 35px 90px rgba(0,0,0,.45)}.glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(216,166,75,.18),rgba(67,128,180,.11) 40%,transparent 70%)}.note{position:absolute;z-index:4;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(7,18,28,.78);text-align:left}.note b,.note small{display:block}.note b{color:var(--gold2);font-size:10px;letter-spacing:.12em}.note small{color:var(--muted);font-size:10px}.note.left{left:45px;bottom:90px}.note.right{right:30px;bottom:175px}.hero h2{font-size:clamp(28px,2.7vw,43px);line-height:1.2;max-width:960px;margin:0 auto 16px;font-weight:540}.sub{color:var(--muted);max-width:820px;margin:auto}.actions,.portfolio-actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.actions a,.portfolio-actions a{height:54px;padding:0 24px;display:inline-flex;align-items:center;border:1px solid rgba(216,166,75,.5);border-radius:6px;text-decoration:none;color:#fff;font-size:12px;text-transform:uppercase;font-weight:800}.actions .primary,.portfolio-actions .primary{background:linear-gradient(135deg,var(--gold2),#b77b2a);color:#07111c}.signature{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px}.signature b{color:var(--gold)}
.section{padding:105px 0}.two-col{display:grid;grid-template-columns:180px 1fr;gap:70px}.section h3,.heading h3,.contact h3,.portfolio h3{font-size:clamp(38px,4vw,62px);line-height:1.06;margin:7px 0 20px}.section h3 em{font-family:Georgia,serif;color:var(--gold2);font-weight:500}.lead{font-size:21px;color:#c9d1d7;max-width:900px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.mini-grid article{border-top:1px solid rgba(216,166,75,.35);padding-top:16px}.mini-grid span{color:var(--gold);font-family:Georgia,serif}.mini-grid b,.mini-grid p{display:block}.mini-grid p{color:var(--muted);margin:3px 0}.band{background:rgba(0,0,0,.08);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.heading{margin-bottom:48px}.heading p{color:var(--muted);margin:0}.centered{text-align:center}
.timeline{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.timeline:before{content:"";position:absolute;top:27px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,var(--blue),var(--gold))}.timeline article{text-align:center;position:relative}.timeline article span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto auto 14px;background:var(--bg);border:1px solid rgba(216,166,75,.65);color:var(--gold2)}.timeline b{text-transform:uppercase;font-size:12px}.then-now{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin-top:58px;border:1px solid var(--line);border-radius:12px}.then-now>div{padding:28px 32px}.then-now>b{text-align:center;color:var(--gold);font-size:26px}.then-now small{color:var(--gold2);letter-spacing:.14em}.then-now h4{font-size:22px;margin:7px 0}
.cards,.case-grid,.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.case-grid article,.insight-grid article{padding:28px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014)}.cards article>span{color:var(--gold);font-family:Georgia,serif;font-size:23px}.cards h4,.case-grid h4,.insight-grid h4{font-size:23px;line-height:1.2;margin:22px 0 12px}.cards p,.case-grid p,.insight-grid p{color:var(--muted)}.case-grid small,.insight-grid small{color:var(--gold2);letter-spacing:.12em}.process .flow{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.flow div{min-width:115px;text-align:center;border:1px solid var(--line);padding:16px;border-radius:8px}.flow div small,.flow div b{display:block}.flow div small{color:var(--gold);font-size:9px}.flow div b{font-size:11px}.flow>span{color:var(--gold)}.process blockquote,.quality>blockquote{font-family:Georgia,serif;font-size:27px;color:#ead2a9;text-align:center;margin:42px auto 0}.insights .num{font-family:Georgia,serif;color:rgba(216,166,75,.42);font-size:48px}.insight-grid a{color:#fff;text-decoration:none;font-size:12px}.quality{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.quality-core{text-align:center}.quality-core>div{width:210px;height:210px;border:1px solid rgba(216,166,75,.6);border-radius:50%;display:grid;place-items:center;margin:26px auto;color:var(--gold2);box-shadow:0 0 0 28px rgba(216,166,75,.025)}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quality-grid article{border-top:1px solid var(--line);padding:18px}.quality-grid p{color:var(--muted);font-size:12px}.quality>blockquote{grid-column:1/-1}.portfolio{margin-top:100px;border:1px solid rgba(216,166,75,.3);border-radius:16px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:50px}.portfolio p{color:var(--muted);max-width:760px}.portfolio-actions{margin:0;flex-shrink:0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.contact p{color:var(--muted)}.contact-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.contact-card>*{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);text-decoration:none;color:#fff}.contact-card>*:last-child{border-bottom:0}.contact-card small{color:#84919b;font-size:9px;letter-spacing:.12em}.contact-card b{font-size:14px}footer{border-top:1px solid var(--line);padding:28px 0}footer .shell{display:flex;justify-content:space-between;align-items:center}footer .shell>div{display:flex;flex-direction:column}footer span,footer small{color:var(--muted);font-size:11px}
@media(max-width:1000px){.shell{width:min(100% - 38px,1380px)}.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#07131e;flex-direction:column;padding:18px 24px}.nav nav.open{display:flex}.two-col,.quality,.contact-grid{grid-template-columns:1fr}.mini-grid,.cards,.case-grid,.insight-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr;gap:12px}.timeline:before{display:none}.timeline article{display:grid;grid-template-columns:58px 1fr;text-align:left;align-items:center}.timeline article span{margin:0}.portfolio{flex-direction:column;align-items:flex-start}.portfolio-actions{width:100%}}
@media(max-width:680px){.shell{width:min(100% - 28px,1380px)}.hero{min-height:auto;padding-top:65px}.hero h1{font-size:62px}.role{font-size:14px}.portrait{height:330px}.portrait img{width:240px;height:310px}.note{display:none}.actions,.portfolio-actions{display:grid}.actions a,.portfolio-actions a{width:100%}.section{padding:74px 0}.mini-grid,.cards,.case-grid,.insight-grid,.quality-grid{grid-template-columns:1fr}.then-now{grid-template-columns:1fr}.then-now>b{transform:rotate(90deg)}.flow{display:grid!important;grid-template-columns:1fr}.flow>span{transform:rotate(90deg);text-align:center}.portfolio{margin:70px 14px 0;padding:32px 22px}footer .shell{flex-direction:column;align-items:flex-start;gap:10px}}
