@import "https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400;500;600&family=Ysabeau:wght@400;500;600&display=swap";:root{--background:#f3f0e8;--surface:#e9e5dc;--soft-green:#dce2d8;--sage:#a8b5a2;--warm-beige:#d8c9b8;--text-primary:#35322e;--text-secondary:#706b63;--border:#d5d0c6;--accent:#a8b5a2;--accent-dark:#4b544a;--white:#faf8f2;--type-display:3.5rem;--type-h1:2.75rem;--type-h2:2.25rem;--type-h3:1.375rem;--type-lead:1.25rem;--type-body:1.125rem;--type-small:.875rem;--type-eyebrow:.9375rem;--text-xs:var(--type-small);--text-sm:var(--type-body);--text-md:1.5rem;--text-lg:var(--type-h2);--text-xl:3rem;--text-display:var(--type-display);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:8rem;--radius:2px;--max-width:1180px;color:var(--text-primary);background:var(--background);font-synthesis:none;font-family:LXGW WenKai TC,Noto Serif TC,PingFang TC,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 3rem),var(--max-width));margin-inline:auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.75rem;font-weight:600}.site-header{z-index:10;position:relative}.header-inner{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{letter-spacing:-.03em;font-size:1.2rem;font-weight:600;text-decoration:none}.nav-list{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{font-size:.85rem;text-decoration:none}.nav-list a:hover{text-underline-offset:5px;text-decoration:underline}a:focus-visible{outline-offset:5px;outline:3px solid #76a620}.hero{border-bottom:1px solid var(--border);min-height:690px;padding-top:8rem;position:relative;overflow:hidden}.hero h1{z-index:2;letter-spacing:-.06em;max-width:870px;margin:0;font-size:clamp(3rem,7.1vw,6.7rem);font-weight:500;line-height:1.08;position:relative}.hero-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:3rem;margin-top:4rem;display:flex;position:relative}.hero-bottom>p{max-width:590px;color:var(--text-secondary);margin:0;font-size:1.08rem;line-height:1.9}.button{background:var(--accent);flex:none;justify-content:space-between;align-items:center;gap:2.2rem;min-width:190px;padding:1rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-mark{color:#5a65481a;border:1px solid #61695438;border-radius:50%;place-items:center;width:300px;height:300px;font-size:12rem;display:grid;position:absolute;top:6.2rem;right:0}.hero-mark i{background:#6169542e;width:110%;height:1px;position:absolute;transform:rotate(-32deg)}.section{padding-block:var(--space-6)}.section-heading{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:4.5rem;display:grid}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:500;line-height:1.04}.project-card{background:var(--accent-dark);color:#f8f7ef;grid-template-columns:1.15fr 1fr;min-height:500px;display:grid}.project-visual{color:#273329;background:#dce5cf;place-items:center;display:grid;position:relative;overflow:hidden}.project-visual>span{font-size:.75rem;position:absolute;top:1.5rem;left:1.5rem}.radar-orbit{aspect-ratio:1;border:1px solid #26352759;border-radius:50%;width:270px;position:relative;box-shadow:0 0 0 50px #26352712,0 0 0 100px #2635270b}.radar-orbit:before,.radar-orbit:after{content:"";background:#2635273d;position:absolute}.radar-orbit:before{width:1px;height:100%;left:50%}.radar-orbit:after{width:100%;height:1px;top:50%}.radar-orbit i{transform-origin:0;background:#517334;width:48%;height:1px;position:absolute;top:50%;left:50%;transform:rotate(-40deg)}.project-copy{flex-direction:column;justify-content:center;padding:clamp(2.2rem,5vw,5rem);display:flex}.project-meta{color:#bfc5b8;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.7rem;display:flex}.status{color:var(--accent)}.project-copy h3{letter-spacing:-.05em;margin:4rem 0 .6rem;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:500;line-height:1}.project-copy .subtitle{color:var(--accent);margin:.2rem 0 1.8rem;font-size:1rem}.project-copy>p:not(.subtitle){color:#c6cbc2;line-height:1.7}.tag-list{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 2.5rem;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid;padding:.42rem .65rem;font-size:.7rem}.text-link{border-bottom:1px solid;width:max-content;padding-bottom:.35rem;text-decoration:none}.capability-grid{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.capability-grid article{border-right:1px solid var(--border);min-height:250px;padding:2rem 2rem 1rem 0}.capability-grid article+article{padding-left:2rem}.capability-grid article:last-child{border:0}.capability-grid span{color:var(--text-secondary);font-size:.7rem}.capability-grid h3{margin:4rem 0 1rem;font-size:1.45rem}.capability-grid p{color:var(--text-secondary);line-height:1.7}.about{grid-template-columns:1fr 2fr;display:grid}.about h2{letter-spacing:-.045em;margin:0 0 3rem;font-size:clamp(2rem,4.3vw,4.2rem);font-weight:500;line-height:1.17}.about div>p{max-width:690px;color:var(--text-secondary);font-size:1.05rem;line-height:1.9}.focus{border-top:1px solid var(--border);padding-top:1.5rem!important}.focus span{color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem;font-size:.7rem;display:block}.skills{border-top:1px solid var(--border)}.skill-groups{grid-template-columns:repeat(2,1fr);gap:0 3rem;margin-left:33.333%;display:grid}.skill-groups article{border-top:1px solid var(--border);padding:1.5rem 0 2.5rem}.skill-groups h3{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.75rem}.skill-groups ul{margin:1.5rem 0 0;padding:0;list-style:none}.skill-groups li{grid-template-columns:1fr;row-gap:.15rem;padding:.65rem 0;font-size:1.2rem;display:grid}.skill-groups small{min-width:0;color:var(--text-secondary);text-align:left}.contact{background:var(--accent);padding:6rem 0}.contact-inner{grid-template-columns:1fr 2fr;display:grid}.contact h2{letter-spacing:-.055em;grid-column:2;margin:0;font-size:clamp(2.7rem,5.5vw,5.4rem);font-weight:500;line-height:1.05}.contact-inner>p:not(.eyebrow){grid-column:2;max-width:550px;line-height:1.7}.contact .button{grid-column:2;margin-top:2rem}.button-dark{background:var(--text-primary);color:#fff;width:max-content}.site-footer{background:var(--text-primary);color:#d6d6ce;padding:2rem 0}.footer-inner{justify-content:space-between;font-size:.75rem;display:flex}.case-hero{min-height:680px;padding-top:5rem;padding-bottom:6rem;position:relative;overflow:hidden}.back-link{font-size:.8rem;text-decoration:none}.case-title{z-index:2;margin-top:6rem;position:relative}.case-title h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.6rem,8vw,8rem);font-weight:500;line-height:.9}.case-subtitle{color:#567135;margin:1.2rem 0;font-size:clamp(1.2rem,2vw,1.8rem)}.case-summary{max-width:600px;color:var(--text-secondary);line-height:1.8}.case-hero>.tag-list{max-width:650px}.case-visual{background:#dce5cf;place-items:center;width:330px;height:330px;display:grid;position:absolute;bottom:3rem;right:4%}.case-visual .large{width:190px;position:absolute}.case-visual>span{z-index:2;letter-spacing:.18em;text-align:center;font-size:1.2rem}.case-sections{border-top:1px solid var(--border)}.case-section{border-bottom:1px solid var(--border);grid-template-columns:1fr 2fr;padding:6rem 0;display:grid}.case-index{color:var(--text-secondary);font-size:.75rem}.case-content h2{letter-spacing:-.05em;margin:0 0 2rem;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:500;line-height:1.05}.case-content>p:not(.eyebrow){color:var(--text-secondary);font-size:1.1rem;line-height:1.85}.stats,.section-items{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stats div,.section-items article{background:var(--surface);padding:1.5rem}.stats dt{font-size:2rem}.stats dd{margin:.5rem 0 0}.not-found{min-height:680px;padding-block:9rem}.not-found h1{letter-spacing:-.05em;max-width:800px;font-size:clamp(3rem,7vw,6rem);line-height:1.05}.not-found>p:not(.eyebrow){color:var(--text-secondary);margin-bottom:3rem}@media (width<=800px){.container{width:min(calc(100% - 2rem),var(--max-width))}.hero{min-height:620px;padding-top:5rem}.hero-bottom{display:block}.hero-bottom .button{margin-top:2rem}.hero-mark{top:5rem;right:-150px}.section{padding-block:5rem}.section-heading,.about,.contact-inner,.case-section{grid-template-columns:1fr}.section-heading h2{margin-top:1rem}.project-card{grid-template-columns:1fr}.project-visual{min-height:360px}.project-copy h3{margin-top:3rem}.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article+article{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:2rem 0}.capability-grid h3{margin-top:2rem}.skill-groups{margin-left:0}.contact h2,.contact-inner>p:not(.eyebrow),.contact .button{grid-column:1}.case-visual{opacity:.35;right:-100px}.case-section{gap:1.5rem}}@media (width<=520px){.header-inner{height:72px}.nav-list{gap:1rem}.nav-list a{font-size:.76rem}.hero{padding-top:4rem}.hero h1{font-size:2.75rem}.hero-bottom>p{font-size:1rem}.section-heading{margin-bottom:2.5rem}.project-visual{min-height:280px}.radar-orbit{width:170px}.skill-groups{grid-template-columns:1fr}.footer-inner{display:block}.case-hero{padding-top:3rem}.case-title{margin-top:4rem}.case-visual{width:250px;height:250px}.case-section{padding:4rem 0}.stats,.section-items{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.featured-metrics{border-block:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);margin:1rem 0 2rem;display:grid}.featured-metrics div{padding:1rem 0}.featured-metrics dt{color:var(--accent);font-size:1.2rem}.featured-metrics dd{color:#aeb5aa;text-transform:uppercase;letter-spacing:.1em;margin:.25rem 0 0;font-size:.68rem}.case-hero{min-height:880px}.case-title h1{font-size:clamp(3.2rem,6.6vw,6.7rem);line-height:1.03}.case-kicker{color:#567135;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.85rem}.case-summary{z-index:2;max-width:650px;font-size:1.05rem;line-height:1.85;position:relative}.hero-metrics{z-index:2;border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);width:min(730px,70%);margin-top:3rem;display:grid;position:relative}.hero-metrics div{padding:1.25rem 1rem 0 0}.hero-metrics dt{font-size:clamp(1.6rem,3vw,2.8rem)}.hero-metrics dd{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:.35rem 0 0;font-size:.68rem}.case-visual{width:310px;height:310px;bottom:5rem;right:2%}.case-section{grid-template-columns:1fr 3fr;padding:7rem 0}.case-content{max-width:900px}.case-content h2{margin-bottom:2.5rem;font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1.06}.case-content>p:not(.eyebrow):not(.section-footer){max-width:780px;color:var(--text-secondary);font-size:1.08rem;line-height:1.85}.stats div,.section-items article{position:relative}.stats dd{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.section-items h3{margin:.4rem 0;font-size:1.1rem}.section-items p,.section-items li{color:var(--text-secondary);line-height:1.65}.section-items ul{padding-left:1.2rem}.item-label{letter-spacing:.12em;color:#63822f;font-size:.67rem}.case-content blockquote{border-left:4px solid var(--accent);background:var(--text-primary);color:#fff;margin:3rem 0 0;padding:1.8rem 2rem;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.5}.section-footer{color:var(--text-secondary);margin-top:1.2rem;line-height:1.75}.image-placeholder{background:#dde5d2;place-items:center;min-height:360px;margin:3rem 0;display:grid;position:relative;overflow:hidden}.placeholder-radar{aspect-ratio:1;border:1px solid #26352759;border-radius:50%;width:190px;position:relative;box-shadow:0 0 0 45px #26352712,0 0 0 90px #2635270a}.placeholder-radar i{transform-origin:0;background:#517334;width:48%;height:1px;position:absolute;top:50%;left:50%;transform:rotate(-35deg)}.image-placeholder figcaption{font-size:.75rem;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.image-placeholder small{opacity:.65;overflow-wrap:anywhere;margin-top:.35rem;display:block}.variant-insight{background:var(--text-primary);color:#fff;box-shadow:0 0 0 100vmax var(--text-primary);clip-path:inset(0 -100vmax);position:relative}.variant-insight .stats{grid-template-columns:1fr 1fr}.variant-insight .stats div{background:0 0;border-top:1px solid #667064}.variant-insight .stats dt{color:var(--accent);letter-spacing:-.06em;font-size:clamp(4.5rem,10vw,8.5rem)}.variant-insight .not-equal{color:#fff;font-size:2.5rem;position:absolute;top:50%;left:-1.1rem}.variant-decision .section-items{grid-template-columns:repeat(4,1fr)}.variant-decision .section-items article:not(:last-child):after{content:"→";z-index:2;position:absolute;top:50%;right:-.75rem}.variant-brand .section-items,.variant-roles .section-items{grid-template-columns:repeat(2,1fr)}.variant-pillars .section-items{grid-template-columns:repeat(4,1fr)}.variant-pillars .section-items article:last-child{grid-column:2/4}.variant-value .case-content h2{max-width:1000px;font-size:clamp(3rem,6.5vw,6.6rem)}.variant-validation .stats{grid-template-columns:repeat(4,1fr)}.case-closing{background:var(--accent);padding:8rem 0}.case-closing h2{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:1.03}.closing-actions{align-items:center;gap:2rem;margin-top:3rem;display:flex}@media (width<=800px){.case-hero{min-height:900px}.hero-metrics{width:100%}.case-section{grid-template-columns:1fr}.variant-decision .section-items,.variant-pillars .section-items,.variant-validation .stats{grid-template-columns:repeat(2,1fr)}.variant-decision .section-items article:after{display:none}.variant-pillars .section-items article:last-child{grid-column:auto}.variant-value{padding-block:7rem}}@media (width<=520px){.case-hero{min-height:970px}.case-title h1{font-size:2.8rem}.case-visual{bottom:2rem}.hero-metrics{grid-template-columns:repeat(2,1fr)}.case-section{padding:4.5rem 0}.variant-insight .stats,.variant-decision .section-items,.variant-brand .section-items,.variant-pillars .section-items,.variant-workflow .section-items,.variant-roles .section-items,.variant-validation .stats{grid-template-columns:1fr}.variant-insight .not-equal{top:-1.2rem;left:50%}.image-placeholder{min-height:280px}.closing-actions{flex-direction:column;align-items:flex-start}}body{font-size:1.0625rem;line-height:1.75}.wordmark,.nav-list,.button,.text-link,.eyebrow,.case-kicker,.stats dd,.item-label,.featured-metrics,.hero-metrics,.bilingual-label span{font-family:Ysabeau,Segoe UI,sans-serif}.wordmark span{color:#7d8d78}.button{cursor:pointer;background:var(--sage);color:var(--text-primary);font:600 var(--text-xs)/1.2 "Ysabeau","Segoe UI",sans-serif;border:0}.hero{min-height:760px;padding-top:9rem}.hero h1{max-width:800px;font-size:clamp(3rem,5.3vw,var(--text-display));letter-spacing:-.035em;line-height:1.23}.hero-bottom{margin-top:5rem}.hero-mark{color:#35322e12;border-color:var(--border)}.bilingual-label{color:var(--text-primary);font-size:var(--text-sm);letter-spacing:.04em;margin:0;line-height:1.35}.bilingual-label span{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.12em;margin-bottom:.25rem;display:block}.editorial-heading{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:5rem;display:grid}.editorial-heading h2{max-width:720px;font-size:clamp(var(--text-lg),4vw,var(--text-xl));letter-spacing:-.025em;margin:0;font-weight:500;line-height:1.3}.editorial-heading>div>p{max-width:620px;color:var(--text-secondary)}.project-card{background:var(--accent-dark)}.project-visual{background:var(--soft-green)}.project-copy h3{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08}.capability-grid h3{font-family:Ysabeau,Segoe UI,sans-serif;font-size:var(--text-md);font-weight:500}.about h2{font-size:clamp(var(--text-lg),4vw,var(--text-xl));line-height:1.35}.skill-groups li{font-size:var(--text-sm)}.contact h2{font-size:clamp(var(--text-lg),5vw,var(--text-xl));line-height:1.3}.case-closing{background:var(--soft-green)}.films{border-top:1px solid var(--border)}.film-grid{grid-template-columns:1.25fr 1fr 1fr;gap:1.25rem;display:grid}.film-card{min-width:0}.film-card video{aspect-ratio:16/10;object-fit:cover;background:var(--text-primary);width:100%}.film-placeholder{aspect-ratio:16/10;background:var(--soft-green);border:1px solid var(--border);grid-template-columns:1fr auto;align-content:space-between;padding:1.25rem;display:grid;position:relative;overflow:hidden}.film-placeholder:after{content:"FILM";color:#35322e0f;letter-spacing:.08em;font:500 5rem/1 Ysabeau,sans-serif;position:absolute;bottom:-2rem;right:-.5rem}.film-placeholder>span,.film-placeholder>p{font:500 var(--text-xs)/1.2 "Ysabeau",sans-serif;letter-spacing:.09em}.film-placeholder>p{z-index:1;grid-column:1/-1;margin:0}.film-placeholder>i{font-style:normal;font-size:var(--text-md)}.film-copy h3{font-size:var(--text-md);margin:.5rem 0}.film-copy small,.film-copy p{color:var(--text-secondary)}.contact-text-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.35rem 0}.modal-open{overflow:hidden}.modal-backdrop{z-index:100;background:#35322e94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.contact-modal{background:var(--background);width:min(720px,100%);max-height:calc(100vh - 2rem);padding:clamp(2rem,5vw,4.5rem);position:relative;overflow-y:auto;box-shadow:0 24px 80px #0003}.modal-close{border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;font-size:1.7rem;position:absolute;top:1rem;right:1.2rem}.contact-modal h2{font-size:clamp(var(--text-lg),5vw,var(--text-xl));margin:.75rem 0;line-height:1.2}.modal-intro{color:var(--text-secondary);margin-bottom:2rem}.contact-modal form{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.contact-modal label{gap:.5rem;display:grid}.contact-modal label:nth-of-type(4){grid-column:1/-1}.contact-modal label>span{font:500 var(--text-xs)/1.3 "Ysabeau",sans-serif;letter-spacing:.07em}.contact-modal label small{color:var(--text-secondary);margin-left:.5rem;font-family:LXGW WenKai TC,serif}.contact-modal input,.contact-modal textarea{border:1px solid var(--border);background:var(--white);width:100%;color:var(--text-primary);font:inherit;border-radius:0;padding:.85rem 1rem}.contact-modal input:focus,.contact-modal textarea:focus{border-color:#657261;outline:3px solid #7d8d7873}.contact-modal .button{width:max-content}.form-state,.form-notice{background:var(--soft-green);border-left:3px solid #657261;grid-column:1/-1;padding:1.5rem}.form-state h3,.form-notice strong{font-size:var(--text-md);font-weight:500}.form-notice p{margin:.4rem 0}.form-notice code{font-family:Ysabeau,sans-serif}.form-error{color:#7d352f;grid-column:1/-1}@media (width<=1024px){.hero{padding-top:7rem}.film-grid{grid-template-columns:1fr 1fr}.film-card:first-child{grid-column:1/-1}.editorial-heading{grid-template-columns:1fr 2fr}.nav-list{gap:1.2rem}}@media (width<=800px){.editorial-heading{grid-template-columns:1fr;gap:1.25rem}.hero{padding-top:6rem}.film-grid{grid-template-columns:1fr 1fr}.film-card:first-child{grid-column:1/-1}.bilingual-label{font-size:1rem}.contact-modal form{grid-template-columns:1fr}.contact-modal label:nth-of-type(4){grid-column:1}.case-title .bilingual-label{max-width:70%}}@media (width<=520px){.nav-list li:nth-child(3){display:none}.hero{min-height:690px;padding-top:5rem}.hero h1{font-size:2.65rem}.film-grid{grid-template-columns:1fr}.film-card:first-child{grid-column:auto}.film-placeholder{aspect-ratio:16/9}.contact-modal{padding:3.5rem 1.25rem 1.5rem}.modal-backdrop{padding:.5rem}.case-title .bilingual-label{max-width:100%}}.eyebrow,.case-content .eyebrow{font-size:var(--type-eyebrow);letter-spacing:.11em;margin-bottom:1rem;line-height:1.4}.case-index{font:500 var(--type-small)/1.4 "Ysabeau","Segoe UI",sans-serif;letter-spacing:.08em}.bilingual-label,.bilingual-label span{font-size:var(--type-eyebrow)}.case-hero{min-height:820px;padding-top:4.5rem;padding-bottom:6.5rem}.case-title{max-width:900px;margin-top:4.5rem}.case-title h1{font-size:clamp(3.25rem,4.3vw,var(--type-display));letter-spacing:-.032em;line-height:1.18}.case-kicker{font-size:var(--type-small);line-height:1.4}.case-summary{max-width:720px;font-size:var(--type-lead);margin-top:2rem;line-height:1.8}.hero-metrics{margin-top:2.75rem}.hero-metrics dt{font-size:var(--type-h3);line-height:1.2}.hero-metrics dd{font-size:var(--type-small);line-height:1.4}.case-section{grid-template-columns:minmax(88px,1fr) minmax(0,3fr);padding-block:6.5rem}.case-content{width:100%;max-width:760px}.case-content h2{max-width:740px;font-size:clamp(2.125rem,2.6vw,var(--type-h2));letter-spacing:-.025em;margin:0 0 1.75rem;line-height:1.3}.case-content>p:not(.eyebrow):not(.section-footer){max-width:720px;font-size:var(--type-body);margin:0 0 1.2em;line-height:1.82}.section-footer{max-width:720px;font-size:var(--type-body);margin:1.25rem 0 0;line-height:1.82}.stats,.section-items{margin:2.75rem 0}.stats div,.section-items article{padding:1.6rem}.section-items h3{font-size:var(--type-h3);margin:.4rem 0 .75rem;line-height:1.4}.section-items p,.section-items li{font-size:1.0625rem;line-height:1.72}.item-label,.stats dd{font-size:var(--type-small);letter-spacing:.08em;line-height:1.45}.stats dt{font-size:var(--type-h3);line-height:1.25}.case-content blockquote{max-width:720px;font-size:var(--type-lead);margin:2.75rem 0 0;padding:1.5rem 1.75rem;line-height:1.65}.image-placeholder{margin-block:2.75rem}.image-placeholder figcaption{font-size:var(--type-small);line-height:1.5}.variant-insight .case-content{max-width:760px}.variant-insight .stats{margin-block:2.5rem}.variant-insight .stats dt{font-size:clamp(4.5rem,5.6vw,5rem);line-height:1}.variant-insight .stats dd{font-size:var(--type-eyebrow);line-height:1.45}.variant-insight .not-equal{font-size:var(--type-h1)}.variant-value .case-content{max-width:900px}.variant-value .case-content h2{max-width:860px;font-size:clamp(2.625rem,3.4vw,var(--type-h1));line-height:1.25}.variant-value .case-content>p:not(.eyebrow):not(.section-footer),.variant-value .case-content blockquote{max-width:720px}.variant-validation .stats dt{font-size:var(--type-h3)}.case-closing h2{max-width:760px;font-size:clamp(2.625rem,3.4vw,var(--type-h1));letter-spacing:-.03em;line-height:1.28}.case-closing>div>p:not(.eyebrow){max-width:720px;font-size:var(--type-body);line-height:1.82}.editorial-heading h2{font-size:clamp(2.125rem,3vw,var(--type-h2))}.editorial-heading .bilingual-label,.about>.bilingual-label{font-size:var(--type-eyebrow)}@media (width<=1024px){.case-title h1{font-size:clamp(3rem,5.3vw,var(--type-display))}.case-section{grid-template-columns:110px minmax(0,1fr);padding-block:5.75rem}.case-content h2{font-size:2.125rem}.variant-insight .stats dt{font-size:4.5rem}}@media (width<=800px){.case-section{grid-template-columns:1fr;gap:1rem}.case-content{max-width:720px}.case-hero{min-height:790px}.case-title{margin-top:3.5rem}.case-summary{font-size:1.125rem}.case-content h2{font-size:2rem}.case-index{margin-bottom:.25rem}}@media (width<=520px){:root{--type-display:2.75rem;--type-h1:2.5rem;--type-h2:1.875rem;--type-h3:1.3125rem;--type-lead:1.125rem;--type-body:1rem;--type-eyebrow:.875rem}.editorial-heading h2{font-size:var(--type-h2)}.case-hero{min-height:860px;padding-top:3rem;padding-bottom:5rem}.case-title{margin-top:3rem}.case-title h1{font-size:var(--type-display);line-height:1.22}.case-summary{font-size:var(--type-body);line-height:1.82}.hero-metrics dt{font-size:1.375rem}.hero-metrics dd{font-size:var(--type-small)}.case-section{padding-block:4.75rem}.case-content h2{font-size:var(--type-h2);margin-bottom:1.5rem;line-height:1.38}.case-content>p:not(.eyebrow):not(.section-footer),.section-footer{font-size:var(--type-body);line-height:1.82}.section-items h3{font-size:var(--type-h3)}.section-items p,.section-items li{font-size:var(--type-body)}.variant-insight .stats dt{font-size:3.5rem}.variant-insight .stats dd{font-size:var(--type-eyebrow)}.variant-insight .not-equal{font-size:2rem}.variant-value{padding-block:5.5rem}.variant-value .case-content h2,.case-closing h2{font-size:var(--type-h1)}.case-closing{padding-block:5.5rem}}.editorial-screenshot{width:100%;margin:3rem 0 0}.screenshot-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(.5rem,1.3vw,1rem);overflow:hidden}.screenshot-frame img{object-fit:contain;width:100%;height:auto;display:block}.editorial-screenshot figcaption{border-top:1px solid var(--border);font-size:var(--type-small);color:var(--text-secondary);gap:.4rem;margin-top:1rem;padding-top:.8rem;line-height:1.6;display:grid}.editorial-screenshot figcaption small{font-size:var(--type-small);letter-spacing:.03em}.screenshot-stages{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 1rem;padding:0;list-style:none;display:grid}.screenshot-stages li{border-right:1px solid var(--border);font:500 var(--type-small)/1.35 "Ysabeau","LXGW WenKai TC",sans-serif;letter-spacing:.06em;padding:.85rem .75rem}.screenshot-stages li:last-child{border-right:0}.case-hero{min-height:0;overflow:visible}.screenshot-hero{z-index:2;max-width:920px;margin-top:4rem;margin-bottom:1rem;position:relative}.screenshot-hero .screenshot-frame{background:var(--soft-green);padding:clamp(.75rem,2vw,1.5rem)}.case-content>.editorial-screenshot,.variant-value .editorial-screenshot{max-width:760px}.variant-value .editorial-screenshot figcaption small{color:var(--text-primary);padding-top:.35rem}.project-visual:has(.screenshot-featured){height:500px;min-height:0}.project-visual>.editorial-screenshot{height:100%;min-height:0;margin:0;overflow:hidden}.screenshot-featured .screenshot-frame{background:var(--soft-green);border:0;border-radius:0;justify-content:center;align-items:center;height:100%;min-height:0;padding:0;display:flex}.screenshot-featured .screenshot-frame img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%}.screenshot-featured figcaption{display:none}@media (width<=800px){.project-visual:has(.screenshot-featured){height:360px}.screenshot-stages{grid-template-columns:repeat(2,1fr)}.screenshot-stages li:nth-child(2){border-right:0}.screenshot-stages li:nth-child(-n+2){border-bottom:1px solid var(--border)}.screenshot-hero{margin-top:3rem}.editorial-screenshot{margin-top:2.5rem}}@media (width<=520px){.project-visual:has(.screenshot-featured){height:280px}.screenshot-frame{padding:.35rem}.screenshot-hero .screenshot-frame{padding:.5rem}.screenshot-stages li{padding:.75rem .5rem;font-size:.8125rem}.editorial-screenshot figcaption,.editorial-screenshot figcaption small{font-size:.8125rem}.project-visual>.editorial-screenshot{min-height:280px}}.selected-works{border-top:1px solid var(--border)}.selected-works-heading{margin-bottom:4rem}.selected-works-heading .eyebrow{color:var(--text-secondary);font-family:Ysabeau,Segoe UI,sans-serif;font-size:var(--type-eyebrow);padding-top:.45rem}.selected-works-heading h2{font-size:clamp(2.125rem,3vw,var(--type-h2))}.selected-works-heading>div>p{margin:1rem 0 0;line-height:1.8}.selected-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.4vw,2.25rem);display:grid}.selected-work{flex-direction:column;min-width:0;transition:transform .35s;display:flex}.selected-work-media{aspect-ratio:7/5;background:var(--surface);position:relative;overflow:hidden}.selected-work-media-link{appearance:none;width:100%;height:100%;color:var(--white);cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;overflow:hidden}.selected-work-media img,.selected-work-media video,.selected-work-media>video{object-fit:cover;width:100%;height:100%}.selected-work-media img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}.selected-work-media-link>span{font:600 var(--type-small)/1.2 "Ysabeau","Segoe UI",sans-serif;letter-spacing:.08em;background:#35322ec7;padding:.42rem .65rem;position:absolute;bottom:1rem;right:1rem}.selected-work-media video{background:var(--text-primary)}.selected-work-copy{border-top:1px solid var(--border);flex-direction:column;flex:1;padding-top:1.35rem;display:flex}.selected-work-meta{color:var(--text-secondary);font:600 var(--type-small)/1.35 "Ysabeau","Segoe UI",sans-serif;letter-spacing:.1em;justify-content:space-between;gap:1rem;margin:0;display:flex}.selected-work h3{font-size:clamp(1.45rem,2vw,var(--type-h3));letter-spacing:-.02em;margin:1.1rem 0 .8rem;font-weight:500;line-height:1.35}.selected-work-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem;line-height:1.75}.selected-work-cta{appearance:none;width:max-content;color:var(--text-primary);font:600 var(--type-small)/1.4 "Ysabeau","Segoe UI",sans-serif;letter-spacing:.07em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:auto;padding:.3rem 0;text-decoration:none}.selected-work-cta span{transition:transform .3s;display:inline-block}.selected-works--reveal .selected-work:not(.is-visible){opacity:0;transform:translateY(14px)}.selected-works--reveal .selected-work.is-visible{animation:.6s cubic-bezier(.22,.61,.36,1) backwards selected-work-reveal}.selected-works--reveal .selected-work:nth-child(2).is-visible{animation-delay:.12s}.selected-works--reveal .selected-work:nth-child(3).is-visible{animation-delay:.24s}@keyframes selected-work-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.selected-work:hover{transform:translateY(-4px)}.selected-work-media-link:hover img{transform:scale(1.035)}.selected-work:hover .selected-work-cta span,.selected-work-cta:hover span{transform:translate(4px)}}@media (width<=1024px){.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3.5rem}}@media (width<=640px){.selected-works-heading{margin-bottom:2.75rem}.selected-work-grid{grid-template-columns:1fr;gap:3.5rem}.selected-work-media{aspect-ratio:16/10}.selected-work h3{font-size:var(--type-h3)}.selected-work-description{font-size:var(--type-body)}.selected-work-media-link>span{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.selected-work,.selected-work-media img,.selected-work-cta span{transition:none}.selected-works--reveal .selected-work{opacity:1;animation:none;transform:none}}:root{--background:#f7f4ee;--surface:#e8eef1;--soft-green:#c8dae6;--sage:#afc5d2;--warm-beige:#d2d3d5;--text-primary:#44484d;--text-secondary:#7d878e;--border:#ccd5db;--accent:#c8dae6;--accent-dark:#526b7d;--white:#faf8f3}body{background:var(--background);color:var(--text-primary)}.header-inner{border-color:var(--border)}.wordmark{width:108px;display:block}.wordmark img{object-fit:contain;object-position:left center;width:100%;height:52px}.nav-list a{color:#555c62}.nav-list a:hover{color:#526b7d}.hero-ocean{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(2.5rem,5vw,5rem);min-height:0;padding-top:5rem;padding-bottom:6rem;display:grid;overflow:visible}.hero-media{background:#c8dae6;border-radius:18px;place-items:center;min-width:0;min-height:610px;display:grid;position:relative;overflow:visible}.hero-media:before{content:"";z-index:1;pointer-events:none;border:1px solid #526b7d47;border-radius:50%;width:38px;height:38px;position:absolute;top:1.2rem;right:1.2rem;box-shadow:-28px 32px 0 -10px #c8dae6cc,-28px 32px 0 -9px #526b7d33}.hero-video{object-fit:contain;background:#c8dae6;border-radius:18px;width:100%;height:610px}.hero-dolphin{z-index:2;object-fit:contain;filter:drop-shadow(0 10px 16px #44484d1f);pointer-events:none;width:92px;height:92px;position:absolute;bottom:-1.75rem;left:-1.5rem}.hero-content{flex-direction:column;justify-content:center;min-width:0;padding:1.5rem 0 8rem;display:flex;position:relative}.hero-logo{object-fit:contain;width:min(190px,42%);height:auto;margin:0 0 2.25rem}.hero-ocean h1{color:#44484d;max-width:560px;font-size:clamp(2.65rem,4.3vw,4.5rem);line-height:1.16}.hero-ocean .hero-bottom{margin-top:2.25rem;display:block}.hero-ocean .hero-bottom>p{color:#555c62;max-width:510px}.hero-ocean .hero-bottom .button{margin-top:2rem}.hero-character{object-fit:contain;filter:drop-shadow(0 12px 18px #44484d21);pointer-events:none;width:118px;height:auto;position:absolute;bottom:0;right:0}.button{color:#44484d;background:#c8dae6}.button-dark{color:#faf8f3;background:#526b7d}.button:hover{filter:brightness(.97)}.project-card{color:#faf8f3;background:#526b7d}.project-visual{color:#526b7d;background:#c8dae6}.project-meta,.project-copy>p:not(.subtitle){color:#e4ebef}.status,.project-copy .subtitle,.featured-metrics dt{color:#dce8ef}.tag-list li{border-color:#faf8f380}.capability-grid,.capability-grid article,.focus,.skills,.selected-works{border-color:var(--border)}.site-footer{color:#eef3f5;background:#526b7d}.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.5rem clamp(2rem,4vw,3.5rem)}.selected-work-media{background:#dce7ed;border-radius:10px}.selected-work-media-link,.selected-work-media video{border-radius:10px}.selected-work-media-link>span{background:#44484dc7}.selected-work-copy{border-color:var(--border)}.selected-work-meta{color:#617b8d}.selected-work-cta{color:#526b7d}.selected-works--reveal .selected-work:nth-child(4).is-visible{animation-delay:.36s}.selected-work-media video,.selected-work-media>video{object-fit:contain;object-position:center}.case-hero{border-bottom:1px solid var(--border)}.case-section{border-color:#ccd5db}.section-items article,.stats div{background:#eef3f5;border-color:#ccd5db}.variant-insight .case-index,.variant-insight .case-content>p:not(.eyebrow){color:#dce5ea}.variant-insight .stats div{border-color:#dce5ea73}.case-content blockquote{background:#eef3f5;border-color:#617b8d}.screenshot-frame,.screenshot-stages{border-color:#ccd5db}.screenshot-frame,.screenshot-hero .screenshot-frame{background:#e8eef1}.case-closing{background:#c8dae6;position:relative;overflow:hidden}.case-closing:after{content:"";pointer-events:none;border:1px solid #526b7d33;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-48px;right:-48px;box-shadow:0 0 0 22px #faf8f329}@media (width<=1024px){.hero-ocean{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:2.5rem;padding-top:4rem}.hero-media,.hero-video{height:520px;min-height:520px}.hero-ocean h1{font-size:clamp(2.5rem,4.8vw,3.6rem)}.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.hero-ocean{grid-template-columns:1fr;padding-top:3rem}.hero-media{aspect-ratio:4/3;order:0;height:auto;min-height:0}.hero-video{height:100%;min-height:0;max-height:none}.hero-content{order:1;padding:1rem 0 7rem}.hero-logo{margin-bottom:1.75rem}.hero-dolphin{bottom:-1.35rem;left:1rem}.hero-character{width:108px}.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 1.5rem}}@media (width<=640px){.wordmark{width:92px}.wordmark img{height:46px}.hero-ocean{gap:2.75rem;padding-top:2rem;padding-bottom:4.5rem}.hero-media{aspect-ratio:4/5;border-radius:14px}.hero-video{border-radius:14px}.hero-dolphin{width:72px;height:72px}.hero-content{padding-bottom:6.5rem}.hero-logo{width:148px}.hero-ocean h1{font-size:2.65rem}.hero-character{width:92px}.selected-work-grid{grid-template-columns:1fr;gap:3.75rem}.selected-work-media,.selected-work-media-link,.selected-work-media video{border-radius:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{animation:none}}:root{--ocean-mist:#c8dae6;--ocean-gray:#d2d3d5;--ocean-cream:#f7f4ee;--ocean-cream-light:#faf8f3;--text-primary:#44484d;--text-secondary:#555c62;--text-blue:#526b7d;--text-blue-muted:#617b8d;--text-muted:#7d878e;--background:var(--ocean-cream);--soft-green:var(--ocean-mist);--warm-beige:var(--ocean-gray);--border:#b8c8d1;--accent:var(--ocean-mist);--accent-dark:var(--text-blue);--white:var(--ocean-cream-light)}.hero-media:before{width:44px;height:44px;box-shadow:0 5px 12px #526b7d1f,-32px 38px 0 -12px var(--ocean-mist),-32px 38px 0 -9px #faf8f3e6;opacity:.9;border:3px solid #faf8f3e6}.hero-video,.hero-media{background:var(--ocean-mist)}.section{position:relative}#work{clip-path:inset(0 -100vmax);background:#c8dae685;box-shadow:0 0 0 100vmax #c8dae685}.capabilities{background:#d2d3d56b}.selected-works{clip-path:inset(0 -100vmax);background:#c8dae694;box-shadow:0 0 0 100vmax #c8dae694}.about{clip-path:inset(0 -100vmax);background:#d2d3d54d;box-shadow:0 0 0 100vmax #d2d3d54d}.skills{background:var(--ocean-cream)}.contact{background:var(--ocean-mist)}.contact h2,.contact-inner>p,.contact .bilingual-label{color:var(--text-primary)}.site-footer{background:var(--text-blue);color:var(--ocean-cream-light)}.button{background:var(--ocean-mist);color:var(--text-primary)}.button-dark{background:var(--text-blue);color:var(--ocean-cream-light)}.selected-work-meta,.selected-work-cta{color:var(--text-blue-muted)}.case-study{background:var(--ocean-cream-light)}.case-hero{background:linear-gradient(180deg,var(--ocean-cream-light) 0 72%,#c8dae652 100%)}.case-title h1,.case-content h2,.case-closing h2{color:var(--text-primary)}.case-kicker,.case-summary,.case-content>p,.section-footer{color:var(--text-secondary)}.case-index,.case-content .eyebrow,.back-link{color:var(--text-blue-muted)}.section-items article,.stats div{border-color:var(--border);color:var(--text-primary);background:#e8f0f4}.section-items p,.section-items li,.stats dd{color:var(--text-secondary)}.variant-workflow .section-items article:first-child{background:var(--ocean-gray)}.variant-workflow .section-items article:last-child{background:#d9e8f0}.variant-insight{background:var(--text-blue);box-shadow:0 0 0 100vmax var(--text-blue)}.variant-insight .case-index,.variant-insight .case-content>p:not(.eyebrow),.variant-insight .case-content h2,.variant-insight .case-content .eyebrow,.variant-insight .stats dd{color:var(--ocean-cream-light)}.variant-insight .stats div{background:0 0;border-color:#faf8f36b}.variant-insight .stats dt{color:var(--ocean-mist)}.case-content blockquote{border-color:var(--text-blue-muted);color:var(--text-primary);background:#e8f0f4}.case-closing{background:var(--ocean-mist);color:var(--text-primary)}.case-closing:after{border:3px solid #faf8f3c7;box-shadow:0 0 0 22px #526b7d1f}.ocean-sticker{z-index:2;fill:#d8c4b2;width:68px;height:68px;stroke:var(--text-blue-muted);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px #526b7d24);opacity:.9;pointer-events:none;position:absolute;overflow:visible}.sticker-shell{top:1.5rem;right:1.5rem}.sticker-starfish{stroke:var(--ocean-cream-light);stroke-width:4px;top:1.5rem;right:1rem;transform:rotate(8deg)}.sticker-fish{width:60px;height:60px;fill:var(--text-blue-muted);stroke:var(--ocean-cream-light);stroke-width:5px;bottom:4.5rem;left:1rem}@media (width<=800px){.ocean-sticker{width:52px;height:52px}.sticker-shell,.sticker-starfish{top:1rem;right:.5rem}.sticker-fish{width:48px;height:48px;bottom:3rem;left:.5rem}}@media (width<=640px){.ocean-sticker{width:42px;height:42px}.sticker-shell,.sticker-starfish{top:.75rem;right:.25rem}.sticker-fish{width:38px;height:38px;bottom:2.5rem;left:.25rem}}.screenshot-featured .screenshot-frame img{max-height:82%}.project-copy{position:relative}.project-copy>:not(.project-mona){z-index:1;position:relative}.project-mona{z-index:0;object-fit:contain;filter:drop-shadow(0 10px 16px #1f303c33);pointer-events:none;width:135px;height:auto;max-height:70%;position:absolute;bottom:4.5rem;right:1.5rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 118px)}@media (width<=1024px){.project-mona{width:105px;right:1.25rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 92px)}}@media (width<=800px){.screenshot-featured .screenshot-frame img{max-height:92%}.project-mona{width:86px;bottom:4rem;right:1rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 76px)}}@media (width<=520px){.screenshot-featured .screenshot-frame img{max-height:96%}.project-mona{width:78px;max-height:62%;bottom:3.75rem;right:.8rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 68px)}}@media (width>=801px){.project-card{align-items:stretch}.project-visual:has(.screenshot-featured){height:auto;min-height:100%}.project-visual>.editorial-screenshot,.screenshot-featured .screenshot-frame{height:100%}.project-mona{width:172px;max-height:46%;bottom:5.75rem;right:1.75rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 158px)}}@media (width>=801px) and (width<=1024px){.project-mona{width:132px;bottom:5.25rem;right:1.25rem}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 118px)}}.nav-list a.is-active{color:var(--text-blue);text-underline-offset:5px;text-decoration:underline}.resume-page{background:var(--ocean-cream-light);color:var(--text-primary)}.resume-profile{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding-block:clamp(4.5rem,8vw,7.5rem);display:grid}.resume-profile-copy{min-width:0}.resume-wordmark{width:150px;height:auto;margin-bottom:2.5rem}.resume-profile h1{letter-spacing:-.045em;color:var(--text-blue);margin:.25rem 0 1rem;font-size:clamp(2.75rem,5.2vw,5rem);font-weight:500;line-height:1.05}.resume-profile h1 span{letter-spacing:.12em;font-family:Ysabeau,Segoe UI,sans-serif;font-size:.42em}.resume-role{margin:0;font-size:1.25rem;line-height:1.55}.resume-role small{letter-spacing:.08em;color:var(--text-blue-muted);font-family:Ysabeau,Segoe UI,sans-serif;font-size:.82rem;display:block}.resume-profile address{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;font-style:normal;display:flex}.resume-profile address a{text-underline-offset:4px}.resume-phone-toggle{color:var(--text-blue-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.resume-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.resume-actions .button{min-width:145px}.resume-profile blockquote{border-top:1px solid var(--border);gap:.35rem;max-width:650px;margin:3rem 0 0;padding:1.5rem 0 0;display:grid}.resume-profile blockquote strong{font-size:1.2rem;font-weight:500}.resume-profile blockquote span{color:var(--text-secondary);font-family:Ysabeau,Segoe UI,sans-serif}.resume-portrait-wrap{justify-self:center;width:min(100%,310px);padding:1rem;position:relative}.resume-portrait{aspect-ratio:4/5;border:1px solid var(--border);background:var(--ocean-mist);border-radius:46% 46% 18px 18px;position:relative;overflow:hidden;box-shadow:0 18px 35px #526b7d1f}.resume-portrait img{object-fit:contain;width:165%;max-width:none;height:auto;position:absolute;top:-5%;left:-32.5%}.resume-dolphin{object-fit:contain;filter:drop-shadow(0 8px 13px #526b7d29);width:82px;height:82px;position:absolute;bottom:-1.5rem;right:-1rem}.resume-section{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,.38fr) minmax(0,1.62fr);gap:clamp(2rem,6vw,6rem);padding-block:clamp(5rem,8vw,7.5rem);display:grid}.resume-section header h2{margin:.25rem 0 0;font-size:clamp(2rem,3vw,2.75rem);font-weight:500;line-height:1.2}.resume-reading{max-width:760px}.resume-reading>p{margin:0 0 1.2em;font-size:1.08rem;line-height:1.85}.resume-reading h3{margin:0 0 1.25rem;font-size:1.5rem;font-weight:500;line-height:1.45}.resume-tags{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.resume-tags li,.resume-context{border:1px solid var(--border);color:var(--text-blue);border-radius:999px;padding:.38rem .7rem;font-family:Ysabeau,Segoe UI,sans-serif;font-size:.82rem;line-height:1.25}.resume-featured,.resume-learning{clip-path:inset(0 -100vmax);background:#c8dae666;display:block;box-shadow:0 0 0 100vmax #c8dae666}.resume-featured>.container,.resume-learning>.container,.resume-education>.container{grid-template-columns:minmax(150px,.38fr) minmax(0,1.62fr);gap:clamp(2rem,6vw,6rem);display:grid}.resume-project{border:1px solid var(--border);background:var(--ocean-cream-light);border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:clamp(2rem,5vw,4.5rem);padding:clamp(2rem,4vw,3.5rem);display:grid;box-shadow:0 14px 32px #526b7d14}.resume-project h3{margin:.5rem 0 1.25rem;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:500;line-height:1}.resume-project p{line-height:1.8}.resume-project aside{border-left:1px solid var(--border);padding-left:2rem}.resume-project aside>ul{padding-left:1.1rem;line-height:1.9}.resume-workflow{border-block:1px solid var(--border);color:var(--text-blue);flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;padding:1rem 0;font-family:Ysabeau,Segoe UI,sans-serif;list-style:none;display:flex}.resume-workflow li:not(:last-child):after{content:"→";color:var(--text-muted);margin-left:.75rem}.resume-project-actions{gap:.65rem;margin-top:2rem;display:grid}.resume-project-actions .button{width:100%;min-width:0}.resume-experience-list{border-top:1px solid var(--border)}.resume-experience{border-bottom:1px solid var(--border)}.resume-experience-summary{grid-template-columns:145px minmax(155px,.55fr) minmax(280px,1.15fr) 115px;align-items:start;gap:1.5rem;padding:2rem 0;display:grid}.resume-date{letter-spacing:.06em;color:var(--text-blue-muted);margin:0;font:600 .85rem/1.5 Ysabeau,Segoe UI,sans-serif}.resume-experience h3,.resume-other-list h3{margin:0 0 .75rem;font-size:1.35rem;font-weight:500}.resume-experience-summary>div>p{color:var(--text-secondary);margin:0;line-height:1.7}.resume-experience-summary .resume-tags{margin:0 0 1rem}.resume-experience-summary button,.resume-more{min-height:48px;color:var(--text-blue);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;font:600 .78rem/1.3 Ysabeau,Segoe UI,sans-serif}.resume-experience-summary button{text-align:right;justify-items:end;gap:.25rem;display:grid}.resume-experience-summary button span{font-size:1.5rem;font-weight:400}.resume-experience-details{border-left:3px solid var(--ocean-mist);background:#eff4f6;margin:0 0 2rem 145px;padding:1.75rem 2rem}.resume-experience-details>p{color:var(--text-blue-muted);margin:0}.resume-experience-details h4{margin:.5rem 0 1.2rem;font-size:1.1rem}.resume-experience-details li{margin:.65rem 0;line-height:1.75}.resume-other{grid-column:2;margin-top:4.5rem}.resume-more{border-block:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.resume-more span{font-size:1.5rem}.resume-other-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.resume-other-list article{border:1px solid var(--border);background:#f2f5f5;border-radius:12px;padding:1.5rem}.resume-other-list article>p:not(.resume-date):not(.resume-achievement){color:var(--text-secondary);margin:.25rem 0}.resume-other-list .resume-tags{margin:1rem 0 0}.resume-achievement{border-top:1px solid var(--border);color:var(--text-blue);margin:1.25rem 0 0;padding-top:1rem;line-height:1.75}.resume-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.resume-skill-grid article{border:1px solid var(--border);background:#f2f5f5;border-radius:12px;padding:1.75rem}.resume-skill-grid h3{margin:0 0 1rem;font-size:1.25rem;font-weight:500}.resume-skill-grid ul{margin:0;padding-left:1.1rem;line-height:1.9}.resume-tools{grid-column:2;margin-top:2rem}.resume-tools .resume-tags{margin-top:.75rem}.resume-education{background:var(--ocean-mist);display:block}.resume-education h3{margin:0 0 .5rem;font-size:1.45rem;font-weight:500}.resume-education p{margin:.25rem 0}@media (width<=1024px){.header-inner{gap:1.5rem}.nav-list{gap:1rem}.nav-list a{font-size:.78rem}.resume-profile{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)}.resume-experience-summary{grid-template-columns:120px minmax(145px,.5fr) minmax(240px,1fr) 100px;gap:1rem}.resume-experience-details{margin-left:120px}.resume-project{grid-template-columns:1fr}.resume-project aside{border-left:0;border-top:1px solid var(--border);padding:2rem 0 0}.resume-project-actions{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.resume-profile,.resume-section,.resume-featured>.container,.resume-learning>.container,.resume-education>.container{grid-template-columns:1fr}.resume-profile{gap:3rem}.resume-portrait-wrap{grid-row:1;width:230px}.resume-wordmark{margin-bottom:1.75rem}.resume-other,.resume-tools{grid-column:1}.resume-experience-summary{grid-template-columns:1fr;gap:1rem}.resume-experience-summary button{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.resume-experience-details{margin:0 0 2rem;padding:1.5rem}.resume-project-actions,.resume-other-list{grid-template-columns:1fr}.project-mona{width:88px}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 78px)}}@media (width<=640px){.header-inner{height:auto;min-height:76px;padding-block:.75rem}.nav-list{grid-template-columns:repeat(2,max-content);gap:.45rem 1rem;display:grid}.nav-list li:nth-child(3){display:list-item}.nav-list a{font-size:.72rem}.resume-profile h1{font-size:2.65rem}.resume-role{font-size:1.08rem}.resume-portrait-wrap{width:190px}.resume-dolphin{width:62px;height:62px}.resume-section{padding-block:4.5rem}.resume-project{padding:1.4rem}.resume-workflow{gap:.4rem;display:grid}.resume-workflow li:not(:last-child):after{margin-left:.6rem}.resume-skill-grid{grid-template-columns:1fr}.resume-profile address{display:grid}.project-mona{width:86px}.project-copy>p:not(.subtitle),.project-copy .tag-list{max-width:calc(100% - 75px)}}.resume-experience-details:not([hidden]),.resume-other-list:not([hidden]){animation:.22s ease-out resume-reveal}@keyframes resume-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.resume-experience-details:not([hidden]),.resume-other-list:not([hidden]){animation:none}}@media (width>=1025px){:root{--max-width:1240px;--type-body:1.125rem;--type-small:.9375rem;--type-eyebrow:.9375rem}body{font-size:1.125rem;line-height:1.68}.container{width:min(calc(100% - 5rem),var(--max-width))}.section{padding-block:5.625rem}.resume-profile{padding-block:6rem}.resume-section,.case-section{padding-block:5.5rem}.project-meta,.project-copy .subtitle,.featured-metrics,.tag-list li,.selected-work-meta,.selected-work-cta,.resume-date,.resume-context,.resume-tags li,.resume-experience-summary button,.resume-more{font-size:.9375rem}.project-copy>p:not(.subtitle),.selected-work-description,.capability-grid p,.skill-groups>article>p,.skill-groups li,.about>div>p,.contact-inner>p:not(.bilingual-label),.resume-experience-summary>div>p,.resume-project p,.resume-project li,.resume-skill-grid li,.resume-education p{font-size:1.0625rem}.eyebrow,.bilingual-label,.case-kicker,.case-index,.item-label,.hero-metrics dd,.stats dd,.button,.text-link{font-size:.9375rem}.resume-reading>p,.case-content>p:not(.eyebrow):not(.section-footer),.section-footer{font-size:1.125rem;line-height:1.72}.resume-reading,.case-content,.case-content>.editorial-screenshot,.variant-value .editorial-screenshot{max-width:860px}}@media (width>=801px) and (width<=1024px){.container{width:calc(100% - 3rem)}.section,.resume-section{padding-block:4.75rem}}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.hero-resume-link{color:var(--text-blue);letter-spacing:.08em;font-family:Ysabeau,Segoe UI,sans-serif;font-weight:600}.back-to-top{z-index:8;background:var(--text-blue);width:52px;height:52px;color:var(--ocean-cream-light);border:1px solid #faf8f3a6;border-radius:50%;place-items:center;font:600 .875rem/1 Ysabeau,Segoe UI,sans-serif;text-decoration:none;display:grid;position:fixed;bottom:clamp(1rem,2.5vw,2.5rem);right:clamp(1rem,2.5vw,2.5rem);box-shadow:0 8px 18px #1f303c29}.back-to-top span{letter-spacing:.08em;font-size:.55rem;position:absolute;bottom:7px}.back-to-top:focus-visible{outline:3px solid var(--ocean-mist);outline-offset:4px}@media (width<=800px){body{font-size:1rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.25rem}.back-to-top{width:46px;height:46px}.resume-reading>p,.resume-project p,.resume-experience-summary>div>p,.resume-experience-details li,.resume-other-list article>p,.resume-skill-grid li{font-size:1rem;line-height:1.7}}.resume-experience-summary button{text-align:right;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.resume-other-list[hidden],.resume-experience-details[hidden]{display:none}.resume-phone-toggle{width:44px;height:44px;color:var(--text-blue);cursor:pointer;background:#c8dae680;border:1px solid #617b8d73;border-radius:50%;flex:0 0 44px;place-items:center;display:inline-grid}.resume-phone-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.resume-phone-toggle:hover{background:#c8dae6cc}.resume-phone-toggle:focus-visible{outline:3px solid var(--ocean-mist);outline-offset:3px}.resume-profile blockquote strong{font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.45}.resume-profile blockquote span{font-size:1.125rem;line-height:1.55}.footer-inner{gap:2rem;font-size:1rem;line-height:1.6}.footer-inner p:first-child{font-size:1.0625rem}.footer-inner p:last-child{font-size:.9375rem}.wordmark{width:165px}.wordmark img{height:68px}.header-inner{height:100px}.hero-english{color:var(--text-blue-muted);font-family:Ysabeau,Segoe UI,sans-serif;font-size:1.125rem;line-height:1.55}.hero-ocean .hero-bottom>p{font-size:1.25rem;line-height:1.7}.capability-grid span,.focus span{font-size:.9375rem}.selected-works-heading .eyebrow{font-size:1rem}.editorial-heading>.bilingual-label,.about>.bilingual-label{font-size:1.5rem;line-height:1.35}.editorial-heading>.bilingual-label span,.about>.bilingual-label span{margin-bottom:.45rem;font-size:1.125rem}.skills .editorial-heading>div>p{font-size:1.125rem;line-height:1.7}.back-to-top{z-index:8;width:54px;height:54px;color:var(--text-blue);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#c8dae694;border:2px solid #faf8f3d1;border-radius:50%;place-items:center;text-decoration:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:fixed;bottom:clamp(1rem,2.5vw,2.5rem);right:clamp(1rem,2.5vw,2.5rem);transform:translateY(8px);box-shadow:0 7px 22px #526b7d2e,inset 0 0 0 1px #617b8d2e}.back-to-top:before{content:"";border-top:2px solid #ffffffd9;border-radius:50%;width:13px;height:7px;position:absolute;top:8px;right:10px;transform:rotate(28deg)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-arrow{font:500 1.25rem/1 Ysabeau,Segoe UI,sans-serif;transform:translateY(-3px)}.back-to-top-label{letter-spacing:.08em;font:600 .5rem/1 Ysabeau,Segoe UI,sans-serif;position:absolute;bottom:8px}.back-to-top:hover{background:#dce9efc7;transform:translateY(-3px)}.case-section{text-align:left;padding-block:5.5rem;display:block}.case-index{margin:0 0 1rem;font-size:1.0625rem;line-height:1.4}.case-content,.variant-insight .case-content,.variant-value .case-content{width:100%;max-width:none;margin:0}.case-content>.eyebrow{max-width:860px;margin-left:0;font-size:1.125rem;line-height:1.4}.case-content h2,.variant-value .case-content h2{max-width:860px;margin-left:0}.case-content>p:not(.eyebrow):not(.section-footer),.section-footer,.case-content blockquote{text-align:left;max-width:860px;margin-left:0;margin-right:auto;font-size:1.125rem;line-height:1.72}.case-content>.editorial-screenshot,.variant-value .editorial-screenshot{width:100%;max-width:860px;margin-left:0;margin-right:auto}.editorial-screenshot figcaption,.editorial-screenshot figcaption small{text-align:left;font-size:1.0625rem;line-height:1.6}.case-section .stats,.case-section .section-items{margin-left:0;margin-right:0}.variant-value{padding-block:6.5rem}.case-closing{padding-block:6rem}.case-closing>.container{text-align:left}.screenshot-hero{margin-left:0;margin-right:auto}.screenshot-hero figcaption,.screenshot-hero figcaption small{font-size:1.0625rem}@media (width<=800px){.wordmark{width:122px}.wordmark img{height:54px}.header-inner{min-height:82px}.resume-profile blockquote strong{font-size:1.375rem}.resume-profile blockquote span{font-size:1rem}.footer-inner,.footer-inner p:first-child,.footer-inner p:last-child{font-size:.9375rem}.hero-english{font-size:1.0625rem}.hero-ocean .hero-bottom>p{font-size:1.125rem}.editorial-heading>.bilingual-label,.about>.bilingual-label{font-size:1.3125rem}.editorial-heading>.bilingual-label span,.about>.bilingual-label span{font-size:1rem}.case-section{padding-block:4.75rem}.case-index,.case-content>.eyebrow{font-size:1rem}.case-content>p:not(.eyebrow):not(.section-footer),.section-footer,.case-content blockquote,.editorial-screenshot figcaption,.editorial-screenshot figcaption small,.screenshot-hero figcaption,.screenshot-hero figcaption small{font-size:1rem;line-height:1.7}.case-content>.editorial-screenshot,.variant-value .editorial-screenshot{max-width:100%}.variant-value,.case-closing{padding-block:5rem}.back-to-top{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}}.back-to-top .back-to-top-arrow{letter-spacing:normal;font-size:1.25rem;position:static;bottom:auto}
