@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#0c1113;--panel:#141b1b;--panel2:#182221;--border:#2a3631;--border2:#33433b;--ink:#f1f5ed;--muted:#a3b3aa;--soft:#75877e;--mint:#d8f99a;--mint2:#8dcb9f;--mint-dark:#233327;--shadow:0 24px 80px rgba(0,0,0,.27);--r:22px;--max:1160px; color-scheme:dark}
:root[data-theme=light]{--bg:#f5f6f1;--panel:#fff;--panel2:#edf0e9;--border:#dfe6db;--border2:#cddacf;--ink:#1a2720;--muted:#506358;--soft:#65746b;--mint:#416c3d;--mint2:#547b5b;--mint-dark:#e5f1db;--shadow:0 20px 65px rgba(28,46,31,.07);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{position:fixed;content:'';pointer-events:none;inset:0;z-index:-1;background:radial-gradient(ellipse 700px 550px at 80% -100px,rgba(135,194,124,.085),transparent 68%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--mint);color:#182217}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.container{width:min(var(--max),calc(100% - 64px));margin:0 auto}.skip{position:absolute;transform:translateY(-140px);background:var(--mint);color:#142016;padding:12px 18px;z-index:99}.skip:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:color-mix(in srgb,var(--bg) 89%,transparent);border-bottom:1px solid var(--border)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.brand-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--mint);color:#11190f;border-radius:11px;font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:27px;line-height:1}.brand-copy strong{display:block;font-size:14px;letter-spacing:-.2px;line-height:1.25}.brand-copy span{display:block;font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{color:var(--muted);font-size:12.5px;font-weight:700;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a.active::after{content:'';display:block;height:2px;background:var(--mint);border-radius:10px;margin-top:3px}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.menu-toggle{border:1px solid var(--border);background:var(--panel);color:var(--ink);height:40px;width:40px;display:grid;place-items:center;border-radius:12px;transition:.25s}.theme-toggle:hover,.menu-toggle:hover{border-color:var(--mint)}.menu-toggle{display:none}.availability{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em}.availability .dot{width:7px;height:7px;border-radius:50%;background:#b7ec87;box-shadow:0 0 0 4px rgba(177,231,129,.13)}.mini-divider{height:24px;width:1px;background:var(--border)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:13px 19px;min-height:47px;font-weight:800;font-size:12.5px;letter-spacing:.01em;border:1px solid var(--border);transition:transform .22s,border-color .22s,background .22s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:#172416;border-color:var(--mint)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border2)}.btn-quiet{padding:8px 0;border:0;min-height:auto;color:var(--mint);background:none}.arr{font-size:17px;line-height:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.2px;color:var(--mint2);font-weight:800;display:inline-flex;gap:10px;align-items:center}.eyebrow::before{content:'';width:22px;height:1px;background:currentColor}.num{font-variant-numeric:tabular-nums}.serif{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.05em}.dim{color:var(--muted)}.small{font-size:12.5px}.muted{color:var(--muted)}.stroke{border:1px solid var(--border)}.divider{height:1px;background:var(--border);width:100%}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.13;font-family:'Manrope',sans-serif;letter-spacing:-.055em;font-weight:700}h1{font-size:clamp(50px,7vw,102px)}h2{font-size:clamp(31px,4vw,54px)}h3{font-size:24px}p{color:var(--muted)}.section{padding:110px 0}.section-tight{padding:75px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:37px}.section-head h2{margin:13px 0 0;max-width:690px}.section-head p{margin-bottom:0;max-width:350px}.section-index{font-size:11px;color:var(--soft);letter-spacing:1px;font-weight:800}.highlight{color:var(--mint)}
.hero{padding:70px 0 75px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(350px,.87fr);align-items:center;gap:70px}.hero-tag{display:inline-flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:28px}.hero-tag .star{color:var(--mint);font-size:16px}.hero h1{margin:0 0 25px;max-width:730px;letter-spacing:-.078em;line-height:1.08}.hero h1 .serif{font-style:italic;font-weight:500}.hero p{font-size:17px;max-width:570px;line-height:1.8;margin:0 0 30px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:43px;color:var(--soft);font-size:11px;font-weight:700;letter-spacing:.04em}.hero-foot .line{width:35px;height:1px;background:var(--border2)}.hero-art{min-height:570px;position:relative;padding:20px 0 15px}.hero-frame{position:relative;height:490px;margin:35px auto 0;width:min(100%,430px);border-radius:240px 240px 21px 21px;border:1px solid var(--border2);background:radial-gradient(ellipse 70% 75% at 50% 30%,#334339 0%,#1e2a25 55%,#131b19 100%);overflow:hidden;box-shadow:var(--shadow)}:root[data-theme=light] .hero-frame{background:radial-gradient(ellipse 70% 80% at 50% 20%,#e2ede0,#cddfd1 80%)}.hero-frame:before{content:'';width:280px;height:280px;border:1px solid rgba(212,243,189,.16);border-radius:50%;position:absolute;left:50%;top:12%;transform:translateX(-50%)}.hero-frame:after{content:'';width:440px;height:440px;border:1px solid rgba(212,243,189,.1);border-radius:50%;position:absolute;left:50%;top:-2%;transform:translateX(-50%)}.art-monogram{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:285px;font-style:italic;letter-spacing:-30px;color:#cfefa3;text-shadow:0 18px 70px #151e1790;line-height:1}.hero-frame .art-caption{position:absolute;bottom:0;left:0;right:0;padding:72px 30px 32px;background:linear-gradient(transparent,#0b1717e8);z-index:3;color:white}.art-caption .art-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#c2e3af}.art-caption b{text-align:right;margin-left:auto;font-size:30px;line-height:1.25;font-family:'Playfair Display',serif;font-weight:500;display:block;max-width:270px;margin-top:8px}.float-proof,.float-number{position:absolute;z-index:5;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--border2);box-shadow:var(--shadow);border-radius:16px;padding:15px 18px}.float-proof{right:-18px;top:20px;width:195px}.float-number{bottom:-15px;left:-30px;width:190px}.float-proof span,.float-number span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:800}.float-proof strong,.float-number strong{font-size:33px;line-height:1.25;font-weight:800;letter-spacing:-2px;display:block;color:var(--ink)}.float-proof small,.float-number small{display:block;font-size:10px;color:var(--soft)}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden}.stat{padding:24px 26px;min-height:132px;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat strong{font-size:35px;color:var(--ink);line-height:1.25;font-family:'Manrope',sans-serif;letter-spacing:-2px;display:block}.stat span{color:var(--muted);font-size:12px;display:block;margin-top:8px}.stat sup{color:var(--mint);font-size:12px;margin-left:4px}.stat .tip{color:var(--soft);font-size:10px;margin-top:3px}.pill-list{display:flex;gap:9px;flex-wrap:wrap}.pill{border:1px solid var(--border2);background:var(--panel);border-radius:99px;padding:7px 12px;color:var(--muted);font-size:11px;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:29px;min-height:242px;transition:.25s}.service:hover{transform:translateY(-3px);border-color:var(--border2)}.service-icon{font-size:27px;color:var(--mint);font-weight:400;margin-bottom:23px}.service h3{font-size:20px;margin:0 0 10px}.service p{font-size:13px;margin:0}.service .n{font-size:10px;color:var(--soft);margin-top:27px;display:block}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project{background:var(--panel);border:1px solid var(--border);border-radius:22px;overflow:hidden;transition:.25s;display:block}.project:hover{border-color:var(--mint2);transform:translateY(-4px)}.project-visual{height:245px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 40%,#3b5646,#1c2824 70%);display:flex;align-items:center;justify-content:center}.project-visual .ghost-word{font-family:'Playfair Display',serif;font-size:clamp(58px,6vw,110px);letter-spacing:-.08em;color:rgba(215,247,157,.85);font-style:italic;white-space:nowrap}.project-visual .corner{position:absolute;top:16px;left:16px;background:#0c1514a8;border:1px solid #a6c4aa50;color:#e6f5dc;border-radius:30px;padding:5px 12px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:center 21%;filter:saturate(.83)}.project-visual.pale{background:linear-gradient(130deg,#dfebd6,#a1b7a7)}.project-visual.pale .ghost-word{color:#34473b}.project-visual.ink{background:radial-gradient(ellipse at 48% 30%,#324055,#15202c 75%)}.project-visual.ink .ghost-word{color:#bfd9f2}.project-body{padding:24px}.project-body h3{font-size:21px;margin:6px 0 10px}.project-body p{font-size:12.5px;line-height:1.7;min-height:64px;margin:0}.project-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:24px;font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding-top:15px}.project-foot strong{font-size:13px;color:var(--mint)}.project-type{font-size:10px;letter-spacing:1.5px;color:var(--mint2);text-transform:uppercase;font-weight:800}
.timeline{border-top:1px solid var(--border)}.timeline-item{display:grid;grid-template-columns:170px 1fr 28px;gap:30px;padding:32px 0;border-bottom:1px solid var(--border)}.timeline-item .period{font-size:12px;color:var(--soft);margin-top:6px}.timeline-item h3{margin:0 0 7px;font-size:22px}.timeline-item p{margin:0 0 10px;font-size:13.5px;max-width:720px}.timeline-item .org{font-size:11px;color:var(--mint2);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.timeline-item .chev{font-size:19px;color:var(--soft)}
.banner{position:relative;border:1px solid var(--border2);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#314538 0%,#17221e 50%,#101816 100%);padding:60px 64px;display:flex;justify-content:space-between;gap:26px;align-items:end}.banner::before{content:'M';position:absolute;right:13%;top:-190px;color:rgba(219,250,165,.065);font-family:Georgia,serif;font-style:italic;font-size:500px;line-height:1;pointer-events:none}.banner>div{position:relative;z-index:1}.banner h2{max-width:680px;margin:16px 0;font-size:clamp(37px,4.5vw,61px)}.banner p{margin:0;max-width:580px;font-size:14px}.banner .btn{position:relative;z-index:2;flex-shrink:0}
.page-head{padding:90px 0 58px;border-bottom:1px solid var(--border);position:relative}.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--soft);margin-bottom:32px}.breadcrumbs a:hover{color:var(--mint)}.page-head h1{font-size:clamp(44px,6.4vw,85px);margin:12px 0 20px;max-width:900px}.page-head p{font-size:17px;max-width:690px;margin:0;line-height:1.8}.page-head .page-kicker{color:var(--mint2);font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.story-large{font-size:clamp(24px,3vw,37px);font-family:'Playfair Display',serif;line-height:1.5;color:var(--ink);letter-spacing:-.03em}.story-text p{font-size:15px;line-height:1.9;margin-bottom:20px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fact{border:1px solid var(--border);background:var(--panel);padding:25px;border-radius:18px;min-height:150px}.fact strong{font-size:19px;display:block;margin-bottom:8px}.fact p{font-size:12px;margin:0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process .step{border-top:1px solid var(--border2);padding:25px 15px 20px 0}.process .step .count{font-size:11px;color:var(--mint);font-weight:800}.process .step h3{font-size:19px;margin:26px 0 12px}.process .step p{font-size:12px}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:70px;align-items:start}.case-main h2{font-size:30px;margin:32px 0 13px}.case-main h2:first-child{margin-top:0}.case-main p{font-size:15px;line-height:1.9}.case-aside{position:sticky;top:115px;background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:24px}.case-aside dt{font-size:10px;text-transform:uppercase;color:var(--soft);letter-spacing:1.4px;font-weight:800;margin-top:22px}.case-aside dt:first-child{margin:0}.case-aside dd{margin:4px 0 0;font-size:13px;color:var(--ink)}.case-figure{margin:28px 0;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:14px;max-width:680px}.case-figure img{max-height:520px;object-fit:contain;margin:auto;border-radius:10px}.case-figure figcaption{font-size:11px;color:var(--soft);padding:11px 6px 2px}.insight{background:var(--panel2);border-left:3px solid var(--mint);border-radius:0 15px 15px 0;padding:21px 25px;margin:28px 0;font-size:14px;color:var(--ink)}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:29px}.filter{border:1px solid var(--border);border-radius:11px;background:var(--panel);padding:9px 16px;font-size:12px;font-weight:800;color:var(--muted)}.filter[aria-pressed=true]{background:var(--mint);color:#172313;border-color:var(--mint)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.evidence-card{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--panel);transition:.24s}.evidence-card:hover{transform:translateY(-3px);border-color:var(--mint2)}.evidence-card[hidden]{display:none}.evidence-art{height:258px;background:#222e2a;overflow:hidden;display:grid;place-items:center}.evidence-art img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.evidence-art.contain img{object-fit:contain;padding:12px}.evidence-description{padding:19px}.evidence-description h3{font-size:17px;margin:6px 0}.evidence-description p{font-size:12px;line-height:1.7;min-height:41px;margin-bottom:12px}.evidence-description a{font-size:11px;color:var(--mint);font-weight:800}.lightbox{border:none;padding:0;background:rgba(7,16,13,.92);width:100vw;height:100vh;max-width:100vw;max-height:100vh;color:white}.lightbox::backdrop{background:rgba(5,11,10,.88)}.lightbox .lightbox-inner{display:grid;place-items:center;min-height:100%;padding:30px 20px}.lightbox img{width:auto;max-width:calc(100vw - 40px);height:auto;max-height:78vh;object-fit:contain}.lightbox .close{position:fixed;top:18px;right:24px;font-size:24px;background:#1b2d27;color:#fff;border:1px solid #456054;border-radius:12px;width:43px;height:43px}
.resume-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:50px}.resume-panel{border:1px solid var(--border);border-radius:21px;padding:44px;background:var(--panel)}.resume-panel h2{font-size:30px;margin:0 0 7px}.resume-panel h3{font-size:16px;letter-spacing:-.02em}.resume-panel p{font-size:13px}.resume-block{padding:24px 0;border-bottom:1px solid var(--border)}.resume-block:last-child{border:0;padding-bottom:0}.resume-block .block-label{font-size:10px;letter-spacing:1.8px;color:var(--mint2);text-transform:uppercase;font-weight:800;margin-bottom:12px;display:block}.resume-list{margin:12px 0;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.9}.resume-aside{position:sticky;top:114px}.resume-aside .aside-panel{background:var(--panel);border:1px solid var(--border);border-radius:19px;padding:24px}.resume-aside p{font-size:12px}.resume-aside .btn{width:100%;margin-bottom:10px}.resume-aside .notice{font-size:11px;color:var(--soft);margin-top:12px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-options{display:grid;gap:13px}.contact-option{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--border);background:var(--panel);padding:24px;border-radius:17px}.contact-option h3{font-size:18px;margin:0 0 6px}.contact-option p{font-size:12px;margin:0}.contact-option .arrow{color:var(--mint);font-size:24px}.card-form{background:var(--panel);border:1px solid var(--border);padding:30px;border-radius:22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-weight:700;font-size:12px}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:13px 14px;color:var(--ink);width:100%}.field textarea{resize:vertical;min-height:132px}.field-note{font-size:11px;color:var(--soft)}.copy-note{font-size:11px;color:var(--mint);min-height:18px;margin-top:10px}
.site-footer{border-top:1px solid var(--border);padding:60px 0 26px;margin-top:90px;background:color-mix(in srgb,var(--panel) 55%,transparent)}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:67px}.footer-big{font-size:45px;line-height:1.2;letter-spacing:-.06em;font-weight:800;max-width:360px;margin:16px 0 22px}.footer-column strong{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mint2);display:block;margin-bottom:18px}.footer-column a{font-size:13px;color:var(--muted);display:block;margin-bottom:12px}.footer-column a:hover{color:var(--mint)}.footer-bottom{padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:25px;color:var(--soft);font-size:11px}.footer-bottom a:hover{color:var(--ink)}
.reveal{opacity:1;transform:none;transition:opacity .68s,transform .68s}.reveal.visible{opacity:1;transform:none}.anchor{scroll-margin-top:110px}
@media(max-width:1040px){.nav-links{gap:15px}.availability{display:none}.hero-grid{gap:30px}.hero h1{font-size:clamp(55px,6.7vw,90px)}.float-proof{right:-12px}.float-number{left:-12px}}
@media(max-width:840px){.container{width:min(var(--max),calc(100% - 38px))}.nav{height:68px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:18px 22px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a{padding:11px 5px}.nav-links a.active::after{display:none}.menu-toggle{display:grid}.nav-actions .mini-divider{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding:62px 0 47px}.hero h1{font-size:clamp(55px,10.5vw,88px);max-width:760px}.hero-art{display:none}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.work-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.story-grid,.contact-layout,.resume-grid,.case-layout{grid-template-columns:1fr;gap:30px}.resume-aside,.case-aside{position:static}.footer-top{grid-template-columns:1.2fr 1fr}.footer-column:last-child{grid-column:1/-1}.evidence-grid{grid-template-columns:repeat(2,1fr)}.section{padding:77px 0}.banner{padding:48px 35px}.banner h2{font-size:40px}.page-head{padding:70px 0 50px}}
@media(max-width:580px){body{font-size:14px}.brand-copy strong{font-size:12px}.brand-copy span{font-size:8px}.brand-icon{width:34px;height:34px;font-size:23px}.nav-actions{gap:8px}.theme-toggle,.menu-toggle{width:36px;height:36px}.hero{padding:43px 0}.hero-tag{font-size:9px}.hero h1{font-size:clamp(49px,13vw,71px);line-height:1.04;letter-spacing:-.075em;margin-bottom:22px}.hero p{font-size:15px;line-height:1.8}.hero-cta .btn{flex:1;padding:12px 13px;font-size:11px}.hero-foot{margin-top:25px;font-size:10px}.stats-bar{border-radius:15px}.stat{padding:22px 16px;min-height:112px}.stat strong{font-size:31px}.stat span{font-size:10.5px}.section{padding:64px 0}.section-tight{padding:52px 0}.section-head{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.section-head h2{font-size:36px}.section-head p{font-size:13px}.work-grid,.service-grid,.process,.evidence-grid,.fact-grid{grid-template-columns:1fr}.project-visual{height:240px}.project-body{padding:21px}.service{min-height:unset}.timeline-item{grid-template-columns:1fr 20px;gap:10px;padding:25px 0}.timeline-item .period{grid-column:1/-1}.timeline-item h3{font-size:18px}.banner{padding:35px 25px;align-items:start;flex-direction:column;border-radius:19px}.banner h2{font-size:37px}.page-head{padding:50px 0 38px}.page-head h1{font-size:clamp(43px,11vw,62px)}.page-head p{font-size:15px}.story-large{font-size:27px}.resume-panel{padding:24px 20px}.resume-panel h2{font-size:24px}.contact-option{padding:19px}.card-form{padding:22px}.footer-top{grid-template-columns:1fr;gap:20px;padding-bottom:42px}.footer-column:last-child{grid-column:initial}.footer-big{font-size:37px}.site-footer{padding-top:45px;margin-top:60px}.footer-bottom{flex-direction:column;gap:5px}.case-figure{margin:24px -5px}.case-aside{padding:18px}.evidence-art{height:290px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.resume-aside,.banner,.breadcrumbs,.hero-cta,.no-print{display:none!important}body{background:white;color:#111;font-size:11pt}p,.dim,.muted,.resume-list{color:#333!important}.container{width:100%!important}.page-head{padding:0 0 20px}.page-head h1{font-size:28pt}.resume-grid{display:block}.resume-panel{padding:0;border:0;background:white}.resume-block{break-inside:avoid}.section{padding:30px 0}.resume-panel h2{font-size:19pt}}

/* Portrait-led identity pass, 2026 */
.hero-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.91)}
.hero-frame:before,.hero-frame:after{content:none}
.hero-frame{background:#5a3428;isolation:isolate}
.hero-frame .art-caption{background:linear-gradient(transparent,rgba(6,22,17,.92));padding-top:112px}
.hero-art .float-proof,.hero-art .float-number{backdrop-filter:blur(10px)}
.about-portrait-intro{display:grid;grid-template-columns:minmax(260px,350px) 1fr;align-items:center;gap:clamp(35px,8vw,100px);padding:0 0 90px;margin-bottom:70px;border-bottom:1px solid var(--border)}
.about-portrait-intro img{width:100%;height:420px;object-fit:cover;object-position:center 28%;border-radius:200px 200px 16px 16px;border:1px solid var(--border2);box-shadow:var(--shadow)}
.about-portrait-intro h2{font-size:clamp(36px,5vw,74px);margin:22px 0}
.about-portrait-intro p{max-width:470px;font-size:18px;line-height:1.8}
.resume-intro{display:flex;align-items:center;gap:18px;margin-bottom:8px}
.resume-intro img{width:78px;height:78px;object-fit:cover;object-position:center 27%;border-radius:18px;border:1px solid var(--border2)}
.resume-intro h2{margin:8px 0 0}
.resume-aside .btn{width:100%;margin-bottom:9px;white-space:normal;text-align:center}
.contact-portrait{display:flex;gap:16px;align-items:center;padding:18px 0 26px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.contact-portrait img{border-radius:50%;width:86px;height:86px;object-fit:cover;object-position:center 25%;border:2px solid var(--border2)}
.contact-portrait p{margin:6px 0 0;font-size:13px}
@media(max-width:840px){.hero-art{display:block;min-height:425px;max-width:490px;margin:3px auto 10px;width:100%;padding:0}.hero-frame{height:380px;width:min(83%,340px);margin:12px auto 0}.float-proof{right:0;top:0}.float-number{left:0;bottom:6px}.about-portrait-intro{grid-template-columns:1fr 1.2fr;gap:26px}}
@media(max-width:580px){.hero-art{min-height:365px;margin-top:3px}.hero-frame{height:330px;width:74%;border-radius:170px 170px 19px 19px}.hero-frame .art-caption{padding:67px 16px 20px}.art-caption b{font-size:20px}.hero-art .float-proof,.hero-art .float-number{width:138px;padding:11px}.float-proof strong,.float-number strong{font-size:25px}.float-proof span,.float-number span{font-size:8px}.about-portrait-intro{display:flex;flex-direction:column;align-items:stretch;margin-bottom:45px;padding-bottom:48px}.about-portrait-intro img{height:400px;max-width:320px;margin:auto}.resume-intro img{height:60px;width:60px}.resume-intro{gap:12px}.resume-intro h2{font-size:24px}}
@media print{.resume-intro img{display:none}}

/* 2026 portfolio refinement: photo identity, soft ambiance, proof-led interactions */
.brand-icon{background:transparent;overflow:hidden;border:2px solid var(--mint);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 12%,transparent)}
.brand-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%;border-radius:50%}
.site-header{box-shadow:0 2px 20px #00000009}
.hero::before{content:"";position:absolute;top:-120px;right:-30px;width:520px;height:520px;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(180,233,134,.07),transparent 68%);filter:blur(26px);animation:ambient-drift 12s ease-in-out infinite alternate}
.hero-frame{transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s;will-change:transform}
.hero-art:hover .hero-frame{transform:translateY(-8px);box-shadow:0 25px 72px #0004}
.hero-art .float-proof,.hero-art .float-number{animation:soft-float 7s ease-in-out infinite}
.hero-art .float-number{animation-delay:-2.6s}
.hero-text-link{display:inline-block;margin-top:22px;color:var(--muted);font-size:13px;text-underline-offset:5px}.hero-text-link span{color:var(--mint);font-weight:800;text-decoration:underline}
.service,.project,.evidence-card,.contact-option{position:relative;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.service:hover,.project:hover,.evidence-card:hover{transform:translateY(-6px)}
.evidence-card:hover{box-shadow:var(--shadow);border-color:var(--border2)}
.evidence-art img{transition:transform .55s cubic-bezier(.2,.75,.2,1)}.evidence-card:hover .evidence-art img{transform:scale(1.025)}
.evidence-action{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px;margin-top:30px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}
.evidence-action strong{font-size:19px}.evidence-action p{margin:7px 0 0;font-size:13px;max-width:590px}
.mini-testimonial{display:flex;align-items:center;gap:22px;padding-top:38px;padding-bottom:18px;border-top:1px solid var(--border)}
.mini-testimonial .mini-quote{font-size:68px;font-family:Georgia,serif;color:var(--mint);line-height:.8}.mini-testimonial p{font-size:18px;font-family:Georgia,serif;color:var(--ink);margin:0 0 6px}.mini-testimonial span:not(.mini-quote){font-size:9px;font-weight:700;color:var(--muted);letter-spacing:1.5px}.mini-testimonial a{margin-left:auto;font-size:12px;font-weight:800;color:var(--mint);white-space:nowrap}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:42px;align-items:start}
.studio-panel,.studio-guide{border:1px solid var(--border);border-radius:23px;padding:33px;background:var(--panel)}
.studio-panel .eyebrow,.studio-guide .eyebrow{color:var(--mint)}
.upload-zone{border:1.5px dashed color-mix(in srgb,var(--mint) 45%,var(--border));border-radius:16px;padding:35px 22px;text-align:center;position:relative;margin:16px 0 25px;background:color-mix(in srgb,var(--mint) 5%,transparent);transition:.2s}
.upload-zone.dragging{background:color-mix(in srgb,var(--mint) 17%,transparent);border-color:var(--mint)}
.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-zone strong,.upload-zone span{display:block;pointer-events:none}.upload-zone strong{font-size:18px;color:var(--ink)}.upload-zone span{margin:9px auto 0;font-size:12px;color:var(--muted);max-width:390px}
.studio-preview{margin:0 0 22px;overflow:hidden;border-radius:13px;border:1px solid var(--border);max-height:500px;background:#0c1113}.studio-preview img{display:block;max-height:500px;max-width:100%;width:auto;margin:auto;object-fit:contain}
.studio-label{margin:27px 0 20px}.studio-fields{display:grid;gap:17px;margin-bottom:24px}.studio-fields label{font-size:12px;color:var(--muted);font-weight:750;display:grid;gap:7px}
.studio-fields input,.studio-fields textarea,.studio-fields select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:13px 14px;outline:none;resize:vertical}
.studio-fields input:focus,.studio-fields textarea:focus,.studio-fields select:focus{border-color:var(--mint)}
.studio-guide{position:sticky;top:110px}.studio-guide h3{font-size:27px;letter-spacing:-1px;margin:18px 0}.studio-guide p,.studio-guide li{font-size:14px;line-height:1.8}.studio-guide ol{padding-left:20px;margin:16px 0 28px}.studio-guide li{margin:10px 0}.studio-guide code{font-size:12px;background:var(--bg);padding:3px 5px;border-radius:4px;color:var(--mint)}.studio-guide .btn{margin-top:10px}
#studio-results{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}#studio-results[hidden]{display:none}
@keyframes soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes ambient-drift{from{transform:translate(-32px,25px) scale(.96)}to{transform:translate(35px,-15px) scale(1.08)}}
@media(max-width:880px){.studio-grid{grid-template-columns:1fr}.studio-guide{position:static}.evidence-action{flex-wrap:wrap}.mini-testimonial{flex-wrap:wrap}.mini-testimonial a{margin-left:0}}
@media(max-width:540px){.hero::before{width:250px;height:280px;right:0}.studio-panel,.studio-guide{padding:23px}.evidence-action{padding:21px}.evidence-action .btn{width:100%}.mini-testimonial p{font-size:16px}.mini-testimonial{gap:14px}.hero-art:hover .hero-frame{transform:none}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-art .float-proof,.hero-art .float-number{animation:none!important}.service,.project,.evidence-card,.hero-frame,.evidence-art img{transition:none!important}}

/* Award showcase: source-first, readable, and genuinely useful to hiring managers. */
.award-showcase{padding-top:86px;padding-bottom:80px}.award-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}.award-showcase-heading h2{font-size:clamp(35px,4.2vw,60px);line-height:1.13;margin:14px 0}.award-showcase-heading p{margin:0;max-width:520px}.proof-text-link{font-size:13px;color:var(--mint);font-weight:800;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:4px}.award-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.award-showcase-card{display:grid;grid-template-columns:43% 1fr;gap:0;min-width:0;position:relative;overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--panel2) 75%,transparent));border:1px solid var(--border2);border-radius:24px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.award-showcase-card:hover{transform:translateY(-5px);border-color:var(--mint2);box-shadow:0 20px 50px rgba(0,0,0,.16)}.award-showcase-img{min-height:270px;background:rgba(70,100,82,.14);display:grid;place-items:center;overflow:hidden}.award-showcase-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.award-showcase-card:hover .award-showcase-img img{transform:scale(1.035)}.award-showcase-copy{display:flex;flex-direction:column;align-items:start;padding:25px 24px;min-width:0}.award-index{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mint2);font-weight:800}.award-showcase-copy strong{font-family:'Manrope',sans-serif;letter-spacing:-1px;font-size:25px;line-height:1.2;color:var(--ink);margin:20px 0 15px}.award-showcase-copy strong em{font-style:normal;color:var(--mint)}.award-showcase-copy>span:nth-of-type(2){font-size:12.5px;line-height:1.8;color:var(--muted)}.proof-action{display:block;margin-top:auto;padding-top:25px;font-size:11px;color:var(--mint);font-weight:800}.proof-disclaimer{font-size:11px;margin:17px 0 0;color:var(--soft)}
.proof-manifest{border:1px solid var(--border2);border-radius:24px;background:radial-gradient(circle at 89% 15%,rgba(160,243,136,.09),transparent 40%),var(--panel);padding:38px;display:grid;grid-template-columns:1fr minmax(170px,220px);gap:30px;margin-bottom:40px;align-items:center}.proof-manifest h2{font-size:clamp(30px,4vw,50px);margin:17px 0;max-width:670px}.proof-manifest p{font-size:14px;max-width:520px;margin:0}.proof-manifest-aside{border-left:1px solid var(--border2);padding-left:35px;display:flex;flex-direction:column}.proof-manifest-aside strong{font-size:85px;letter-spacing:-7px;line-height:1;font-family:'Manrope',sans-serif;color:var(--mint)}.proof-manifest-aside span{font-size:12px;font-weight:800;color:var(--ink);margin:8px 0 5px}.proof-manifest-aside small{font-size:10px;color:var(--muted)}.proof-filter-status{font-size:12px;color:var(--soft);margin:-8px 0 19px}.evidence-collection .evidence-card{position:relative}.evidence-collection .evidence-card:focus-within{border-color:var(--mint)}.evidence-collection .evidence-art{background:linear-gradient(130deg,rgba(38,62,51,.75),rgba(15,25,24,.92))}.evidence-collection .evidence-description h3{line-height:1.35}.evidence-collection .evidence-description .project-type{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--mint2)}
@media(max-width:1050px){.award-showcase-card{grid-template-columns:1fr}.award-showcase-img{min-height:250px;max-height:300px}.award-showcase-img img{object-fit:contain}.award-showcase-copy{min-height:215px}}
@media(max-width:690px){.award-showcase{padding-top:55px;padding-bottom:55px}.award-showcase-heading{align-items:start;flex-direction:column;gap:18px}.award-showcase-grid{grid-template-columns:1fr;gap:15px}.award-showcase-card{grid-template-columns:39% 1fr}.award-showcase-img{min-height:210px;max-height:none}.award-showcase-copy{min-height:0;padding:22px 16px}.award-showcase-copy strong{font-size:22px;margin:13px 0}.award-showcase-copy>span:nth-of-type(2){font-size:11.5px}.proof-manifest{grid-template-columns:1fr;padding:25px 22px;gap:24px}.proof-manifest-aside{border-left:0;border-top:1px solid var(--border2);padding:20px 0 0}.proof-manifest-aside strong{font-size:61px;letter-spacing:-4px}}
@media(max-width:420px){.award-showcase-card{grid-template-columns:1fr}.award-showcase-img{height:220px;min-height:220px}.award-showcase-copy{padding:21px}.award-showcase-copy strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.award-showcase-card,.award-showcase-img img{transition:none}}


/* Muneerah — floating Liquid Glass navigation. The original single-column mobile menu is preserved. */
.site-header{
 position:sticky;top:0;z-index:90;padding:10px 0 4px;
 background:transparent;border:0;box-shadow:none;
 pointer-events:none;isolation:isolate;
 transition:padding .35s ease;
}
.site-header::before{
 content:"";position:absolute;inset:0 0 -26px;z-index:-1;
 pointer-events:none;opacity:.8;
 background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0%, transparent 98%);
}
.site-header .nav{
 position:relative;pointer-events:auto;width:min(1208px,calc(100% - 28px));height:72px;
 padding:0 24px;border-radius:22px;border:1px solid rgba(220,255,220,.24);
 background:linear-gradient(117deg,rgba(246,255,246,.12) 0%,rgba(200,237,205,.025) 45%,rgba(246,255,249,.09) 100%),rgba(15,28,27,.76);
 -webkit-backdrop-filter:blur(28px) saturate(167%);backdrop-filter:blur(28px) saturate(167%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.23),inset 0 -1px 0 rgba(238,255,233,.025),0 10px 35px rgba(0,0,0,.23);
 transition:height .35s ease,border-radius .35s ease,background .35s ease,box-shadow .35s ease;
}
.site-header .nav::after{
 content:"";position:absolute;pointer-events:none;inset:1px;border-radius:inherit;
 background:linear-gradient(135deg,rgba(255,255,255,.085),transparent 33%,transparent 75%,rgba(236,255,234,.045));
 mask-image:linear-gradient(180deg,#000,transparent 65%);opacity:.78;
}
.site-header.is-scrolled{padding-top:7px}
.site-header.is-scrolled .nav{
 height:64px;border-radius:19px;
 background:linear-gradient(113deg,rgba(239,255,239,.125),rgba(12,23,22,.05) 55%,rgba(246,255,244,.075)),rgba(12,25,24,.87);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 12px 40px rgba(0,0,0,.3);
}
.site-header .brand-icon{height:41px;width:41px;border-radius:50%;border:1px solid rgba(226,255,210,.65);box-shadow:0 0 0 3px rgba(194,250,172,.09),0 0 18px rgba(189,242,167,.095);overflow:hidden;flex-shrink:0}
.site-header .brand-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 39%;border-radius:50%}
.site-header .theme-toggle,.site-header .menu-toggle{position:relative;background:rgba(239,255,241,.055);border-color:rgba(220,255,219,.19);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s,border-color .25s,transform .25s}
.site-header .theme-toggle:hover,.site-header .menu-toggle:hover{background:rgba(220,255,212,.12);border-color:rgba(223,255,211,.55);transform:translateY(-1px)}
.site-header .brand-copy{position:relative;z-index:1}
:root[data-theme=light] .site-header .nav{background:linear-gradient(115deg,rgba(255,255,255,.84),rgba(255,255,255,.46) 60%,rgba(240,255,241,.73)),rgba(251,254,248,.65);border-color:rgba(122,153,128,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 10px 32px rgba(31,72,41,.1)}
:root[data-theme=light] .site-header.is-scrolled .nav{background:linear-gradient(115deg,rgba(255,255,255,.91),rgba(246,252,242,.69)),rgba(249,252,246,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 34px rgba(31,72,41,.13)}
:root[data-theme=light] .site-header .theme-toggle,:root[data-theme=light] .site-header .menu-toggle{background:rgba(255,255,255,.52);border-color:rgba(100,132,105,.2)}
@media(max-width:840px){
 .site-header{padding-top:8px;padding-bottom:3px}
 .site-header.is-scrolled{padding-top:6px}
 .site-header .nav{width:calc(100% - 20px);height:70px;padding:0 16px;border-radius:19px;gap:12px}
 .site-header.is-scrolled .nav{height:64px;border-radius:18px}
 /* Restore the original one-column navigation, using an opaque surface for readability. */
 .site-header .nav-links{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;
 padding:18px 22px 23px;flex-direction:column;align-items:stretch;gap:0;
 border-radius:17px;border:1px solid rgba(196,229,195,.19);
 background:rgba(13,25,23,.985);-webkit-backdrop-filter:none;backdrop-filter:none;
 box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(239,255,242,.1);
 max-height:calc(100dvh - 101px);overflow-y:auto;overscroll-behavior:contain;
 }
 .site-header .nav-links.is-open{display:flex}
 .site-header .nav-links a{display:block;padding:11px 8px;min-height:0;border-radius:8px;color:#adbfba;font-size:13px;font-weight:700;line-height:1.6}
 .site-header .nav-links a.active{color:#f5faf5;background:rgba(224,255,200,.07)}
 .site-header .nav-links a.active::after{display:none}
 .site-header .nav-links a:hover{color:#d6fb9d;background:rgba(223,255,202,.045)}
 .site-header .nav-links a:focus-visible{outline:2px solid #d6fb9d;outline-offset:2px}
 :root[data-theme=light] .site-header .nav-links{background:rgba(252,254,250,.992);border-color:rgba(114,142,114,.2);box-shadow:0 20px 50px rgba(41,70,43,.2)}
 :root[data-theme=light] .site-header .nav-links a{color:#60736b}
 :root[data-theme=light] .site-header .nav-links a.active{color:#172820;background:rgba(90,143,90,.09)}
 :root[data-theme=light] .site-header .nav-links a:hover{color:#185233;background:rgba(90,143,90,.07)}
}
@media(max-width:580px){.site-header .nav{padding:0 13px;height:67px}.site-header.is-scrolled .nav{height:62px}.site-header .brand-icon{height:38px;width:38px}.site-header .brand-copy strong{font-size:12px}.site-header .brand-copy span{font-size:8px}.site-header .theme-toggle,.site-header .menu-toggle{height:39px;width:39px;border-radius:12px}}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.site-header .nav,.site-header.is-scrolled .nav{background:#182a27}:root[data-theme=light] .site-header .nav,:root[data-theme=light] .site-header.is-scrolled .nav{background:#f9fbf7}}

/* Refined motion and visual details across the portfolio — understated and accessible. */
html{scroll-behavior:smooth}
::selection{background:color-mix(in srgb,var(--mint) 50%,transparent);color:var(--ink)}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.page-head{isolation:isolate;position:relative;overflow:hidden}
.page-head::after{content:"";position:absolute;z-index:-1;width:min(550px,75vw);height:min(550px,75vw);top:-40%;right:-15%;pointer-events:none;background:radial-gradient(circle,rgba(175,237,150,.07),transparent 67%);filter:blur(12px)}
:root[data-theme=light] .page-head::after{background:radial-gradient(circle,rgba(65,144,82,.08),transparent 68%)}
.hero::before{content:"";position:absolute;top:-130px;right:-70px;width:530px;height:530px;pointer-events:none;background:radial-gradient(circle,rgba(176,240,150,.07),transparent 67%);filter:blur(22px);animation:light-drift 14s ease-in-out infinite alternate}
@keyframes light-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-28px,22px,0)}}
.hero-frame{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.hero-art:hover .hero-frame{transform:translateY(-6px);box-shadow:0 25px 65px rgba(0,0,0,.25)}
.service,.project,.evidence-card,.contact-option,.award-showcase-card{transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s,box-shadow .32s}
@media(hover:hover) and (pointer:fine){
 .service:hover,.project:hover,.evidence-card:hover,.contact-option:hover,.award-showcase-card:hover{transform:translateY(-4px);box-shadow:0 17px 42px rgba(0,0,0,.16);border-color:var(--border2)}
 .project-visual,.evidence-art img,.award-showcase-img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
 .project:hover .project-visual,.evidence-card:hover .evidence-art img,.award-showcase-card:hover .award-showcase-img img{transform:scale(1.018)}
 .btn-primary:hover{box-shadow:0 12px 34px rgba(179,232,149,.16)}
 .footer-column a:hover{color:var(--mint);text-underline-offset:5px}
}
:where(.btn,.filter,.theme-toggle,.menu-toggle):active{transform:scale(.98)}
.award-showcase-card:focus-within,.project:focus-within,.evidence-card:focus-within,.contact-option:focus-within{outline:2px solid var(--mint);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before{animation:none!important}.hero-frame,.service,.project,.evidence-card,.contact-option,.award-showcase-card,.evidence-art img{transition:none!important}}

/* Experience journey: editorial stacked-card carousel, keyboard & swipe accessible. */
.experience-section{padding-top:74px}
.experience-intro{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:end;gap:40px;margin-bottom:36px}
.experience-intro h2{font-size:clamp(34px,4.2vw,58px);line-height:1.1;letter-spacing:-.06em;margin:14px 0 17px;max-width:740px}
.experience-intro p{max-width:720px;font-size:15px;line-height:1.8}
.experience-intro-meta{display:flex;flex-direction:column;align-items:end;justify-content:end;padding-bottom:10px}
.experience-intro-meta strong{color:var(--mint);font-size:70px;line-height:1;letter-spacing:-.08em;font-family:'Manrope',sans-serif}
.experience-intro-meta span{font-size:11px;color:var(--muted);margin-top:9px;letter-spacing:.02em}
.experience-deck{position:relative;max-width:1150px;margin:auto;isolation:isolate}
.experience-deck::before,.experience-deck::after{content:'';position:absolute;left:28px;right:28px;height:18px;bottom:180px;border:1px solid var(--border);border-radius:0 0 24px 24px;background:var(--panel);z-index:-1;pointer-events:none}
.experience-deck::before{bottom:173px;left:40px;right:40px;opacity:.48}
.experience-deck::after{bottom:184px;left:24px;right:24px;opacity:.65}
.experience-deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:16px}
.experience-deck-top>span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:800}
.experience-deck-tools{display:flex;align-items:center;gap:9px}
.experience-deck-index{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mint2);margin-right:9px;font-variant-numeric:tabular-nums}
.experience-deck-btn{display:none;width:41px;height:41px;border:1px solid var(--border2);border-radius:12px;background:var(--panel);color:var(--ink);font-size:21px;cursor:pointer;transition:transform .22s,border-color .22s,background .22s}
.experience-deck.is-enhanced .experience-deck-btn{display:grid;place-items:center}
.experience-deck-btn:hover{border-color:var(--mint2);background:var(--panel2)}
.experience-deck-btn:active{transform:scale(.96)}
.experience-slides{display:grid;gap:17px}
.experience-slide{min-width:0;min-height:400px;display:grid;grid-template-columns:minmax(275px,38%) 1fr;background:var(--panel);border:1px solid var(--border2);border-radius:25px;overflow:hidden;box-shadow:0 18px 56px rgba(0,0,0,.09)}
.experience-deck.is-enhanced .experience-slide{display:none}
.experience-deck.is-enhanced .experience-slide.is-current{display:grid;animation:experience-arrive .38s cubic-bezier(.18,.7,.17,1) both}
@keyframes experience-arrive{from{opacity:.55;transform:translateY(8px) scale(.991)}to{opacity:1;transform:translateY(0) scale(1)}}
.experience-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:400px;padding:30px;background:linear-gradient(135deg,#182f2b,#10201e 62%,#233a2d);color:#f5fff5;overflow:hidden}
.experience-visual::before{content:'';position:absolute;width:350px;height:350px;right:-155px;top:-135px;border-radius:50%;background:radial-gradient(circle,rgba(194,255,143,.23),transparent 72%);filter:blur(8px);z-index:-1}
.experience-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 48%,rgba(182,240,144,.04));pointer-events:none}
.experience-watermark{position:absolute;right:-16px;bottom:32px;color:rgba(205,255,193,.065);font-family:'Manrope',sans-serif;font-size:210px;line-height:1;font-weight:800;letter-spacing:-.12em;z-index:-1}
.experience-counter{font-size:11px;color:#c7f7aa;letter-spacing:.16em;font-weight:800}
.experience-visual-content{margin:auto 0;padding:40px 0;position:relative}
.experience-overline{font-size:10px;letter-spacing:.18em;color:#a7d9b2;text-transform:uppercase;font-weight:800}
.experience-visual h3{font-size:clamp(44px,5vw,74px);letter-spacing:-.075em;line-height:1.12;margin:14px 0 9px;color:#f4fff0}
.experience-visual p{color:#c0cfc5;line-height:1.5;margin:0;font-size:13px}
.experience-date{color:#d8f7d0;letter-spacing:.015em;font-size:12px;font-weight:700}
.experience-details{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(27px,4vw,52px);min-width:0}
.experience-period{color:var(--mint2);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.experience-details h4{color:var(--ink);font-size:clamp(26px,3vw,39px);line-height:1.24;letter-spacing:-.04em;margin:22px 0 13px}
.experience-details p{font-size:15px;line-height:1.85;max-width:570px;margin:0 0 21px}
.experience-details .pill-list{margin-top:auto;margin-bottom:20px}
.experience-detail-link{display:inline-block;font-size:12px;color:var(--mint);font-weight:800;text-underline-offset:6px;transition:transform .2s}
.experience-detail-link:hover{text-decoration:underline;transform:translateX(3px)}
.experience-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.experience-tab{appearance:none;text-align:left;display:flex;align-items:center;gap:12px;min-width:0;padding:16px 13px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--muted)}
.experience-deck:not(.is-enhanced) .experience-tab{display:none}
.experience-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--mint) 54%,var(--border));background:var(--panel2);box-shadow:inset 0 2px 0 color-mix(in srgb,var(--mint) 55%,transparent)}
.experience-tab-number{font-size:10px;color:var(--mint);letter-spacing:.05em;font-weight:800}
.experience-tab strong{color:var(--ink);font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.experience-tab small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
.experience-tab-arrow{color:var(--mint);margin-left:auto;font-size:14px}
.experience-swipe-hint{display:none;font-size:11px;text-align:center;margin:16px 0 0;color:var(--soft)}
.experience-community{display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--mint) 8%,transparent),transparent 52%),var(--panel);border:1px solid var(--border);padding:35px 38px;border-radius:22px}
.experience-community h2{font-size:clamp(29px,3.7vw,47px);letter-spacing:-.05em;margin:12px 0}
.experience-community p{font-size:14px;max-width:660px;line-height:1.85;margin:0}
.experience-community .btn{flex-shrink:0}
.resume-platforms{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}
.resume-platforms>div{border-left:2px solid var(--mint2);padding:8px 12px;background:var(--panel);border-radius:0 9px 9px 0}
.resume-platforms strong{display:block;font-size:13px;color:var(--ink)}
.resume-platforms span{font-size:12px;color:var(--muted)}
.resume-career-start{font-weight:700;font-size:12px;color:var(--mint2);margin-top:14px}
@media(max-width:930px){.experience-slide{grid-template-columns:minmax(220px,38%) 1fr}.experience-tab{gap:8px;padding:12px 9px}.experience-tab-arrow{display:none}.experience-tab small{font-size:9px}.experience-details{padding:27px}}
@media(max-width:680px){.experience-intro{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.experience-intro-meta{align-items:start;flex-direction:row;gap:15px;align-items:center;padding:0}.experience-intro-meta strong{font-size:40px}.experience-intro-meta span{margin:0}.experience-slide,.experience-deck.is-enhanced .experience-slide.is-current{grid-template-columns:1fr}.experience-visual{min-height:240px;padding:24px}.experience-visual-content{padding:20px 0}.experience-visual h3{font-size:53px;margin:9px 0}.experience-watermark{font-size:153px;right:4px;bottom:2px}.experience-details{min-height:300px;padding:25px 24px}.experience-details h4{margin:15px 0 12px;font-size:29px}.experience-details p{font-size:13.5px;line-height:1.8}.experience-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px}.experience-deck::before,.experience-deck::after{display:none}.experience-swipe-hint{display:block}.experience-community{flex-direction:column;align-items:start;padding:27px 25px}.resume-platforms{grid-template-columns:1fr}}
@media(max-width:370px){.experience-slide{border-radius:20px}.experience-visual h3{font-size:46px}.experience-tab small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.experience-deck.is-enhanced .experience-slide.is-current{animation:none}.experience-deck-btn,.experience-detail-link{transition:none}}
@media print{.experience-deck.is-enhanced .experience-slide{display:grid!important;break-inside:avoid}.experience-deck-tools,.experience-tabs,.experience-deck::before,.experience-deck::after{display:none!important}}

/* Keep the experience cards below the sticky header when navigated to directly. */
.experience-deck{scroll-margin-top:112px}