@charset "UTF-8";
:root{--ink:#0a0e12;--ink-2:#131a20;--paper:#f0f1e8;--paper-2:#e1e3e7;--accent-soft:#a9b7d7;--accent-cool:#b0c6da;--muted:#8c9993;--line:rgba(255,255,255,.16);--max:1380px;--gutter:clamp(22px,5.3vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,svg,video{display:block;max-width:100%}::selection{background:var(--accent-soft);color:var(--ink)}.wrap{width:min(var(--max),calc(100% - var(--gutter) - var(--gutter)));margin-inline:auto}.eyebrow,.mini-label,.project-type,.media-corner,.visual-meta,.art-label,.gateway-bottom,.hero-bottom,.portrait-caption,.strength-en,.contact-top>span,.site-footer,.nav-identity span{font-size:11px;letter-spacing:.16em;font-weight:600}.eyebrow{margin:0}.live-dot{display:inline-block;flex:none;width:7px;height:7px;background:var(--accent-soft);border-radius:50%;box-shadow:0 0 14px var(--accent-soft);vertical-align:middle;margin-right:11px}.brand{font-size:26px;font-weight:750;letter-spacing:-.12em;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-mark{color:var(--accent-soft);font-size:32px;margin-left:1px}.section-pad{padding-block:clamp(100px,10.8vw,172px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:64px}.section-heading h2{font-size:clamp(46px,6vw,86px);line-height:1.16;letter-spacing:-.065em;font-weight:560;margin:21px 0 0}.section-heading h2 em{font-style:normal;color:#95989f}.section-heading>p{max-width:310px;margin:0 0 8px;font-size:15px;line-height:1.85;color:#7d8983}.section-kicker span{color:#788093;margin-right:15px}.button{min-height:57px;padding:0 25px;display:inline-flex;align-items:center;gap:48px;justify-content:space-between;font-size:14px;font-weight:650;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--accent-soft);color:var(--ink)}.button-lime:hover{background:#c7d0e4}.button span{font-size:20px;font-weight:400}.skip-link{position:fixed;z-index:50;left:20px;top:-80px;background:var(--accent-soft);color:var(--ink);padding:12px}.skip-link:focus{top:20px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}

/* First screen: an intentional, full-screen entrance. */
.gateway-page{overflow-x:hidden}.gateway{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 79% 55%,#1c262f 0,#0e141a 31%,#0a0e12 65%);display:flex;flex-direction:column}.gateway:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,14,18,.1),rgba(10,14,18,0) 60%),repeating-linear-gradient(0deg,transparent 0 93px,rgba(208,216,233,.028) 94px 95px);pointer-events:none}.gateway-grain{position:absolute;inset:0;z-index:3;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.gateway-top,.gateway-bottom{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}.gateway-top{padding-top:35px}.gateway-top-note{color:#a6aab2}.gateway-top-link{font-size:13px;border-bottom:1px solid #6b6f79;padding-bottom:7px}.gateway-top-link span{margin-left:14px;color:var(--accent-soft)}.gateway-content{position:relative;z-index:4;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:75px 105px}.gateway-kicker{color:var(--accent-cool);margin-bottom:20px}.gateway h1{font-size:clamp(76px,11vw,176px);line-height:1.02;letter-spacing:-.09em;font-weight:520;margin:0 0 25px;white-space:nowrap;text-shadow:0 2px 28px rgba(10,14,18,.25)}.gateway h1 span{font-weight:300;color:#e1e6f1}.gateway h1 em{font-style:normal;color:var(--accent-soft)}.gateway-intro{font-size:clamp(16px,1.45vw,21px);line-height:1.8;color:#b6b9c0;margin:0 0 42px;letter-spacing:.01em}.enter-button{display:grid;grid-template-columns:116px 1fr 42px;align-items:center;gap:30px;width:min(438px,100%);height:83px;padding:0 26px;border:1px solid rgba(211,218,235,.42);background:rgba(10,14,18,.35);backdrop-filter:blur(14px);transition:background .3s,transform .3s,border-color .3s}.enter-button:hover{background:var(--accent-soft);color:var(--ink);border-color:var(--accent-soft);transform:translateY(-4px)}.enter-index{font-size:10px;letter-spacing:.15em;color:#959ba8}.enter-button:hover .enter-index{color:#4a505d}.enter-text{font-size:18px}.enter-arrow{font-size:29px;text-align:right;font-weight:300}.gateway-bottom{padding-bottom:28px;color:#9297a2}.gateway-art{position:absolute;inset:0 0 0 36%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 40px rgba(121,159,192,.12))}.gateway-halo,.gateway-core,.gateway-scan{position:absolute;left:60%;top:48%;transform:translate(-50%,-50%);border-radius:50%}.gateway-halo{border:1px solid rgba(220,225,238,.25);box-shadow:inset 0 0 30px rgba(162,177,211,.08),0 0 25px rgba(161,176,211,.07)}.halo-outer{width:min(76vw,880px);aspect-ratio:1;animation:halo-pulse 10s ease-in-out infinite}.halo-mid{width:min(61vw,705px);aspect-ratio:1;border-color:rgba(220,225,238,.42);animation:halo-pulse 8s ease-in-out infinite reverse}.halo-inner{width:min(46vw,530px);aspect-ratio:1;border-color:rgba(235,238,246,.54);box-shadow:0 0 75px rgba(130,150,196,.2),inset 0 0 45px rgba(118,140,191,.15)}.gateway-core{width:min(34vw,395px);aspect-ratio:1;background:radial-gradient(circle at 37% 31%,rgba(230,234,243,.88),rgba(154,170,208,.58) 10%,rgba(49,78,104,.9) 34%,rgba(17,28,37,.89) 62%,rgba(10,15,20,.85) 78%);box-shadow:0 0 120px rgba(90,112,165,.32),inset -35px -35px 50px #0b1116,inset 12px 15px 35px rgba(207,214,232,.47)}.gateway-core:before{content:"";position:absolute;inset:-16%;border-radius:50%;border:1px solid rgba(198,207,228,.36);transform:rotateX(72deg) rotate(-24deg);box-shadow:0 0 25px #9aaad044}.gateway-core:after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(130deg,rgba(234,237,245,.33),transparent 36%);filter:blur(13px)}.gateway-scan{width:min(84vw,970px);height:1px;background:linear-gradient(90deg,transparent,rgba(205,213,232,.55),transparent);transform:translate(-50%,-50%) rotate(-28deg)}.art-label{position:absolute;color:#aeb4c1}.art-label-top{right:9%;top:22%}.art-label-bottom{left:14%;bottom:22%}@keyframes halo-pulse{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.04)}}

/* Portfolio navigation and hero. */
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.13)}.nav-wrap{min-height:88px;display:flex;align-items:center;gap:22px}.nav-identity{display:flex;flex-direction:column;gap:5px;margin-left:9px}.nav-identity strong{font-size:13px;font-weight:600}.nav-identity span{font-size:9px;color:#9da1ab}.primary-nav{display:flex;align-items:center;gap:clamp(24px,3.4vw,55px);margin-left:auto}.primary-nav a{font-size:13px;color:#d0d2d6;transition:color .2s}.primary-nav a:hover{color:var(--accent-soft)}.primary-nav .nav-contact{color:var(--ink);background:var(--accent-soft);padding:13px 18px;font-weight:650}.nav-contact span{margin-left:18px;font-size:17px}.menu-toggle{display:none}.hero{position:relative;min-height:min(860px,100svh);background:#0a0e12;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(170,183,213,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(170,183,213,.09) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 25%,black)}.hero-glow{position:absolute;right:-10%;top:9%;width:65vw;height:65vw;max-width:900px;max-height:900px;background:radial-gradient(circle,rgba(80,105,126,.19),transparent 66%);filter:blur(20px)}.hero-wrap{min-height:inherit;position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;padding-top:85px}.hero-copy{position:relative;z-index:2;padding-bottom:60px}.hero-eyebrow{color:var(--accent-cool)}.hero h1{font-size:clamp(66px,6.9vw,105px);font-weight:500;line-height:1.19;letter-spacing:-.075em;margin:28px 0 25px;white-space:nowrap}.outlined-word{color:transparent;-webkit-text-stroke:1px #d8dbe3;text-shadow:0 0 38px rgba(190,200,223,.1)}.hero-lede{color:#acafb6;font-size:17px;line-height:1.9;max-width:470px;margin:0}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:43px}.text-link{font-size:14px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:9px}.text-link span{margin-left:28px;color:var(--accent-soft)}.hero-visual{position:relative;z-index:1;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center}.visual-frame{width:min(100%,710px);position:relative}.visual-frame svg{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(121,159,192,.2))}.flow-lines{transform-origin:321px 330px;animation:flow-turn 34s linear infinite}.visual-meta{position:absolute;color:#abb1be}.visual-meta-a{left:4%;top:16%}.visual-meta-b{right:0;bottom:18%;display:flex;align-items:center;gap:12px}.visual-meta-b i{display:block;width:37px;height:1px;background:var(--accent-soft)}@keyframes flow-turn{to{transform:rotate(360deg)}}.hero-bottom{position:absolute;bottom:34px;left:0;right:0;display:flex;justify-content:space-between;color:#858994}.hero-bottom b{font-size:19px;font-weight:400;color:var(--accent-soft);margin-left:12px}

/* About. */
.about{background:var(--paper);color:var(--ink)}.about .section-kicker{color:#55585f}.about-heading h2 em{color:#7f848e}.about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,125px);align-items:stretch}.portrait-panel{position:relative;overflow:hidden;background:#bfc1c6;min-height:550px;max-height:665px}.portrait-panel img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .7s}.portrait-panel:hover img{filter:grayscale(.35) contrast(1.04);transform:scale(1.025)}.portrait-panel:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,12,16,.72))}.portrait-caption{position:absolute;z-index:2;bottom:25px;left:30px;right:30px;color:#fff;display:flex;justify-content:space-between}.portrait-caption i{font-style:normal;color:var(--accent-soft);margin-left:10px}.about-copy{display:flex;flex-direction:column;justify-content:center}.mini-label{color:#7c818e}.about-copy h3{font-size:clamp(27px,3vw,42px);font-weight:560;letter-spacing:-.04em;margin:24px 0 20px}.about-copy>p:not(.mini-label){font-size:15px;line-height:2;color:#52555c;margin:0 0 19px;max-width:560px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c6c8cc;border-bottom:1px solid #c6c8cc;margin:24px 0 25px;padding:25px 0;gap:20px}.about-stats div{display:flex;flex-direction:column;gap:11px}.about-stats strong{font-size:clamp(34px,3vw,48px);letter-spacing:-.06em;font-weight:530;line-height:1}.about-stats strong span{font-size:16px;margin-left:5px;letter-spacing:0;font-weight:500}.about-stats div>span{font-size:12px;color:#73767e;line-height:1.4}.about-contact{display:grid;grid-template-columns:90px 1fr;row-gap:8px;font-size:13px}.about-contact>span{color:#898c93;grid-row:span 2}.about-contact a{width:fit-content;border-bottom:1px solid #bcbfc7;padding-bottom:3px}.about-contact a span{color:#737b8d;margin-left:7px}

/* Projects. */
.projects{background:#0d1216}.projects .section-heading h2 em{color:#8d919b}.projects-heading>p{color:#95989f}.project-list{display:flex;flex-direction:column;gap:24px}.project-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{background:#171c21;min-width:0;overflow:hidden}.project-media{height:clamp(350px,44vw,590px);position:relative;overflow:hidden}.project-row .project-media{height:clamp(320px,31vw,435px)}.moodbox-media{background:radial-gradient(circle at 67% 45%,#3b3f49,#182027 50%,#12171c);isolation:isolate}.moodbox-media video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82;filter:grayscale(.25) contrast(1.04)}.moodbox-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,17,23,.94) 0%,rgba(11,17,23,.72) 33%,rgba(11,17,23,.03) 85%),linear-gradient(0deg,rgba(9,14,18,.28),transparent 42%)}.moodbox-graphic{position:absolute;top:50%;left:7%;transform:translateY(-45%);display:flex;flex-direction:column;align-items:flex-start}.moodbox-small{font-size:11px;letter-spacing:.22em;color:#d4d7de}.moodbox-graphic strong{font-size:clamp(85px,10.5vw,166px);line-height:.82;letter-spacing:-.105em;font-weight:620;margin:30px 0 27px}.moodbox-graphic strong span{color:var(--accent-soft)}.moodbox-tag{font-size:15px;letter-spacing:.22em;border:1px solid rgba(238,241,247,.42);padding:12px 17px}.media-corner{position:absolute;right:28px;bottom:26px;color:#d4d7de}.project-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px clamp(25px,3vw,43px) 36px}.project-type{color:#a1a9bd;font-size:11px}.project-info h3{font-size:clamp(27px,2.8vw,42px);font-weight:550;letter-spacing:-.05em;margin:10px 0 11px}.project-info p{font-size:14px;line-height:1.7;color:#a1a6aa;margin:0;max-width:520px}.project-open{flex:none;width:58px;height:58px;border-radius:50%;border:1px solid #6d7381;background:transparent;color:#d6d9e1;font-size:28px;font-weight:300;transition:background .25s,color .25s,transform .25s}.project-open:hover{background:var(--accent-soft);color:var(--ink);transform:rotate(45deg)}.research-media{background:radial-gradient(circle at 53% 54%,#364c60 0,#192836 34%,#111a21 72%)}.research-media:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 44px,rgba(215,221,236,.05) 45px 46px),repeating-linear-gradient(90deg,transparent 0 44px,rgba(215,221,236,.05) 45px 46px)}.research-orbit{position:absolute;border:1px solid rgba(199,208,229,.52);border-radius:50%;width:55%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(62deg) rotate(24deg);box-shadow:0 0 20px rgba(188,198,223,.07)}.orbit-b{width:66%;transform:translate(-50%,-50%) rotateY(62deg) rotate(-25deg)}.orbit-c{width:44%;transform:translate(-50%,-50%) rotate(43deg)}.research-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);font-size:clamp(48px,6vw,90px);white-space:nowrap;font-weight:500;letter-spacing:-.1em;z-index:1;text-shadow:0 0 28px #879ac577}.research-center span{font-size:.57em;color:var(--accent-soft);margin:0 .3em}.research-note{position:absolute;z-index:1;font-size:10px;letter-spacing:.14em;color:#bac1d1}.research-note-a{top:13%;left:8%}.research-note-b{bottom:14%;left:8%}.strategy-media{background:#bfc7da;color:#131b22}.strategy-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 1%,#f0f5d0,transparent 39%),linear-gradient(135deg,transparent 48%,#a7afc2 100%)}.strategy-lines{position:absolute;inset:0;overflow:hidden}.strategy-lines span{position:absolute;width:110%;height:120%;border:1px solid rgba(30,48,63,.32);border-radius:50%;left:37%;top:-55%;transform:rotate(-35deg)}.strategy-lines span:nth-child(2){width:99%;left:48%}.strategy-lines span:nth-child(3){width:88%;left:59%}.strategy-lines span:nth-child(4){width:77%;left:70%}.strategy-lines span:nth-child(5){width:66%;left:81%}.strategy-display{position:absolute;left:8%;top:50%;transform:translateY(-50%)}.strategy-display small{font-size:10px;letter-spacing:.22em}.strategy-display strong{display:block;font-size:clamp(78px,10vw,150px);font-weight:550;letter-spacing:-.1em;line-height:1.1;margin:23px 0 5px}.strategy-display strong span{font-size:.17em;letter-spacing:.12em;vertical-align:middle;margin-left:12px}.strategy-display p{font-size:12px;letter-spacing:.12em;line-height:1.65}.strategy-media .media-corner{color:#3b4457}

/* Strengths. */
.strengths{background:var(--paper);color:var(--ink)}.strengths-heading h2 span{color:#757a87}.strengths-heading h2 em{color:#757a87}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.strength-card{position:relative;min-height:400px;border:1px solid #cbcdd3;background:#e6e8ec;padding:29px;display:flex;flex-direction:column;transition:transform .3s,background .3s}.strength-card:hover{transform:translateY(-6px);background:#dde0e8}.strength-no{font-size:12px;color:#707683;letter-spacing:.16em}.strength-icon{height:130px;position:relative;margin-top:30px}.strength-icon i{display:block;position:absolute;border:1px solid #586174}.icon-discover i{width:72px;height:72px;border-radius:50%;left:18px;top:22px}.icon-discover i:nth-child(2){left:50px}.icon-discover i:nth-child(3){left:82px}.icon-prototype i{width:82px;height:82px;transform:rotate(45deg);left:44px;top:20px}.icon-prototype i:nth-child(2){left:73px;border-color:#8d95a9}.icon-prototype i:nth-child(3){left:102px;border-color:#a9b5d0}.icon-connect i{width:55px;height:55px;border-radius:50%;top:36px;left:25px;background:#acb3c5}.icon-connect i:nth-child(2){left:85px;background:#b6c1d9}.icon-connect i:nth-child(3){left:145px;background:#6b7488}.icon-connect:before{content:"";position:absolute;left:74px;top:63px;width:85px;height:1px;background:#586174}.strength-card h3{font-size:26px;font-weight:560;letter-spacing:-.04em;margin:0 0 14px}.strength-card p{font-size:14px;line-height:1.85;color:#676a71;max-width:300px;margin:0}.strength-en{color:#7c818e;margin-top:auto;padding-top:25px;font-size:10px}

/* Contact and footer. */
.primary-nav{gap:clamp(15px,2.5vw,40px)}
.honors{background:#dddfe5;color:var(--ink);position:relative;overflow:hidden}
.honors:before{content:"";position:absolute;width:540px;height:540px;right:-230px;top:-245px;border-radius:50%;border:1px solid rgba(58,68,91,.17);box-shadow:0 0 0 75px rgba(58,68,91,.035),0 0 0 150px rgba(58,68,91,.025);pointer-events:none}
.honors .wrap{position:relative}
.honors-heading h2 span{color:#7d8390}
.honors-heading>p{max-width:340px;color:#686c75}
.honors-list{border-top:1px solid #babec6}
.honor-item{display:grid;grid-template-columns:85px minmax(0,1fr) 32px;align-items:center;gap:18px;border-bottom:1px solid #babec6;padding:27px 4px;transition:padding .25s,background .25s}
.honor-item:hover{padding-inline:18px;background:rgba(240,242,247,.35)}
.honor-number{font-size:11px;letter-spacing:.16em;color:#757c8e;font-weight:650}
.honor-category{display:block;font-size:10px;letter-spacing:.13em;color:#686c77;font-weight:650;margin-bottom:10px}
.honor-main h3{font-size:clamp(22px,2.15vw,31px);font-weight:540;letter-spacing:-.045em;line-height:1.42;margin:0}
.honor-main h3 span{color:#70747e}
.honor-symbol{font-size:27px;color:#71798d;font-weight:300;text-align:right}
.contact{background:#171b25;color:#ebedf2;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(189,200,224,.12);border-radius:50%;right:-220px;top:12%;box-shadow:0 0 0 95px rgba(189,200,224,.035),0 0 0 190px rgba(189,200,224,.02)}.contact .wrap{position:relative}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span{color:#a8aebb}.contact-top .live-dot{margin:0 0 0 11px}.contact h2{font-size:clamp(72px,10vw,152px);line-height:1.15;letter-spacing:-.08em;font-weight:520;margin:77px 0 28px}.contact h2 em{font-style:normal;color:var(--accent-soft)}.contact-description{max-width:420px;color:#a7acb6;font-size:16px;line-height:1.8;margin-bottom:70px}.contact-main-link{display:grid;grid-template-columns:1fr auto 55px;align-items:center;border-top:1px solid rgba(227,232,242,.45);border-bottom:1px solid rgba(227,232,242,.45);padding:27px 0;gap:20px;transition:color .25s}.contact-main-link:hover{color:var(--accent-soft)}.contact-main-link>span:first-child{font-size:17px}.contact-main-link strong{font-size:clamp(20px,3vw,38px);font-weight:480;letter-spacing:-.035em}.contact-main-link>span:last-child{font-size:36px;font-weight:300;text-align:right}.contact-bottom{display:flex;justify-content:space-between;margin-top:31px;color:#a0a5b1;font-size:12px;letter-spacing:.08em}.contact-bottom a{color:#d2d7e1;border-bottom:1px solid #848a99}.site-footer{background:#0a0e12;color:#9296a1}.site-footer .wrap{min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer a:last-child{font-size:12px;letter-spacing:0;color:#ced1d8}

/* Project details. */
.project-dialog{position:fixed;inset:0;width:min(830px,calc(100vw - 40px));max-height:min(90vh,900px);padding:0;border:1px solid #646974;background:#f0f1e8;color:#13181d;box-shadow:0 30px 90px #0009;overflow-y:auto}.project-dialog::backdrop{background:rgba(5,8,11,.78);backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:18px;float:right;z-index:2;margin:18px 18px 0 0;width:42px;height:42px;border:0;border-radius:50%;background:#13181d;color:#fff;font-size:27px;line-height:1}.dialog-content{padding:clamp(30px,6vw,65px)}.dialog-content .eyebrow{color:#6a7387}.dialog-content h2{font-size:clamp(42px,6vw,72px);letter-spacing:-.07em;font-weight:560;line-height:1.13;margin:19px 0}.dialog-content .dialog-lede{font-size:19px;line-height:1.7;max-width:680px;color:#545862}.dialog-content video{width:100%;margin:26px 0 34px;background:#0d1216}.dialog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.dialog-grid div{border-top:1px solid #b1b4bc;padding-top:12px}.dialog-grid strong{font-size:11px;color:#6e7585;letter-spacing:.1em}.dialog-grid p{font-size:14px;line-height:1.6}.dialog-content h3{font-size:20px;margin:25px 0 10px}.dialog-content>p:last-child{line-height:1.9;color:#545963}

.experience-strip{display:grid;grid-template-columns:.75fr repeat(3,1fr);gap:25px;margin-top:70px;padding-top:28px;border-top:1px solid #c6c8cc}.experience-title{display:flex;flex-direction:column;gap:10px}.experience-title strong{font-size:20px;font-weight:550}.experience-item{display:flex;flex-direction:column;gap:11px}.experience-item time{font-size:10px;letter-spacing:.12em;color:#757a87;font-weight:650}.experience-item strong{font-size:14px;font-weight:620}.experience-item span{font-size:12px;line-height:1.65;color:#686c74}.project-info>div{min-width:0}.project-highlights{list-style:none;padding:18px 0 0;margin:22px 0 0;border-top:1px solid rgba(209,214,226,.18);display:grid;gap:9px;max-width:690px}.project-highlights li{position:relative;padding-left:17px;color:#b0b3bb;font-size:12px;line-height:1.75}.project-highlights li:before{content:"↗";position:absolute;left:0;color:var(--accent-soft)}.case-media{background:#b3b9c6;color:#161c22}.case-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,#ecf0cf,transparent 45%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(30,41,65,.11) 80px 81px)}.case-media:after{content:"";position:absolute;right:-8%;top:-47%;width:70%;aspect-ratio:1;border:1px solid #2a3946;border-radius:50%;box-shadow:0 0 0 60px #2a394611,0 0 0 120px #2a39460c}.case-graphic{position:absolute;left:7%;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:flex-start}.case-graphic>span{font-size:11px;letter-spacing:.2em}.case-graphic strong{font-size:clamp(78px,10vw,145px);letter-spacing:-.1em;line-height:.87;font-weight:620;margin:22px 0}.case-graphic strong em{font-style:normal;color:#5c657c}.case-graphic small{font-size:14px;letter-spacing:.18em}.case-figures{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1;display:grid;gap:28px}.case-figures div{border-top:1px solid #585f6f;padding-top:10px;display:flex;flex-direction:column;gap:6px}.case-figures strong{font-size:29px;letter-spacing:-.07em;font-weight:560}.case-figures strong span{font-size:11px;letter-spacing:.1em}.case-figures small{font-size:10px;letter-spacing:.1em}.case-media .media-corner{color:#3b4356}
@media(max-width:1000px){.hero-wrap{grid-template-columns:58% 42%}.hero h1{font-size:clamp(61px,7vw,78px)}.about-layout{gap:55px}.strength-card{padding:24px}.strength-icon{transform:scale(.8);transform-origin:left center}.experience-strip{grid-template-columns:repeat(2,1fr);row-gap:29px}}
@media(max-width:760px){:root{--gutter:23px}.section-pad{padding-block:88px}.section-heading{display:block;margin-bottom:39px}.section-heading h2{font-size:clamp(44px,9vw,64px)}.section-heading>p{margin-top:24px;max-width:480px}.gateway-top{padding-top:26px}.gateway-top-note{display:none}.gateway-top-link{font-size:12px}.gateway-content{padding-block:115px 110px;justify-content:center}.gateway h1{font-size:clamp(64px,14vw,110px);white-space:normal;max-width:600px;line-height:1.13}.gateway h1 span{white-space:nowrap}.gateway-intro{font-size:15px}.gateway-art{inset:10% -42% 12% 5%;opacity:.7}.gateway-halo,.gateway-core,.gateway-scan{left:67%;top:43%}.halo-outer{width:850px}.halo-mid{width:680px}.halo-inner{width:510px}.gateway-core{width:370px}.gateway-bottom span:nth-child(2){display:none}.gateway-bottom{font-size:9px}.nav-wrap{min-height:75px}.nav-identity{margin-left:1px}.menu-toggle{display:flex;margin-left:auto;border:0;background:none;padding:15px 3px;flex-direction:column;gap:7px;z-index:25}.menu-toggle span{display:block;width:26px;height:1px;background:#eaedf3;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;background:#10151a;border-bottom:1px solid #454a56;padding:22px var(--gutter) 28px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:15px 0;font-size:16px}.primary-nav .nav-contact{margin-top:10px;text-align:center;padding:15px}.hero{min-height:850px}.hero-wrap{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:140px;padding-bottom:105px}.hero-copy{padding:0;z-index:2}.hero h1{font-size:clamp(57px,10vw,86px);margin-top:22px}.hero-lede{font-size:15px;max-width:430px}.hero-actions{margin-top:31px}.hero-visual{position:absolute;right:-22%;top:12%;width:76%;opacity:.66;align-self:auto}.visual-meta{display:none}.hero-bottom{bottom:30px}.about-layout{grid-template-columns:1fr;gap:37px}.portrait-panel{min-height:0;height:560px;max-height:none}.about-copy h3{margin-top:15px}.about-stats{margin-top:20px}.experience-strip{margin-top:52px}.project-row{grid-template-columns:1fr;gap:24px}.project-media,.project-row .project-media{height:440px}.moodbox-graphic strong{font-size:clamp(74px,14vw,130px)}.strength-grid{grid-template-columns:1fr;gap:13px}.strength-card{min-height:300px}.strength-icon{height:100px;margin-top:7px;transform:scale(.65)}.contact h2{font-size:clamp(66px,12vw,105px);margin-top:67px}.contact-main-link{grid-template-columns:1fr 36px}.contact-main-link strong{grid-row:2;grid-column:1}.contact-main-link>span:last-child{grid-column:2;grid-row:1/3}.site-footer .wrap{min-height:100px}.site-footer span{font-size:9px;text-align:center}.dialog-grid{grid-template-columns:1fr}}
@media(max-width:480px){.gateway h1{font-size:clamp(59px,15vw,77px)}.gateway-intro{line-height:1.8}.enter-button{grid-template-columns:85px 1fr 28px;gap:13px;padding:0 17px;height:74px}.enter-index{font-size:9px}.enter-text{font-size:16px}.gateway-art{opacity:.54}.art-label{display:none}.hero{min-height:790px}.hero-wrap{padding-top:120px}.hero h1{font-size:clamp(48px,12vw,65px)}.hero-visual{width:110%;right:-43%;top:14%;opacity:.47}.hero-actions{gap:20px}.button{min-height:54px;padding:0 18px;gap:25px}.hero-bottom{font-size:9px}.hero-bottom span:last-child{white-space:nowrap}.section-heading h2{font-size:clamp(40px,10vw,52px)}.portrait-panel{height:450px}.portrait-caption{left:20px;right:20px;font-size:9px}.about-copy>p:not(.mini-label){font-size:14px}.about-stats{gap:10px}.about-stats strong{font-size:31px}.about-stats strong span{font-size:13px}.about-stats div>span{font-size:10px}.about-contact{grid-template-columns:1fr}.about-contact>span{grid-row:auto}.experience-strip{grid-template-columns:1fr;gap:24px}.experience-title{gap:5px}.project-media,.project-row .project-media{height:360px}.moodbox-graphic{left:8%}.moodbox-graphic strong{font-size:70px}.moodbox-small{font-size:8px}.moodbox-tag{font-size:11px}.media-corner{font-size:9px;right:16px;bottom:16px}.project-info{padding:25px 21px 27px}.project-info h3{font-size:27px}.project-info p{font-size:12px}.project-open{width:46px;height:46px;font-size:24px}.project-highlights li{font-size:11px}.research-center{font-size:55px}.strategy-display strong{font-size:91px}.strategy-display strong span{font-size:15px}.case-graphic strong{font-size:68px}.case-figures{right:4%;gap:13px}.case-figures strong{font-size:18px}.case-figures strong span{font-size:8px}.case-figures small{font-size:8px}.contact-top>span{font-size:9px}.contact h2{font-size:clamp(60px,13vw,77px)}.contact-description{font-size:14px;margin-bottom:45px}.contact-main-link strong{font-size:22px}.contact-bottom{font-size:10px;gap:10px}.site-footer span{max-width:150px;line-height:1.5}.site-footer .brand{font-size:22px}}
@media(max-width:760px){.honor-item{grid-template-columns:52px minmax(0,1fr) 22px;gap:10px;padding-block:23px}.honor-main h3{font-size:clamp(20px,3.6vw,27px)}.honor-symbol{font-size:21px}}
@media(max-width:480px){.honor-item{grid-template-columns:32px minmax(0,1fr) 16px;gap:7px;padding-block:20px}.honor-number,.honor-category{font-size:9px}.honor-main h3{font-size:18px;letter-spacing:-.035em}.honor-symbol{font-size:16px}.honor-item:hover{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Light, low-saturation palette. The architectural scenes below share these tones. */
:root{--ink:#2b3239;--paper:#f7f6f0;--paper-2:#e4e6e9;--accent-soft:#b9bdc7;--accent-cool:#959aa6;--muted:#72767f}
body{background:#f7f6f0;color:#2b3239}
.brand{color:#343c43}.brand-mark{color:#868c99}
.gateway{background:radial-gradient(circle at 74% 48%,#c5c8cf 0,#e3e4e7 33%,#f4f1ea 72%)}
.gateway:after{background:linear-gradient(90deg,rgba(247,246,240,.32),transparent 67%),repeating-linear-gradient(0deg,transparent 0 93px,rgba(60,72,82,.045) 94px 95px)}
.gateway-grain{opacity:.09}
.gateway-top-note,.gateway-top-link,.gateway-bottom,.art-label{color:#6a737b}
.gateway-top-link{border-color:#a1a4ac}.gateway-top-link span{color:#6b7282}
.gateway-kicker{color:#656b7a}
.live-dot{background:#9198a9;box-shadow:0 0 12px #9198a980}
.gateway h1{color:#323940;text-shadow:0 2px 25px #fff8}.gateway h1 span{color:#737987}.gateway h1 em{color:#a0a5af}
.gateway-intro{color:#5b636a}
.enter-button{color:#313a41;border-color:#aaadb4;background:rgba(253,253,249,.62);box-shadow:0 15px 45px #7a869020}
.enter-button:hover{background:#bfc2c9;border-color:#a1a5af}.enter-index,.enter-button:hover .enter-index{color:#6f737d}
.gateway-art{filter:drop-shadow(0 18px 60px #848a9844)}
.gateway-halo{border-color:#767c8a55;box-shadow:inset 0 0 28px #848a9819,0 0 25px #848a9816}
.halo-mid{border-color:#6f768780}.halo-inner{border-color:#707786aa;box-shadow:0 0 65px #8f95a44b,inset 0 0 45px #8f95a430}
.gateway-core{background:radial-gradient(circle at 34% 28%,#f7f5ea 0,#d2d5db 13%,#acb0b8 33%,#7c868f 61%,#636d76 82%,#56616a 100%);box-shadow:0 0 130px #9399a780,inset -25px -31px 45px #515b6479,inset 17px 20px 36px #f4f6e770}
.gateway-core:before{border-color:#e3e5e99c;box-shadow:0 0 25px #9fa5b45c}
.gateway-scan{background:linear-gradient(90deg,transparent,#edf0f7aa,transparent)}
.site-header{border-bottom-color:#9498a144}
.nav-identity span{color:#6c717d}.primary-nav a{color:#444e56}.primary-nav a:hover{color:#727886}
.primary-nav .nav-contact{background:#babec8;color:#293138}
.hero{background:linear-gradient(115deg,#f5f2eb 1%,#e6e7ea 59%,#d5d7dd 100%);color:#2d343b}
.hero-grid{opacity:.18;background-image:linear-gradient(#63697625 1px,transparent 1px),linear-gradient(90deg,#63697625 1px,transparent 1px)}
.hero-glow{background:radial-gradient(circle,#979ba660,transparent 67%)}
.hero-eyebrow,.visual-meta{color:#676d7b}.hero h1{color:#293138}.outlined-word{-webkit-text-stroke:1px #626875;text-shadow:0 0 38px #82899920}
.hero-lede{color:#5c616b}.text-link{border-color:#9498a2}.text-link span,.hero-bottom b{color:#6a7181}
.hero-bottom{color:#787c86}.button-lime{background:#babec9;color:#2a333a}.button-lime:hover{background:#adb3c0}
.hero-visual:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:91%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7d8494 0,#b1b5bf 39%,#d9dbe0 60%,transparent 71%);filter:blur(12px);opacity:.9}
.visual-frame{z-index:1}.visual-frame svg{filter:drop-shadow(0 0 24px #8f95a466)}
.about{background:#faf9f4}.about-heading h2 em{color:#858a97}.section-heading>p{color:#6c7079}.section-kicker span{color:#7a8192}
.projects{background:#e7e8eb;color:#2e353c}.projects-heading>p{color:#636b72}.projects .section-heading h2 em{color:#858a96}
.project-card{background:#f9f8f3;border:1px solid #d7d9dd;box-shadow:0 16px 40px #6469740d}
.project-info h3{color:#313a41}.project-info p,.project-highlights li{color:#676b75}.project-type{color:#676e7f}
.project-highlights{border-color:#9096a344}.project-highlights li:before{color:#777d8b}
.project-open{border-color:#9197a5;color:#4e5669}.project-open:hover{background:#c0c5cf;color:#2a3239}
.moodbox-media video{filter:grayscale(.38) saturate(.6) contrast(1.02)}
.moodbox-shade{background:linear-gradient(90deg,rgba(36,42,48,.86),rgba(45,54,61,.57) 42%,rgba(45,54,61,.04) 88%),linear-gradient(0deg,#29323944,transparent 44%)}
.research-media{background:radial-gradient(circle at 53% 54%,#9ea9b3 0,#7e8b96 39%,#63717e 100%)}
.strategy-media{background:#d5d7dc}.strategy-media:before{background:radial-gradient(circle at 85% 1%,#f4f2e6,transparent 39%),linear-gradient(135deg,transparent 48%,#bec1c8 100%)}
.case-media{background:#d7c8bb}.case-media:before{background:radial-gradient(circle at 30% 70%,#f2e9dc,transparent 45%),repeating-linear-gradient(90deg,transparent 0 79px,#5a5f6a14 80px 81px)}
.strengths{background:#f7f6f0}.strength-card{background:#e6e8eb;border-color:#d1d3d8}.strength-card:hover{background:#dee0e4}
.honors{background:#e8e8e1}.honors-list,.honor-item{border-color:#bfc2c9}
.contact{background:#cfd2d9;color:#2a333a}.contact:before{border-color:#5a617122;box-shadow:0 0 0 95px #5a617108,0 0 0 190px #5a617106}
.contact-top>span,.contact-description,.contact-bottom{color:#5d6370}.contact h2 em{color:#6e7688}
.contact-main-link{border-color:#6d738088}.contact-main-link:hover{color:#5e6577}.contact-bottom a{color:#414858;border-color:#7c828f}
.site-footer{background:#e6e8eb;color:#6a6f7a}.site-footer .brand{color:#343c43}.site-footer a:last-child{color:#575d6a}
a:focus-visible,button:focus-visible{outline-color:#4d5465}

/* Education route: a single map and an airplane that travels along it. */
.journey{background:#e5e6e9;color:#2d343b;overflow:hidden}
.journey-heading h2 span{color:#7d8493}.journey-heading>p{color:#666a74}
.education-map{position:relative;height:500px;overflow:hidden;isolation:isolate;border:1px solid #babec6;background:radial-gradient(circle at 16% 76%,#d8dadf 0,transparent 32%),radial-gradient(circle at 80% 19%,#d8dade 0,transparent 33%),linear-gradient(135deg,#f7f5ee,#e6e8eb 52%,#eaecef);box-shadow:0 25px 55px #7c828f1c;cursor:crosshair}
.education-map:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(#767b8612 1px,transparent 1px),linear-gradient(90deg,#767b8612 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.education-map:after{content:"";position:absolute;left:50%;top:49%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #adb2bc33;border-radius:50%;box-shadow:0 0 0 85px #a3a8b314,0 0 0 170px #a3a8b30c;pointer-events:none}
.education-map-top,.education-map-bottom{position:absolute;z-index:3;color:#6a6f7a;font-size:10px;letter-spacing:.16em;font-weight:700;pointer-events:none}
.education-map-top{top:25px;left:29px;right:29px;display:flex;justify-content:space-between;gap:12px}.education-map-bottom{left:29px;bottom:24px}.education-map-bottom span{font-size:15px;margin-left:8px}
.education-path-svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.education-path-mobile{display:none}
.education-path-base{fill:none;stroke:#a2a6b1;stroke-width:3;stroke-dasharray:5 10;stroke-linecap:round}
.education-path-progress{fill:none;stroke:#6a7386;stroke-width:4;stroke-linecap:round}
.education-path-dot{fill:#f7f7ef;stroke:#6c7384;stroke-width:3}
.education-plane{filter:drop-shadow(0 6px 7px #48525b66)}.education-plane-halo{fill:#ebedf2;stroke:#a2a8b7;stroke-width:1.5}.education-plane path{fill:#4d5669;stroke:#f9faf3;stroke-width:1}
.education-node{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;width:220px;min-height:91px;padding:12px 14px;text-align:left;border:1px solid #afb3bc;background:#f9f9f3df;backdrop-filter:blur(10px);box-shadow:0 8px 25px #5b616f15;color:#303b44;transition:transform .25s,background .25s,border-color .25s;cursor:pointer}
.education-node:hover,.education-node:focus-visible{transform:translateY(-4px);background:#fbfbf7;border-color:#777e8e}
.education-node-index{color:#717786;font-size:10px;letter-spacing:.12em;font-weight:700}.education-node strong{font-size:16px;font-weight:600;letter-spacing:-.03em;line-height:1.35}.education-years{color:#6a6e79;font-size:11px;letter-spacing:.09em;font-weight:650}
.node-primary{left:4%;top:70%}.node-junior{left:27%;top:5%}.node-senior{left:56%;top:73%}.node-university{right:3%;top:5%}
@media(max-width:940px) and (min-width:761px){.menu-toggle{display:flex;margin-left:auto;border:0;background:none;padding:15px 3px;flex-direction:column;gap:7px;z-index:25}.menu-toggle span{display:block;width:26px;height:1px;background:#505664;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:88px;left:0;right:0;margin:0;background:#f5f4ee;border-bottom:1px solid #bbbec6;padding:22px var(--gutter) 28px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:15px 0;font-size:16px}.primary-nav .nav-contact{margin-top:10px;text-align:center;padding:15px}}
@media(max-width:760px){.menu-toggle span{background:#505664}.primary-nav{background:#f5f4ee;border-bottom-color:#bbbec6}.hero-visual:before{width:100%}.education-map{height:460px}.education-node{width:170px;min-height:84px;padding:10px 11px}.education-node strong{font-size:14px}.node-primary{left:3%;top:70%}.node-junior{left:26%;top:6%}.node-senior{left:52%;top:72%}.node-university{right:2%;top:6%}}
@media(max-width:700px){.education-map{height:760px}.education-path-desktop{display:none}.education-path-mobile{display:block}.education-map-top{top:17px;left:18px;right:18px;font-size:9px}.education-map-bottom{left:18px;bottom:15px;font-size:9px}.education-node{width:42%;min-height:82px;padding:10px 10px}.education-node strong{font-size:14px}.education-node-index,.education-years{font-size:9px}.node-primary{left:55%;top:6%}.node-junior{left:auto;right:55%;top:32%;text-align:right}.node-senior{left:55%;top:58%}.node-university{left:auto;right:55%;top:84%;text-align:right}}
@media(max-width:430px){.education-node strong{font-size:13px}.education-node{min-height:78px}.education-map{height:730px}}
@media(prefers-reduced-motion:reduce){.education-node{transition:none!important}}
