@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
@import "tailwindcss";

:root { --ink:#10211d; --green:#163a32; --paper:#f4f1e9; --cream:#eae0ce; --gold:#c99862; --line:rgba(16,33,29,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Manrope",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1220px,calc(100% - 64px)); margin:0 auto; }
.eyebrow,.section-index { font:500 10px/1.4 "DM Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:9px; color:#6e7167; }
.eyebrow span { width:18px; height:1px; background:currentColor; display:inline-block; }
.section-index { color:#a37b56; margin:3px 0 0; }
h1,h2,h3,p,figure { margin-top:0; }
h1,h2,h3 { font-family:"Playfair Display",Georgia,serif; font-weight:400; letter-spacing:-.045em; }
h1 em,h2 em { font-weight:400; }

.hero { min-height:900px; color:#f7f4ec; background:radial-gradient(ellipse 75% 57% at 73% 44%,rgba(237,180,116,.44) 0%,rgba(201,153,98,.18) 25%,transparent 66%),linear-gradient(116deg,#102821 1%,#173e35 53%,#23463d 100%); position:relative; overflow:hidden; }
.hero:after { content:""; position:absolute; inset:auto -5% 0; height:26%; background:linear-gradient(180deg,transparent,rgba(5,17,14,.28)); pointer-events:none; }
.nav { position:relative; z-index:4; height:106px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(255,255,255,.16); }
.brand img { display:block; width:158px; height:78px; object-fit:contain; object-position:center; }
.nav-links { display:flex; align-items:center; justify-content:center; gap:18px; font-size:10px; color:rgba(255,255,255,.8); white-space:nowrap; }
.nav-links a { transition:color .2s; }.nav-links a:hover { color:#ecc48f; }
.nav-cta,.button { border-radius:99px; padding:13px 18px; font-size:11px; font-weight:600; transition:background .25s,color .25s,transform .25s; }.nav-cta { flex:none; border:1px solid rgba(255,255,255,.65); color:#f7f4ec; background:transparent; }.button { border:1px solid #f3e8d6; background:#f3e8d6; color:#173b31; box-shadow:0 10px 24px rgba(8,23,18,.2); }.nav-cta:hover,.button:hover { background:#fff8ec; color:var(--green); transform:translateY(-1px); }.nav-cta span,.button span,.text-link span,.engagement a span { margin-left:7px; font-size:15px; line-height:0; }
.hero-grid { min-height:728px; position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; padding:58px 0 95px; }
.hero-copy { max-width:650px; padding-top:27px; }.hero-copy .eyebrow { color:#e7d6bd; margin-bottom:26px; }
h1 { font-size:clamp(48px,5.3vw,78px); line-height:.98; margin-bottom:28px; } h1 em { color:#ecc48f; }
.hero-deck { width:min(390px,100%); color:rgba(255,255,255,.77); font-size:15px; line-height:1.65; margin-bottom:35px; }
.button { display:inline-flex; align-items:center; }
.portrait-stage { position:relative; height:570px; display:flex; align-items:center; justify-content:center; }
.portrait-halo { width:465px; height:465px; position:absolute; border-radius:50%; border:1px solid rgba(234,212,180,.33); box-shadow:0 0 0 40px rgba(231,200,156,.055),0 0 0 100px rgba(231,200,156,.035); }
.portrait-halo:after,.portrait-halo:before { content:""; position:absolute; border-radius:50%; border:1px solid rgba(234,212,180,.21); inset:44px; }.portrait-halo:after { inset:-78px; border-left-color:transparent; border-bottom-color:transparent; transform:rotate(-34deg); }
.portrait-frame { width:385px; height:470px; overflow:hidden; border-radius:210px 210px 8px 8px; position:relative; z-index:1; box-shadow:0 24px 70px rgba(0,0,0,.26); }.portrait-frame:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(8,24,18,.33)); }
.portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:49% center; }
.credential-card { position:absolute; z-index:2; bottom:83px; left:-2px; padding:14px 18px; background:rgba(241,221,190,.94); color:#1b372e; box-shadow:0 12px 30px rgba(7,23,18,.2); }.credential-card p { margin:0 0 5px; font:500 10px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.credential-card span { font:11px "Manrope",sans-serif; }
.portrait-caption { position:absolute; z-index:2; right:-6px; bottom:31px; font:10px "DM Mono",monospace; letter-spacing:.06em; color:#e8d4b6; }.portrait-caption b { color:#d09962; }
.hero-orbit { position:absolute; border:1px solid rgba(231,201,157,.12); border-radius:50%; }.orbit-one { width:880px;height:880px;right:-340px;top:-190px; }.orbit-two { width:620px;height:620px;right:-210px;top:-50px;border-left-color:transparent;transform:rotate(-32deg); }.hero-star { position:absolute;color:#ecc48f;z-index:2; }.star-one { top:199px;right:26%;font-size:23px; }.star-two { bottom:173px;right:7%;font-size:13px; }
.scroll-cue { position:absolute;z-index:3;bottom:31px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:9px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6); }.scroll-cue i { height:31px;width:1px;background:#d5ae78; }

.manifesto { padding:150px 0; background:#f8f6f0; }.manifesto-grid { display:grid; grid-template-columns:190px 1fr; gap:58px; }.manifesto h2 { max-width:900px; font-size:clamp(38px,4vw,59px); line-height:1.06; margin-bottom:62px; }.manifesto h2 em { color:#ba8354; }.manifesto-body { display:grid; grid-template-columns:1fr 1fr; gap:50px; max-width:700px; margin-left:auto; color:#46524b; font-size:14px; line-height:1.8; }
.perspective { position:relative; color:#f2ecdf; min-height:720px; background:#143a31; overflow:hidden; }.perspective:before { content:""; position:absolute; width:800px;height:800px;right:-200px;top:-232px;border:1px solid rgba(231,201,157,.23);border-radius:50%;box-shadow:0 0 0 65px rgba(231,201,157,.04),0 0 0 150px rgba(231,201,157,.03); }.horizon-line { position:absolute; height:1px; left:0;right:0;top:53%;background:linear-gradient(90deg,transparent 8%,rgba(229,192,139,.55),transparent 92%); }.perspective-content { position:relative; display:grid;grid-template-columns:190px 1fr;gap:58px;padding:148px 0; }.perspective-statement { margin-left:auto;max-width:700px; }.perspective .eyebrow { color:#dcbd94; }.perspective h2 { font-size:clamp(42px,5vw,72px);line-height:1;margin:21px 0 35px; }.perspective h2 em { color:#e4b678; }.perspective-statement > p:not(.eyebrow) { color:rgba(245,242,232,.77);font-size:15px;line-height:1.8;max-width:555px; }.perspective-button { margin-top:25px; }
.start-here { padding:112px 0;background:#f8f6f0;border-bottom:1px solid var(--line); }.start-here-inner { max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center; }.start-here .eyebrow { color:#a37b56; }.start-here h2 { font-size:clamp(38px,4.5vw,62px);line-height:1.04;margin:22px 0 18px; }.start-here p:not(.eyebrow) { max-width:560px;margin:0 0 29px;color:#4b574f;font-size:15px;line-height:1.75; }
.engagements { padding:138px 0 155px;background:#eee6d8; }.engagements-intro { display:grid;grid-template-columns:360px 1fr;gap:42px;align-items:start;margin-bottom:75px; }.engagements-intro .eyebrow { margin-top:37px; }.engagements h2 { font-size:clamp(37px,4.2vw,60px);line-height:1.06;margin:0; }.engagements h2 em { color:#aa714a; }.engagement-list { border-top:1px solid var(--line); }.engagement { min-height:215px;display:grid;grid-template-columns:88px 1.15fr 1.7fr 110px;align-items:center;gap:18px;border-bottom:1px solid var(--line);transition:padding .28s,background .28s; }.engagement:hover { background:rgba(255,255,255,.3);padding:0 19px; }.engagement-number { font:10px "DM Mono",monospace;color:#af8058;align-self:start;margin-top:39px; }.engagement h3 { font-size:30px;line-height:1.05;margin:0; }.engagement > p:not(.engagement-number) { font-size:13px;line-height:1.7;color:#5a6057;margin:0; }.engagement a { justify-self:end;font-size:11px;border-bottom:1px solid #9d7655;padding-bottom:5px; }
.proof { background:#c99564;color:#18392f;padding:108px 0; }.proof-inner { text-align:center; }.proof .eyebrow { justify-content:center;color:#244b3d; }.proof h2 { max-width:760px;margin:25px auto 55px;font-size:clamp(35px,4.1vw,57px);line-height:1.06; }.logo-marquee { width:100%;overflow:hidden;border-top:1px solid rgba(21,58,48,.25);border-bottom:1px solid rgba(21,58,48,.25);padding:16px 0; }.logo-track { display:flex;width:max-content;animation:logo-flow-right 48s linear infinite;will-change:transform; }.logo-marquee:hover .logo-track { animation-play-state:paused; }.logo-tile { width:126px;height:86px;flex:none;margin-right:18px;padding:9px;background:#fbfaf6;display:grid;place-items:center;box-shadow:0 5px 15px rgba(66,39,18,.08); }.logo-tile img { display:block;width:100%;height:100%;object-fit:contain; }.fine-print { margin:20px auto 0;opacity:.66;font-size:10px; } @keyframes logo-flow-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.voices { padding:145px 0 160px;background:#f8f6f0; }.voices-heading { display:grid;grid-template-columns:190px 1fr;gap:58px;margin-bottom:73px; }.voices h2 { max-width:715px;font-size:clamp(40px,4.7vw,67px);line-height:1.04;margin:0; }.voices h2 em { color:#b98253; }.testimonial-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch; }.testimonial-grid figure { height:410px;margin:0;padding:12px;background:#e9e1d4;box-shadow:0 14px 35px rgba(44,29,14,.1);overflow:hidden; }.testimonial-grid figure:nth-child(2),.testimonial-grid figure:nth-child(3) { margin-top:0; }.testimonial-grid .testimonial-wide { grid-column:auto;max-width:none;justify-self:stretch;margin-top:0; }.testimonial-grid img { display:block;width:100%;height:100%;object-fit:contain;object-position:center; }
.closing { min-height:615px;position:relative;overflow:hidden;background:linear-gradient(150deg,#153c32,#102b25);color:#f7f2e8;text-align:center;display:flex;align-items:center; }.closing-sun { width:670px;height:670px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-23%);background:radial-gradient(circle,rgba(239,179,107,.53) 0,rgba(207,146,78,.17) 37%,rgba(207,146,78,.04) 62%,transparent 63%); }.closing-sun:after { content:"";position:absolute;inset:22%;border:1px solid rgba(246,204,148,.37);border-radius:50%; }.closing-content { position:relative;z-index:1;display:flex;flex-direction:column;align-items:center; }.closing .eyebrow { color:#e4c69f; }.closing h2 { max-width:830px;font-size:clamp(45px,5vw,70px);line-height:1.02;margin:25px 0 33px; }.closing h2 em { color:#eac087; }.button-light { background:#f3e8d6;color:#153b32;border-color:#f3e8d6; }.button-light:hover { background:transparent;color:#f3e8d6; }.contact-email { margin-top:27px;border-bottom:1px solid rgba(236,196,143,.7);padding-bottom:5px;font-size:12px;color:#f1d9b8; }
footer { background:#0e2922;color:#d6ded6;padding:26px 0 24px; }.footer-main { display:none; }.footer-bottom { padding-top:18px;border-top:1px solid rgba(224,235,225,.14);display:flex;justify-content:space-between;color:#82958b;font:9px "DM Mono",monospace;letter-spacing:.04em; }.footer-bottom div { display:flex;gap:22px; }
@media (max-width:1080px) and (min-width:801px) { .nav{gap:12px}.brand img{width:128px;height:62px}.nav-links{gap:10px;font-size:9px}.nav-cta{padding:11px 13px;font-size:10px} }
@media (max-width:800px) { .shell{width:min(100% - 40px,1220px)} .hero{min-height:980px}.nav{height:84px}.nav-links{display:none}.brand img{width:127px;height:62px}.nav-cta{padding:10px 12px;font-size:9px}.hero-grid{display:block;padding-top:77px}.hero-copy{padding-top:0}.hero-copy h1{font-size:48px}.portrait-stage{height:435px;margin-top:20px;justify-content:flex-end}.portrait-frame{width:285px;height:350px}.portrait-halo{width:330px;height:330px}.credential-card{left:0;bottom:59px}.portrait-caption{bottom:15px;right:0;font-size:8px}.orbit-one{width:630px;height:630px;right:-405px;top:240px}.star-one{top:395px;right:18%}.manifesto,.voices,.engagements{padding:88px 0}.manifesto-grid,.perspective-content,.voices-heading{grid-template-columns:1fr;gap:25px}.manifesto h2{margin-bottom:37px}.manifesto-body{grid-template-columns:1fr;gap:8px;margin-left:0}.perspective-content{padding:94px 0}.start-here{padding:82px 0}.start-here h2{font-size:43px}.start-here p:not(.eyebrow){font-size:14px}.engagements-intro{grid-template-columns:1fr;gap:16px;margin-bottom:44px}.engagements-intro .eyebrow{margin-top:22px}.engagement{grid-template-columns:42px 1fr;gap:8px;padding:27px 0;min-height:0}.engagement-number{margin-top:4px}.engagement h3{font-size:28px;margin:0}.engagement > p:not(.engagement-number){grid-column:2;font-size:12px}.engagement a{grid-column:2;justify-self:start;margin-top:6px}.logo-tile{width:105px;height:72px;margin-right:12px}.logo-track{animation-duration:40s}.testimonial-grid{display:flex;flex-direction:column;gap:18px}.testimonial-grid figure,.testimonial-grid .testimonial-wide{display:block;width:100%;height:auto;min-height:0;max-width:none;grid-column:auto;margin:0}.testimonial-grid img{width:100%;height:auto}.closing{min-height:550px}.footer-bottom{gap:21px;align-items:flex-start;flex-direction:column}.footer-bottom div{flex-wrap:wrap;gap:9px 18px}.scroll-cue{display:none} }