/* A restrained aviation-inspired editorial skin, with Sonja's original portfolio content. */
@font-face{font-family:'Reality Mona';src:url('fonts/mona-sans-variable.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
.hyer-wordmark,.off-project-stack{display:none}
#site.dark.light-sim{--reality-font:'Reality Mona',Arial,sans-serif;--bg:#f3f3f1;--ink:#151623;--muted:#6d6f74;--line:#cfd0d1;--accent:#151623;--nav-focus:#50586b;--nav-hover-ink:#50586b;background:#f3f3f1;color:#151623;overflow-x:clip}
body.light-world{background:#f3f3f1}
#site.light-sim :is(h1,h2,h3,h4,.neutral-title),#site.light-sim #work .projectline strong,#site.light-sim #ai .ai-details strong{font-weight:500!important;letter-spacing:-.055em}
#site.light-sim :is(h1,h2,h3,h4,.neutral-title) em,#site.light-sim :is(h1,h2,h3,h4,.neutral-title) em *,#site.light-sim #ai h2 .ai-em,#site.light-sim #ai h2 .ai-em *{font-family:var(--reality-font)!important;font-style:normal!important;font-weight:500!important;color:inherit;letter-spacing:inherit}
#site.light-sim :is(.eyebrow,.reality-kicker,.reality-state,.ai-kicker){font-size:10px;letter-spacing:.04em;font-weight:500}
#site.light-sim .eyebrow::before{display:none}
#site.light-sim .topbar{background:#f3f3f1;position:relative;z-index:30;border:0;padding:26px 4.2%;align-items:start}
#site.light-sim .logo{font-size:17px;letter-spacing:-.06em;font-weight:600}
#site.light-sim .topbar .nav-right{gap:24px;background:#f3f3f1}
#site.light-sim .nav-right>a{font-size:11px;font-weight:400;letter-spacing:0}
#site.light-sim .switch{padding:2px;border:1px solid #b7b9bd;background:transparent}
#site.light-sim .switch button{font-size:9px;letter-spacing:0;padding:8px 12px;color:#151623}
#site.light-sim .switch button.active{background:#151623;color:#fff}
#site.light-sim .topbar a:hover,#site.light-sim .topbar>.nav-right>a:hover{color:#626f86}
/* Expansive hero: oversized identity, a quiet statement, and a floating portfolio sculpture. */
#site.light-sim .hero{height:auto!important;min-height:0;padding:0;overflow:hidden;background:#f3f3f1}
#site.light-sim .hero-pin{display:block;position:relative;top:auto;height:auto;min-height:880px;padding:0 4.2% 50px;background:#f3f3f1;overflow:hidden}
#site.light-sim .hyer-wordmark{display:block;position:absolute;top:10px;left:3.5%;font-size:clamp(160px,24vw,360px);font-weight:600;letter-spacing:-.105em;line-height:.9;color:#151623;z-index:2;pointer-events:none}
#site.light-sim .hyer-wordmark>span{display:block;font-size:10px;font-weight:400;letter-spacing:.03em;line-height:1.5;margin:24px 0 0 12px}
#site.light-sim .hero h1{position:absolute;top:45px;left:65%;width:31%;max-width:480px;font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-.06em;color:#151623;margin:0;z-index:4;pointer-events:none}
#site.light-sim .hero h1 .hero-word{display:inline;overflow:visible;padding:0;margin:0;vertical-align:baseline}
#site.light-sim .hero h1 .hero-word>span{display:inline}
#site.light-sim .hero h1 em{color:#151623;padding:0;letter-spacing:inherit;line-height:inherit;text-transform:none}
#site.light-sim .hero .eyebrow{position:absolute;left:4.2%;bottom:162px;margin:0;max-width:320px;color:#696b71;line-height:1.5;font-size:9px;letter-spacing:.05em}
#site.light-sim .hero .hero-bottom{position:absolute;left:4.2%;right:4.2%;bottom:36px;display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:35px;width:auto;max-width:none;margin:0;padding:0 0 30px;border-bottom:1px solid #bfc1c3;z-index:5}
#site.light-sim .hero .hero-bottom p{max-width:580px;font-size:19px;line-height:1.4;letter-spacing:-.025em;color:#151623}
#site.light-sim .hero .outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 24px;background:#151623;color:#fff;border:1px solid #151623;border-radius:100px;font-size:10px;letter-spacing:0;white-space:nowrap;flex-shrink:0;box-shadow:none}
#site.light-sim .hero .outline-button:hover,#site.light-sim .hero .outline-button:focus-visible{background:#3a4050;color:#fff;border-color:#3a4050;box-shadow:none;transform:none}
#site.light-sim .hero-story-caption{display:none}
#site.light-sim .off-project-stack{display:block;position:absolute;top:300px;left:18%;right:auto;width:67%;height:375px;z-index:3;perspective:1100px;isolation:isolate}
#site.light-sim .off-stack-card{display:block;position:absolute;padding:0;background:#e1e3e5;border:1px solid #cfd1d3;box-shadow:15px 28px 30px #15162320;width:38%;height:82%;transform:translate(var(--stack-x,0px),var(--stack-y,0px)) rotateX(40deg) rotateZ(var(--card-angle));transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden}
#site.light-sim .off-stack-card img{width:100%;height:100%;object-fit:cover;object-position:top}
#site.light-sim .off-stack-card>span{position:absolute;left:0;right:0;bottom:0;background:#f3f3f1ed;padding:10px 12px;font-size:8px;color:#151623;line-height:1.4}
#site.light-sim .off-stack-0{--card-angle:-21deg;left:2%;top:8%;z-index:1}
#site.light-sim .off-stack-1{--card-angle:-7deg;left:29%;top:0;z-index:2}
#site.light-sim .off-stack-2{--card-angle:10deg;left:55%;top:6%;z-index:3;width:43%;height:74%}
#site.light-sim .off-stack-2 img{object-fit:contain;background:#e5e6e4}
#site.light-sim .off-stack-card:hover,#site.light-sim .off-stack-card:focus-visible{transform:translateY(-18px) rotateX(20deg) rotateZ(var(--card-angle));box-shadow:20px 35px 35px #15162330}
/* Calm editorial introduction with four compact areas of expertise. */
#site.light-sim #storytelling{background:#f3f3f1;padding:100px 4.2% 110px;max-width:none;border:0}
#site.light-sim #storytelling .storytelling-intro{display:grid;grid-template-columns:.65fr 1.5fr;gap:22px 10%;margin-bottom:65px;align-items:start}
#site.light-sim #storytelling .storytelling-intro>.eyebrow{grid-column:1;grid-row:1;color:#777a80;padding-top:10px}
#site.light-sim #storytelling .storytelling-intro h2{grid-column:2;grid-row:1;font-size:clamp(43px,5.2vw,80px);line-height:1.04;letter-spacing:-.055em;margin:0;color:#151623}
#site.light-sim #storytelling .storytelling-intro>p{grid-column:2;grid-row:2;font-size:17px;line-height:1.5;max-width:540px;color:#686b72}
#site.light-sim #storytelling .focus-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}
#site.light-sim #storytelling .focus-area,#site.light-sim #storytelling .focus-area:nth-child(n){display:flex;flex-direction:column;gap:16px;min-height:0;padding:25px 0 0;background:transparent;border:0;border-top:1px solid #cfd0d1;border-radius:0;translate:0;box-shadow:none}
#site.light-sim #storytelling .focus-area-number{color:#8a8d92;font-size:10px;margin:0;padding:0}
#site.light-sim #storytelling .focus-area h3{font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.045em;color:#151623;margin:0}
#site.light-sim #storytelling .focus-area p{font-size:14px;line-height:1.55;color:#686b72;max-width:290px;margin:0}
#site.light-sim #storytelling .focus-area-label{font-size:8px;letter-spacing:.03em;color:#868990;margin-top:auto;padding-top:10px}
/* A dark editorial gallery, retaining all four projects and their detail pages. */
#site.light-sim #work{background:#151623;color:#fff;max-width:none;padding:85px 4.2% 100px;border:0}
#site.light-sim #work .sectionhead{align-items:end;gap:30px;padding:0 0 30px;border-bottom:1px solid #ffffff35;margin-bottom:50px}
#site.light-sim #work .sectionhead h2{font-size:clamp(50px,7.5vw,112px);color:#fff;line-height:1;letter-spacing:-.06em}
#site.light-sim #work .sectionhead small{font-size:11px;color:#b0b4c0}
#site.light-sim #work .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 3%;align-items:start}
#site.light-sim #work .project,#site.light-sim #work .project:nth-child(n){display:block;padding:0;margin:0;min-height:0;background:none}
#site.light-sim #work .visual{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1.65;opacity:1;border:0;border-radius:0;background:#e8e8e5;box-shadow:none;transform:none!important}
#site.light-sim #work .visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
#site.light-sim #work .visual.xero img{object-fit:contain;background:#e6e6e1}
#site.light-sim #work .visual.piguet img{object-position:50% 40%}
#site.light-sim #work .projectline{position:relative;display:flex;flex-direction:column;align-items:start;gap:10px;padding:22px 50px 0 0;margin:0;color:#fff}
#site.light-sim #work .projectline::before{position:static;color:#9b9fab;font-size:9px;padding:0}
#site.light-sim #work .projectline strong{font-size:clamp(24px,2.8vw,42px);color:#fff;line-height:1.08;letter-spacing:-.045em;transform:none}
#site.light-sim #work .projectline span{font-size:9px;letter-spacing:.02em;color:#a8acb8;text-align:left}
#site.light-sim #work .projectline::after{display:grid;place-items:center;position:absolute;right:0;top:25px;width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;background:transparent;color:#fff;font-size:22px;transition:background .3s,transform .3s}
#site.light-sim #work .project:hover .visual{box-shadow:none}
#site.light-sim #work .project:hover img{transform:scale(1.025)}
#site.light-sim #work .project:hover strong{color:#c6d7e2;transform:none}
#site.light-sim #work .project:hover .projectline::after{background:#ffffff20;transform:rotate(45deg)}
#site.light-sim #work .note{color:#a8acb8}
#site.light-sim #reality-lab{background:#e9ecee;color:#151623;border:0}
#site.light-sim #reality-lab .reality-pin{padding:95px 4.2%;grid-template-columns:1fr 1.05fr;gap:35px 8%;min-height:650px}
#site.light-sim #reality-lab h2{font-size:clamp(52px,6.4vw,94px);line-height:1.03;letter-spacing:-.06em;color:#151623}
#site.light-sim #reality-lab h2 em{color:#151623}
#site.light-sim #reality-lab .reality-art::before{background:#dbe1e5;border-radius:50%;inset:17% 4% 14%}
#site.light-sim #reality-lab .composition-type text{fill:#151623}
#site.light-sim #reality-lab .composition-circle circle,#site.light-sim #reality-lab .composition-circle path,#site.light-sim #reality-lab .composition-type path,#site.light-sim #reality-lab .composition-mark path{stroke:#626f80}
#site.light-sim #reality-lab .swatch-one rect{fill:#151623}
#site.light-sim #reality-lab .swatch-two rect{fill:#929fa9}
#site.light-sim #reality-lab .swatch-three rect{fill:#c7d2d9}
#site.light-sim #reality-lab .composition-caption,#site.light-sim #reality-lab .composition-tiny{fill:#5d6776}
#site.light-sim #reality-lab .reality-kicker,#site.light-sim #reality-lab .reality-state{color:#657080}
#site.light-sim #reality-lab .reality-console button{border-radius:100px;background:transparent;border:1px solid #9ea5ad;color:#151623;padding:12px 16px;font-size:9px;letter-spacing:0}
#site.light-sim #reality-lab .reality-console .clarity-arrange{background:#151623;color:#fff;border-color:#151623}
#site.light-sim #reality-lab .reality-console button:hover{background:#3e4759;color:#fff}
#site.light-sim #philosophy{padding:95px 4.2%;background:#f3f3f1;border:0}
#site.light-sim .neutral-philosophy{grid-template-columns:.9fr 1.3fr;gap:12%}
#site.light-sim .neutral-philosophy-heading h2{font-size:clamp(42px,5.3vw,78px);line-height:1.04;letter-spacing:-.05em;color:#151623}
#site.light-sim .neutral-title{font-size:clamp(26px,3vw,42px);color:#151623}
#site.light-sim .neutral-principle{border-color:#cbced1;padding:25px 0}
#site.light-sim .neutral-expand{color:#626f80}
#site.light-sim #ai,#site.light-sim .ai-pin{background:#e4e8eb;--ai-accent:#566c7e;color:#151623}
#site.light-sim #ai .ai-title-stage h2{font-size:clamp(65px,9vw,138px);line-height:1.04;letter-spacing:-.06em}
#site.light-sim #ai .ai-em,#site.light-sim #ai .ai-copy-stage .ai-details>div:nth-child(2) strong{color:#566c7e}
#site.light-sim #ai .ai-contact-light{background:#b9cbd6;box-shadow:0 0 25px 8px #b9cbd6}
#site.light-sim #about{background:#f3f3f1;padding:95px 0 50px;grid-template-columns:1fr 1fr;gap:30px 9%;border:0}
#site.light-sim #about>h2{font-size:clamp(42px,5.5vw,80px);line-height:1.05;letter-spacing:-.05em;color:#151623}
#site.light-sim #about .brands{margin-top:50px}
#site.light-sim #about .brand-mark{min-height:150px}
/* A quiet, straight partner-sector ticker replaces the expressive wave. */
#site.light-sim .sectors.shell{padding:55px 0;background:#e3e7e9;--ribbon-air:0px;border:0}
#site.light-sim .sector-curve{display:none}
#site.light-sim .sector-marquee{padding:10px 0;background:transparent;border:0;overflow:hidden}
#site.light-sim .sector-marquee-track{display:flex;animation:sector-drift 55s linear infinite}
#site.light-sim .sector-marquee .sector-grid{display:flex;gap:0}
#site.light-sim .sector-marquee .sector-card{padding:0;background:none;border:0}
#site.light-sim .sector-marquee .sector-card h3{font-size:clamp(32px,4.4vw,64px);color:#151623;line-height:1.2;letter-spacing:-.04em}
#site.light-sim .sector-wave-letter{animation:none;transform:none}
#site.light-sim .sector-marquee .sector-card::after{content:'·';color:#8795a2;font-size:35px;margin:0 35px}
#site.light-sim .sector-marquee-pause{position:static;margin:20px 4.2% 0 auto;color:#5d6776;border-color:#9aa3ab;font-size:8px}
#site.light-sim #contact{padding:100px 4.2% 30px;background:#151623;color:#fff;border:0}
#site.light-sim #contact h2{font-size:clamp(65px,10vw,150px);line-height:1.03;letter-spacing:-.06em;color:#fff;max-width:1100px}
#site.light-sim #contact .footerend{border-color:#ffffff35;color:#bcc0cb;padding-top:30px;margin-top:65px;gap:25px;font-size:10px}
#site.light-sim #contact .footerend a:hover{color:#fff}
#site.light-sim :is(button,a,summary):focus-visible{outline-color:#6e8194}
@media(prefers-reduced-motion:no-preference){#site.light-sim .off-in-view{animation:hyer-rise .9s cubic-bezier(.16,1,.3,1) both}@keyframes hyer-rise{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){#site.light-sim .hero-pin{min-height:1000px}#site.light-sim .off-project-stack{top:360px;height:420px}}
@media(max-width:1000px){#site.light-sim .hero-pin{min-height:800px}#site.light-sim .off-project-stack{top:280px;height:340px;left:10%;width:80%}#site.light-sim #storytelling .focus-areas{grid-template-columns:1fr 1fr;gap:40px}#site.light-sim .topbar .nav-right{gap:15px}}
@media(max-width:700px){
 #site.light-sim .topbar{padding:22px 6%}
 #site.light-sim .hero-pin{min-height:0;display:flex;flex-direction:column;padding:10px 6% 40px;overflow:hidden}
 #site.light-sim .hyer-wordmark{position:relative;top:auto;left:auto;font-size:clamp(120px,35vw,240px);margin:0 0 30px;order:0}
 #site.light-sim .hyer-wordmark>span{font-size:8px;margin:18px 0 0 4px}
 #site.light-sim .hero h1{position:relative;left:auto;top:auto;max-width:100%;width:100%;font-size:clamp(40px,10.6vw,70px);line-height:1.03;margin:0 0 15px;order:1}
 #site.light-sim .off-project-stack{position:relative;left:auto;top:auto;width:100%;height:280px;margin:0 0 15px;order:2;flex-shrink:0}
 #site.light-sim .off-stack-card{width:40%;height:78%}
 #site.light-sim .off-stack-0{left:0;top:10%}
 #site.light-sim .off-stack-1{left:28%;top:8%}
 #site.light-sim .off-stack-2{left:57%;width:43%;top:12%;height:70%}
 #site.light-sim .off-stack-card>span{font-size:6px;padding:7px}
 #site.light-sim .hero .eyebrow{position:relative;left:auto;bottom:auto;max-width:100%;margin:0 0 18px;order:3;font-size:8px}
 #site.light-sim .hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;flex-direction:column;align-items:start;gap:22px;margin:0;padding-bottom:30px;order:4}
 #site.light-sim .hero .hero-bottom p{font-size:16px;line-height:1.5}
 #site.light-sim #storytelling{padding:60px 6% 65px}
 #site.light-sim #storytelling .storytelling-intro{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
 #site.light-sim #storytelling .storytelling-intro>.eyebrow,#site.light-sim #storytelling .storytelling-intro h2,#site.light-sim #storytelling .storytelling-intro>p{grid-column:1;grid-row:auto}
 #site.light-sim #storytelling .storytelling-intro h2{font-size:42px}
 #site.light-sim #storytelling .focus-areas{grid-template-columns:1fr 1fr;gap:32px 22px}
 #site.light-sim #storytelling .focus-area h3{font-size:23px}
 #site.light-sim #storytelling .focus-area p{font-size:13px;line-height:1.5}
 #site.light-sim #storytelling .focus-area-label{font-size:7px}
 #site.light-sim #work{padding:60px 6% 65px}
 #site.light-sim #work .sectionhead{margin-bottom:35px;padding-bottom:25px}
 #site.light-sim #work .sectionhead h2{font-size:48px}
 #site.light-sim #work .grid{grid-template-columns:1fr;gap:40px}
 #site.light-sim #work .projectline strong{font-size:29px}
 #site.light-sim #work .visual{aspect-ratio:1.5}
 #site.light-sim #reality-lab .reality-pin{padding:65px 6%;grid-template-columns:1fr;grid-template-rows:auto 350px auto;min-height:0;gap:25px}
 #site.light-sim #reality-lab h2{font-size:49px}
 #site.light-sim #philosophy{padding:65px 6%}
 #site.light-sim .neutral-philosophy{grid-template-columns:1fr;gap:20px}
 #site.light-sim .neutral-philosophy-heading h2{font-size:43px}
 #site.light-sim .neutral-title{font-size:28px}
 #site.light-sim #ai .ai-title-stage h2{font-size:clamp(45px,10vw,68px)}
 #site.light-sim #about{padding-top:65px}
 #site.light-sim #about>h2{font-size:42px}
 #site.light-sim #about .brand-mark{min-height:100px}
 #site.light-sim #contact{padding:65px 6% 25px}
 #site.light-sim #contact h2{font-size:58px}
 #site.light-sim #contact .footerend{margin-top:45px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#site.light-sim .off-stack-card{transition:none;transform:rotateX(25deg) rotateZ(var(--card-angle))}#site.light-sim .sector-marquee-track{animation:none}#site.light-sim .sector-marquee{overflow-x:auto}#site.light-sim .sector-marquee-copy{display:none}}