/*
Theme Name: Rae Wang — Portfolio Refresh
Description: Rae Wang Product and UX portfolio. Generated public content; preserved WordPress routes.
Version: 0.9.5
Author: Rae Wang
Text Domain: rae-portfolio-refresh
*/
:root{--paper:#f8f7f2;--white:#fff;--ink:#202322;--muted:#5c625e;--accent:#244bdb;--deep:#183392;--ice:#dce5fa;--wash:#edf1f9;--citrus:#dce9b5;--line:#d7dcd6;--display:'Space Grotesk','Arial',sans-serif;--body:'Manrope','Segoe UI',sans-serif;--max:1280px;--header:86px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.05em;line-height:1.1}h1{font-size:clamp(44px,5vw,68px)}h2{font-size:40px}h3{font-size:24px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.eyebrow{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;z-index:1000;top:-100px;left:20px;padding:12px 20px;background:var(--paper);color:var(--accent)}.skip-link:focus{top:12px}main:focus{outline:none}
.site-header{position:sticky;top:0;z-index:30;background:#f8f7f2f2;border-bottom:1px solid #d7dcd6aa;backdrop-filter:blur(14px)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:var(--header)}.wordmark{font:700 27px/1 var(--display);letter-spacing:-.06em;text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}.wordmark>span{color:var(--accent)}#site-nav{display:flex;align-items:center;gap:31px}#site-nav>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none}#site-nav>a[aria-current]{color:var(--accent);box-shadow:0 2px 0 var(--accent)}#site-nav .contact-nav{margin-left:18px;border:1px solid var(--line);border-radius:999px;padding:8px 19px;background:#fff9}.contact-nav:hover{background:var(--ice)!important}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:999px;padding:12px 22px;text-decoration:none;font:600 15px/1.5 var(--body);box-shadow:0 4px 0 var(--deep);transition:transform 160ms,background 160ms,box-shadow 160ms}.button>span{font-size:22px}.button:hover{background:#193dbe;color:white;transform:translateY(-2px);box-shadow:0 6px 0 var(--deep)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--deep)}.text-link{display:inline-flex;align-items:center;gap:15px;min-height:46px;font-size:15px;font-weight:600}.small-type{font-size:11px;color:var(--muted)}
.home-hero{display:grid;grid-template-columns:1.17fr 1fr;align-items:center;gap:58px;padding-block:66px 80px}.hero-copy .eyebrow{margin-bottom:26px;color:var(--ink)}.hero-copy h1{font-size:clamp(58px,5.5vw,82px);line-height:1;letter-spacing:-.065em}.hero-copy h1>span{display:block}.hero-copy h1>span+span{color:var(--accent)}.hero-intro{max-width:49ch;font-size:18px;line-height:1.7;color:var(--muted);margin-top:26px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:29px}.hero-exhibit{position:relative;min-width:0;padding:25px 9px 33px 0}.exhibit-frame{position:relative;z-index:1;border-radius:22px;padding:11px;background:#ffffffba;border:1px solid #fff;box-shadow:0 2px 0 #c7d2ea,0 20px 38px #283b6412;transform:rotate(-1deg)}.exhibit-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;padding:7px 9px 16px}.exhibit-bar a{font-size:11px;min-height:32px}.exhibit-frame figure{background:var(--ice);border-radius:14px;overflow:hidden}.exhibit-frame .media-zoom{display:block;overflow:hidden;min-height:0;border:0;box-shadow:none;border-radius:0;background:transparent}.exhibit-frame img{width:100%}.exhibit-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 22px;color:var(--ink)}.exhibit-frame figcaption>span{font-size:11px;line-height:1.5;max-width:15ch}.exhibit-frame figcaption strong{font:600 26px/1.06 var(--display);letter-spacing:-.04em}.studio-arrow{position:absolute;z-index:2;right:-19px;top:-38px;width:122px;pointer-events:none;transform:rotate(7deg)}.exhibit-note{display:flex;align-items:center;justify-content:flex-end;gap:13px;font-size:13px;line-height:1.4;margin-top:22px;transform:rotate(-3deg);padding-right:30px}.exhibit-note>span{color:var(--accent);font-size:30px}.hero-exhibit:before{content:'';position:absolute;inset:55px -12px 25px 21px;background:var(--wash);border-radius:35px;transform:rotate(4deg)}
.selected-work{padding-block:26px 75px;border-top:1px solid var(--line);scroll-margin-top:110px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:22px 0 35px}.section-heading .eyebrow{color:var(--accent);margin-bottom:14px}.section-heading h2{font-size:clamp(36px,3.6vw,49px);line-height:1.05}.section-heading h2>span{color:var(--muted);font-size:.84em}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 32px}.project-card{min-width:0;scroll-margin-top:120px}.project-link{display:block;text-decoration:none;min-width:0;border-radius:20px;transition:transform 180ms}.project-link:hover{color:var(--ink);transform:translateY(-4px)}.project-link:focus-visible{transform:none;outline-offset:8px}.project-media{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-width:0;height:376px;background:var(--wash);transition:box-shadow 180ms}.project-link:hover .project-media{box-shadow:0 12px 30px #283b6419}.project-index{position:absolute;z-index:3;left:18px;top:18px;padding:7px 10px;background:var(--paper);border:1px solid #20232214;border-radius:7px;font-size:13px;font-weight:600;line-height:1.2}.project-index>span{font-size:10px;color:var(--muted);margin-left:8px}.cover-dd{background:var(--accent);padding:30px 26px 19px;height:100%;color:#fff}.cover-label{display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.45}.cover-label:first-child{padding-left:75px;min-height:27px}.phone-pair{display:flex;align-items:center;justify-content:center;gap:28px;height:277px}.phone-pair img{width:auto;height:267px;object-fit:contain;filter:drop-shadow(0 8px 12px #0d225a70);max-width:43%}.cover-dd .cover-label:last-child{justify-content:space-evenly;margin-top:13px}.cover-hf{padding:74px 26px 24px;background:#e2e7ee;height:100%;display:flex;flex-direction:column;justify-content:center;gap:23px}.cover-hf>img{border-radius:8px;border:6px solid #ffffffb3;box-shadow:0 13px 24px #25324716;width:100%}.cover-hf-line{display:flex;gap:30px;justify-content:space-between;font:600 22px/1.1 var(--display);letter-spacing:-.035em}.project-copy{padding:24px 4px 0}.project-name{font:600 19px/1.4 var(--display);letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-name>span{font-size:11px;color:var(--muted)}.project-copy h3{font-size:32px;letter-spacing:-.045em;line-height:1.12;max-width:25ch;margin:11px 0 15px}.project-summary{font-size:16px;line-height:1.7;color:var(--muted);max-width:57ch}.project-role{font-size:13px;line-height:1.55;margin-top:19px}.project-role>span{display:block;color:var(--muted);margin-top:3px}.case-link{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:15px;margin-top:23px;min-height:46px;font-size:14px;font-weight:600;color:var(--accent)}.case-link>span{font-size:24px;transition:transform 180ms}.project-link:hover .case-link>span{transform:translate(3px,-3px)}.card-2empoweru{grid-column:1/-1}.card-2empoweru .project-link{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:52px}.card-2empoweru .project-media{height:438px}.card-2empoweru .project-copy{padding:0}.card-2empoweru h3{font-size:42px;max-width:18ch}.cover-web{height:100%;background:#e8e4dc;position:relative;padding:38px 33px 35px}.cover-web>img{height:100%;width:100%;object-fit:contain;object-position:top center;filter:drop-shadow(0 8px 14px #22222218)}.cover-credit{position:absolute;bottom:12px;left:30px;right:26px;color:var(--muted);font-size:10px;line-height:1.4;text-align:center}.cover-gc-app{background:#e2e4f1;padding:67px 22px 40px}.cover-gc-app>img{object-fit:contain;object-position:center}.cover-research{background:#e6ebd7;height:100%;padding:73px 35px 27px}.cover-research>p{font:600 35px/1.08 var(--display);letter-spacing:-.04em;margin-top:22px}.cover-research em{font-style:normal;color:#4b5b2c}.cover-research>div{font-size:11px;line-height:1.6;margin-top:21px;max-width:37ch;color:#50603b}
.about-teaser{display:grid;grid-template-columns:1.08fr 1fr;gap:30px 90px;border-top:1px solid var(--line);padding-block:67px 95px}.about-teaser>.eyebrow{grid-column:1/-1;color:var(--accent)}.about-teaser h2{font-size:45px;line-height:1.06}.about-teaser h2>span{color:var(--accent)}.about-teaser>div{align-self:end}.about-teaser>div>p{font-size:18px;line-height:1.75;max-width:48ch}.about-teaser .text-link{margin-top:19px}.contact-footer{background:var(--accent);color:white;padding-block:49px 24px}.footer-kicker{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-footer .eyebrow{color:#ffffffd9}.footer-kicker>a{font-size:12px;min-height:44px;display:flex;align-items:center}.contact-footer h2{font-size:clamp(46px,6.6vw,94px);letter-spacing:-.055em;line-height:1.02;margin-top:26px}.contact-footer h2>span{color:#dce5fa}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-block:37px;padding-bottom:35px;border-bottom:1px solid #ffffff55}.contact-email{font:500 clamp(18px,2vw,29px)/1.4 var(--display);letter-spacing:-.025em;display:inline-flex;align-items:center;gap:28px;min-height:44px}.contact-email>span{font-size:34px}.contact-row>p{font-size:14px;line-height:1.6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer-bottom>div{display:flex;align-items:center;gap:24px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.contact-footer a:hover{color:#dce5fa}.contact-footer a:focus-visible{outline-color:#fff}
.case-intro{padding-top:36px}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted);text-decoration:none}.case-intro>.eyebrow{margin:22px 0 17px;color:var(--accent);display:flex;justify-content:space-between;gap:20px}.case-number{color:var(--muted);font-weight:500}.case-intro h1{max-width:20ch;line-height:1.06}.case-summary{max-width:78ch;margin-top:25px;color:var(--muted);font-size:19px;line-height:1.75}.case-meta{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;border-block:1px solid var(--line);padding-block:21px;margin-top:30px;max-width:1050px}.case-meta dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.case-meta dd{margin:0;font-size:14px;line-height:1.65;max-width:55ch}.case-thesis{display:flex;gap:17px;align-items:start;font:500 22px/1.45 var(--display);letter-spacing:-.025em;max-width:78ch;margin-block:26px 32px}.case-thesis>span{color:var(--accent);font-size:29px}.lead-evidence{background:var(--wash);border:1px solid #d6deed;border-radius:24px;padding:36px 38px;margin:0 0 65px;scroll-margin-top:112px}.lead-heading h2{font-size:34px;max-width:37ch;margin:12px 0}.lead-heading>p:last-child{font-size:16px;line-height:1.7;max-width:74ch;color:var(--muted)}.media-grid{display:grid;gap:26px;align-items:start;margin-top:28px}.layout-comparison,.layout-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-sequence.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.media{min-width:0}.media-zoom{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#fff;border:1px solid #d9dfe5;border-radius:14px;min-height:100px;text-decoration:none}.media-zoom img{width:100%;height:auto}.media.portrait .media-zoom{padding:14px;background:#fff}.media.portrait .media-zoom img{height:470px;width:100%;object-fit:contain}.media.landscape .media-zoom img{max-height:580px;object-fit:contain}.layout-wide .media.landscape .media-zoom img{max-height:none}.layout-sequence.count-3 .media.portrait .media-zoom img{height:395px}.inspect{position:absolute;right:10px;bottom:10px;padding:7px 10px;font:600 11px/1.4 var(--body);border:1px solid #d6deed;border-radius:6px;background:#f8f7f2f2;color:var(--accent);box-shadow:0 2px 8px #20232209}.media-zoom:hover .inspect{background:var(--accent);color:white}.media-tag{display:block;font-size:11px;letter-spacing:.035em;font-weight:600;text-transform:uppercase;line-height:1.6;color:var(--accent);margin:13px 0 6px}.media figcaption>p{font-size:14px;line-height:1.7;max-width:75ch;color:var(--muted)}.decision-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;border-top:1px solid #cdd6e8;margin-top:25px;padding-top:21px}.decision-notes>.eyebrow{grid-column:1/-1}.note-toggle{width:100%;display:flex;align-items:center;gap:13px;padding:12px 15px;min-height:48px;border:1px solid #9caacc;border-radius:9px;color:var(--accent);background:var(--paper);font-size:14px;font-weight:600;text-align:left}.note-toggle>span{flex:1}.note-toggle[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:white}.decision-notes>div>p{font-size:14px;line-height:1.7;padding:15px 9px 4px}.decision-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}.decision-card{background:var(--paper);padding:24px;border-radius:14px;border:1px solid #ccd5e7}.decision-card h3{font-size:25px;margin:12px 0}.decision-card>p:last-child{font-size:16px;line-height:1.7}.caption,.media-context{font-size:14px;color:var(--muted);line-height:1.7}.case-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:65px;align-items:start}.case-navigation{position:sticky;top:calc(var(--header) + 25px);border-top:1px solid var(--line);padding-top:17px}.case-jump summary{display:none;list-style:none;cursor:pointer}.case-jump summary::-webkit-details-marker{display:none}.case-jump-links>.eyebrow{margin-bottom:12px;color:var(--muted)}.case-jump-links a{display:block;min-height:44px;padding:10px 7px 10px 13px;margin-left:-13px;border-left:2px solid transparent;text-decoration:none;font-size:12px;line-height:1.55;color:var(--muted)}.case-jump-links a[aria-current=location]{border-color:var(--accent);color:var(--accent);font-weight:600}.case-jump-links a:hover{color:var(--accent)}.reading-progress{height:3px;background:#c8d0cb;margin-top:18px;overflow:hidden}.reading-progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.decision-section{padding-top:34px;margin-bottom:68px;scroll-margin-top:calc(var(--header) + 24px);border-top:1px solid var(--line)}.decision-section>.eyebrow{color:var(--accent);margin-bottom:16px}.decision-section>h2{font-size:38px;max-width:30ch;margin-bottom:23px;line-height:1.12}.prose{max-width:760px}.prose p{font-size:18px;line-height:1.8;max-width:75ch}.prose p+p{margin-top:19px}.prose ul{padding-left:23px}.prose li{margin-top:9px}.prose h3{font-size:24px;margin:22px 0 12px}.after-media{margin-top:25px}.decision-note,.decision-tradeoff{padding:20px 0 0 23px;border-left:3px solid var(--accent);margin-top:24px}.decision-note h3,.decision-tradeoff h3{margin-top:0}.media-context{margin-top:24px}.case-ending{padding:31px 0 55px;border-top:1px solid var(--line)}.case-ending>.eyebrow{color:var(--accent)}.case-ending h2{font-size:32px;line-height:1.2;margin:15px 0 26px;max-width:34ch}.credits{font-size:14px;line-height:1.75;color:var(--muted);max-width:75ch}.next-case{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px 50px;border-top:1px solid var(--line)}.next-case>a{display:flex;min-height:48px;font-size:14px;align-items:center;text-decoration:none}.next-case>a:last-child{display:block;text-align:right}.next-case span{display:block;font-size:11px;color:var(--muted)}.next-case strong{display:block;font:600 28px/1.5 var(--display);letter-spacing:-.03em}
.about-page{padding-block:60px 80px}.about-opening{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.about-opening h1{font-size:90px;margin-top:16px;letter-spacing:-.06em}.about-opening h1>span{color:var(--accent)}.about-standfirst{font:500 32px/1.3 var(--display);letter-spacing:-.035em;margin-top:25px}.about-standfirst em{font-style:normal;color:var(--accent)}.about-monogram{background:var(--ice);border-radius:26px;padding:33px;position:relative;height:280px;display:flex;align-items:center}.about-monogram>span{font:600 110px/1 var(--display);letter-spacing:-.09em;color:var(--accent)}.about-monogram>img{position:absolute;right:18px;top:30px;width:125px}.about-monogram small{position:absolute;bottom:26px;left:35px;font-size:12px}.about-main{display:grid;grid-template-columns:1.45fr .7fr;gap:100px;padding-top:60px;margin-top:50px;border-top:1px solid var(--line)}.about-main aside{font-size:14px;line-height:1.7}.about-main aside p+p{margin-top:25px}.about-main aside .text-link{font-size:13px;margin-top:20px}.about-strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px;padding-top:38px;border-top:1px solid var(--line)}.about-strengths>a{text-decoration:none}.about-strengths>a>span{font:500 17px/1 var(--display);color:var(--accent)}.about-strengths h2{font-size:30px;margin:15px 0}.about-strengths p{font-size:15px;color:var(--muted);line-height:1.75}.personal-note{margin-top:65px;padding:37px 0 0;border-top:1px solid var(--line);max-width:700px}.personal-note h2{font-size:38px;margin:15px 0 20px}.personal-note>p:not(.eyebrow){font-size:17px;color:var(--muted)}.personal-note .text-link{margin-top:20px}.resume-page,.not-found{padding-block:70px 100px;min-height:65vh}.resume-page h1{font-size:82px;margin-block:17px}.resume-page h1>span{color:var(--accent)}.standfirst{font-size:26px;line-height:1.5;margin-block:25px}.resume-note{font-size:14px;color:var(--muted);max-width:55ch;margin-top:22px}.resume-background{padding-top:35px;margin-top:40px;border-top:1px solid var(--line)}.resume-background h2{font-size:27px;margin:25px 0 13px}.resume-background p{font-size:17px;margin-top:10px}.resume-background .text-link{margin-top:25px}.not-found h1{margin-block:20px}.not-found .button{margin-top:25px}
.image-dialog{width:min(96vw,1180px);max-width:none;max-height:94dvh;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:20px}.image-dialog::backdrop{background:#202322e6}.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px}.image-toolbar h2{font-size:21px}.image-toolbar>div{display:flex;gap:12px}.image-toolbar button{font:600 13px/1.4 var(--body);border:1px solid #969e97;background:white;color:var(--ink);border-radius:8px;min-height:44px;padding:10px 14px}.image-toolbar button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.image-stage{max-height:65dvh;overflow:auto;background:var(--wash);padding:16px;overscroll-behavior:contain;min-height:100px}.image-stage img{width:auto;height:auto;max-width:100%;max-height:calc(65dvh - 32px);object-fit:contain;margin:auto}.image-stage.is-actual img{max-width:none;max-height:none}.image-description{font-size:13px;line-height:1.6;margin-top:13px}.image-original{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--accent)}body.image-open{overflow:hidden}
@media(min-width:900px){.hero-copy,.hero-exhibit{animation:arrive 650ms cubic-bezier(.2,.7,.2,1) both}.hero-exhibit{animation-delay:60ms}}@keyframes arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.home-hero{gap:35px;padding-top:52px}.hero-copy h1{font-size:62px}.hero-intro{font-size:17px}.hero-actions{gap:18px}.studio-arrow{width:98px;top:-22px;right:-13px}.exhibit-frame figcaption strong{font-size:23px}.exhibit-frame figcaption{padding:18px 15px}.project-media{height:340px}.cover-dd{padding-inline:22px}.phone-pair{height:242px}.phone-pair img{height:235px}.cover-label{font-size:10px}.cover-hf-line{font-size:19px}.project-copy h3{font-size:29px}.card-2empoweru .project-link{gap:35px}.card-2empoweru h3{font-size:36px}.card-2empoweru .project-media{height:398px}.case-layout{grid-template-columns:164px minmax(0,1fr);gap:39px}.case-summary{font-size:18px}.case-intro h1{font-size:57px}.case-jump-links a{font-size:11px}.media.portrait .media-zoom img{height:405px}.layout-sequence.count-3 .media.portrait .media-zoom img{height:305px}.about-teaser{column-gap:45px}.about-teaser h2{font-size:38px}.about-main{gap:60px}.about-opening h1{font-size:74px}.about-standfirst{font-size:29px}.about-monogram>span{font-size:95px}.about-monogram>img{width:100px}}
@media(max-width:850px){:root{--header:78px}.wrap{width:calc(100% - 56px)}#site-nav{gap:23px}#site-nav .contact-nav{margin-left:0}.home-hero{grid-template-columns:1.12fr 1fr;gap:28px;padding-block:42px 65px}.hero-copy h1{font-size:48px}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero-intro{font-size:16px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;gap:18px;padding-inline:18px}.hero-actions .text-link{font-size:13px}.exhibit-frame{padding:7px;border-radius:16px}.exhibit-bar{font-size:10px;gap:10px;padding:5px 5px 12px}.exhibit-bar a{font-size:9px}.exhibit-frame figcaption{display:block;padding:16px}.exhibit-frame figcaption>span{display:block;font-size:9px;margin-bottom:8px;max-width:none}.exhibit-frame figcaption strong{font-size:23px}.studio-arrow{width:80px;top:-15px;right:-10px}.exhibit-note{font-size:11px;gap:8px;padding-right:10px}.section-heading h2{font-size:36px}.section-heading>p{font-size:12px;max-width:23ch}.project-grid{gap:45px 24px}.project-media{height:310px}.cover-dd{padding:23px 15px 15px}.cover-label:first-child{padding-left:70px}.cover-label{font-size:9px;gap:15px}.phone-pair{height:223px;gap:15px}.phone-pair img{height:210px;max-width:45%}.cover-dd .cover-label:last-child{margin-top:10px}.cover-hf{padding:60px 17px 22px;gap:20px}.cover-hf-line{font-size:18px;gap:18px}.project-copy h3{font-size:27px}.project-name{font-size:17px}.project-summary{font-size:15px}.project-role{font-size:12px}.card-2empoweru .project-media{height:355px}.card-2empoweru h3{font-size:31px}.card-2empoweru .project-link{gap:29px}.cover-web{padding:50px 22px 36px}.cover-credit{font-size:9px;left:20px;right:20px;bottom:10px}.cover-research{padding:65px 24px 20px}.cover-research>p{font-size:29px}.cover-research>div{font-size:10px;margin-top:18px}.about-teaser{grid-template-columns:1fr;gap:22px;padding-block:50px 65px}.about-teaser h2{font-size:43px}.about-teaser>div>p{font-size:17px;max-width:67ch}.footer-bottom{align-items:start;gap:16px;flex-wrap:wrap}.footer-bottom>div{gap:19px}.contact-footer h2{font-size:64px}.case-intro h1{font-size:52px;max-width:22ch}.case-summary{font-size:18px}.case-meta{gap:28px}.case-thesis{font-size:20px}.lead-evidence{padding:28px;margin-bottom:40px}.lead-heading h2{font-size:30px}.case-layout{display:block}.case-navigation{top:var(--header);background:var(--paper);padding:0;border:1px solid #b9c3d1;box-shadow:0 8px 20px #2532470b;z-index:20;border-radius:12px;margin-bottom:35px}.case-jump summary{display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:66px;padding:12px 17px;font-size:12px;font-weight:600;color:var(--accent)}.current-chapter{font-size:12px;font-weight:500;color:var(--ink);flex:1;line-height:1.4;max-width:45ch}.case-jump-links{border-top:1px solid var(--line);padding:12px 22px 18px;max-height:48dvh;overflow:auto;overscroll-behavior:contain}.case-jump-links>.eyebrow{display:none}.case-jump-links a{margin:0;font-size:13px;padding:10px;min-height:44px}.reading-progress{margin:0 10px;height:2px}.decision-section{scroll-margin-top:calc(var(--header) + 98px);margin-bottom:52px}.decision-section>h2{font-size:36px;max-width:31ch}.case-chapters .prose{max-width:760px}.layout-sequence.count-3 .media.portrait .media-zoom img{height:380px}.layout-sequence.count-3{gap:18px}.media.portrait .media-zoom img{height:440px}.about-opening{gap:35px}.about-opening h1{font-size:67px}.about-standfirst{font-size:25px}.about-monogram{height:250px;padding:24px}.about-monogram>span{font-size:85px}.about-monogram>img{width:80px;right:5px}.about-monogram small{left:25px;bottom:22px;font-size:10px}.about-main{gap:40px;grid-template-columns:1.4fr .8fr}.about-strengths{gap:25px}.about-strengths h2{font-size:26px}.about-strengths p{font-size:14px}}
@media(max-width:600px){:root{--header:72px}.wrap{width:calc(100% - 40px)}.nav-row{min-height:var(--header);gap:20px}.wordmark{font-size:24px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:17px;min-height:44px;padding:9px 13px;border:1px solid #9da6b2;border-radius:999px;background:var(--paper);font-size:13px;color:var(--ink)}.menu-toggle>span{font-size:22px;line-height:1}.menu-toggle[aria-expanded=true]{background:var(--accent);color:white;border-color:var(--accent)}#site-nav{display:none;position:absolute;top:calc(var(--header) - 1px);left:0;right:0;padding:13px 20px 20px;background:var(--paper);border-bottom:1px solid #9da6b2;box-shadow:0 12px 20px #20232212;gap:0;flex-direction:column;align-items:stretch}#site-nav.is-open{display:flex}#site-nav>a{justify-content:space-between;min-height:49px;padding:10px 8px;font-size:15px;border-radius:0}#site-nav .contact-nav{border:0;border-radius:0;background:none;padding:10px 8px}#site-nav>a[aria-current]{box-shadow:none;border-left:3px solid var(--accent);padding-left:12px}.home-hero{grid-template-columns:1fr;gap:24px;padding-block:31px 37px}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.hero-copy h1{font-size:clamp(36px,11vw,58px);line-height:1.02;letter-spacing:-.06em}.hero-intro{font-size:16px;line-height:1.75;margin-top:21px;max-width:45ch}.hero-actions{margin-top:23px;gap:24px}.hero-actions .button{font-size:13px;min-height:52px;padding:11px 18px;gap:18px}.hero-actions .text-link{font-size:13px}.hero-actions .small-type{font-size:9px}.hero-exhibit{padding:21px 8px 10px 0;max-width:450px;width:100%;margin:4px auto 0}.hero-exhibit:before{inset:45px 0 22px 17px;border-radius:24px}.exhibit-frame{border-radius:17px;padding:8px;transform:rotate(-.7deg)}.exhibit-bar{font-size:11px;padding:5px 6px 11px}.exhibit-bar a{font-size:10px;min-height:32px}.exhibit-frame figcaption{display:flex;align-items:center;padding:17px 15px;gap:20px}.exhibit-frame figcaption>span{font-size:10px;max-width:14ch;margin:0}.exhibit-frame figcaption strong{font-size:24px}.studio-arrow{width:77px;right:-7px;top:-13px}.exhibit-note{font-size:11px;padding-right:17px;margin-top:15px}.exhibit-note br{display:none}.exhibit-note>span{font-size:22px}.selected-work{padding-block:26px 48px;scroll-margin-top:90px}.section-heading{display:block;margin:8px 0 27px}.section-heading .eyebrow{font-size:10px;margin-bottom:13px}.section-heading h2{font-size:34px;line-height:1.08}.section-heading>p{margin-top:16px;max-width:40ch;font-size:13px}.section-heading>p br{display:none}.project-grid{display:block}.project-card{margin-bottom:43px;scroll-margin-top:95px}.project-media{height:335px;border-radius:19px}.project-index{left:15px;top:15px;font-size:12px;padding:7px 9px}.cover-dd{padding:23px 20px 18px}.cover-label{font-size:10px}.phone-pair{height:246px;gap:24px}.phone-pair img{height:235px}.cover-dd .cover-label:last-child{margin-top:7px}.cover-hf{padding:63px 20px 22px;gap:22px}.cover-hf-line{font-size:22px}.project-copy{padding:21px 0 0}.project-name{font-size:20px}.project-copy h3{font-size:31px;line-height:1.13;margin-top:9px;max-width:24ch}.project-summary{font-size:16px;line-height:1.75}.project-role{font-size:12px;margin-top:17px}.case-link{font-size:13px;margin-top:21px;padding-top:13px}.card-2empoweru .project-link{display:block}.card-2empoweru .project-media{height:340px}.card-2empoweru .project-copy{padding-top:21px}.card-2empoweru h3{font-size:31px;max-width:21ch}.cover-web{padding:49px 25px 36px}.cover-gc-app{padding-inline:20px}.cover-credit{font-size:9px}.cover-research{padding:65px 27px 23px}.cover-research>p{font-size:34px}.cover-research>div{font-size:11px}.about-teaser{padding-block:36px 53px;gap:18px}.about-teaser>.eyebrow{font-size:10px}.about-teaser h2{font-size:34px}.about-teaser>div>p{font-size:17px;line-height:1.8}.contact-footer{padding-block:31px 18px}.footer-kicker>.eyebrow{font-size:10px;max-width:24ch}.footer-kicker>a{font-size:10px;flex:none}.contact-footer h2{font-size:clamp(36px,10vw,54px);line-height:1.06;margin-top:22px}.contact-row{display:block;margin-block:26px;padding-bottom:22px}.contact-email{font-size:clamp(15px,4.3vw,20px);gap:10px;min-height:44px;white-space:normal}.contact-email>span{font-size:26px}.contact-row>p{font-size:13px;margin-top:13px}.contact-row>p br{display:none}.footer-bottom{font-size:10px;gap:12px}.footer-bottom>div{gap:21px;flex-wrap:wrap;order:2;width:100%;font-size:11px}.footer-bottom>span:last-child{margin-left:auto}.case-intro{padding-top:20px}.back-link{font-size:12px;min-height:44px}.case-intro>.eyebrow{font-size:10px;margin:18px 0 15px}.case-intro h1{font-size:clamp(33px,9.8vw,43px);line-height:1.1;letter-spacing:-.045em;max-width:19ch}.case-summary{font-size:17px;line-height:1.8;margin-top:21px}.case-meta{grid-template-columns:1fr;gap:18px;padding-block:19px;margin-top:23px}.case-meta dt{font-size:10px}.case-meta dd{font-size:14px}.case-thesis{font-size:19px;line-height:1.5;gap:13px;margin:22px 0 27px}.case-thesis>span{font-size:25px}.lead-evidence{padding:23px 18px;border-radius:19px;margin-bottom:32px;scroll-margin-top:94px}.lead-heading .eyebrow{font-size:10px}.lead-heading h2{font-size:27px;line-height:1.14;margin:12px 0 15px}.lead-heading>p:last-child{font-size:16px;line-height:1.75}.media-grid{gap:24px;margin-top:24px}.layout-comparison,.layout-sequence,.layout-sequence.count-3{grid-template-columns:1fr}.media.portrait .media-zoom img,.layout-sequence.count-3 .media.portrait .media-zoom img{height:auto;max-height:610px;object-fit:contain}.media.portrait .media-zoom{padding:11px}.media-tag{font-size:10px;line-height:1.6;margin-top:13px}.media figcaption>p{font-size:14px;line-height:1.75}.inspect{font-size:10px;right:8px;bottom:8px;padding:7px 9px}.decision-notes{grid-template-columns:1fr;margin-top:24px;padding-top:20px;gap:12px}.decision-notes>.eyebrow{font-size:10px}.note-toggle{font-size:13px;gap:10px;padding:12px}.decision-notes>div>p{font-size:14px}.decision-pair{grid-template-columns:1fr;gap:16px;margin-block:21px}.decision-card{padding:19px}.decision-card h3{font-size:24px}.decision-card>p:last-child{font-size:16px}.caption,.media-context{font-size:14px}.case-navigation{margin-bottom:30px}.case-jump summary{min-height:69px;gap:13px;padding:12px 14px;font-size:10px}.current-chapter{font-size:11px;max-width:29ch}.case-jump-links{padding:10px 16px;max-height:46dvh}.case-jump-links a{font-size:13px;min-height:46px}.decision-section{padding-top:26px;margin-bottom:43px;scroll-margin-top:calc(var(--header) + 99px)}.decision-section>.eyebrow{font-size:10px;margin-bottom:16px}.decision-section>h2{font-size:30px;line-height:1.15;margin-bottom:21px}.prose p{font-size:17px;line-height:1.85}.prose p+p{margin-top:18px}.prose h3{font-size:23px}.prose li{font-size:17px}.decision-note,.decision-tradeoff{padding-left:17px}.case-ending{padding-top:26px;padding-bottom:36px}.case-ending h2{font-size:28px}.credits{font-size:14px;line-height:1.8}.next-case{padding-block:23px 35px;gap:20px}.next-case>a{font-size:12px}.next-case strong{font-size:23px}.next-case span{font-size:10px}.image-dialog{padding:14px;max-height:96dvh;border-radius:17px}.image-toolbar{gap:12px;padding-bottom:12px;flex-wrap:wrap}.image-toolbar h2{font-size:19px}.image-toolbar>div{gap:9px}.image-toolbar button{font-size:12px;padding-inline:12px}.image-stage{max-height:57dvh;padding:10px}.image-stage img{max-height:calc(57dvh - 20px)}.image-description{font-size:12px;margin-top:11px}.image-original{font-size:12px}.about-page{padding-block:38px 55px}.about-opening{display:block}.about-opening h1{font-size:61px;margin-top:16px}.about-standfirst{font-size:26px;margin-top:22px}.about-monogram{height:190px;max-width:400px;margin-top:28px;padding:27px}.about-monogram>span{font-size:87px}.about-monogram>img{width:100px;right:15px;top:20px}.about-monogram small{font-size:11px;left:28px;bottom:23px}.about-main{grid-template-columns:1fr;gap:29px;padding-top:34px;margin-top:34px}.about-main aside{padding-top:27px;border-top:1px solid var(--line);font-size:14px}.about-strengths{grid-template-columns:1fr;gap:30px;margin-top:39px;padding-top:30px}.about-strengths>a{display:grid;grid-template-columns:30px 1fr;gap:0 18px}.about-strengths>a>span{margin-top:6px;font-size:15px}.about-strengths h2{font-size:27px;margin:0 0 12px}.about-strengths p{grid-column:2;font-size:15px}.personal-note{margin-top:38px;padding-top:30px}.personal-note h2{font-size:30px}.personal-note>p:not(.eyebrow){font-size:17px}.resume-page,.not-found{padding-block:40px 60px}.resume-page h1{font-size:61px}.standfirst{font-size:23px}.resume-background h2{font-size:26px}.resume-background p{font-size:16px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;gap:15px;padding-inline:14px}.hero-actions .text-link{font-size:12px;gap:8px}.project-media{height:306px}.phone-pair{height:225px}.phone-pair img{height:216px}.cover-label{font-size:9px}.cover-dd{padding-inline:15px}.cover-label:first-child{padding-left:68px}.cover-hf-line{font-size:19px}.cover-research>p{font-size:30px}.project-copy h3,.card-2empoweru h3{font-size:29px}.contact-email{font-size:15px}.footer-bottom>div{gap:16px}.case-number{font-size:9px}.image-toolbar{display:block}.image-toolbar>div{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-link:hover,.button:hover{transform:none}}
@media print{.site-header,.case-navigation,.contact-footer,.image-dialog,.inspect,.next-case{display:none}.wrap{width:100%}.case-layout{display:block}.decision-section{break-before:auto}.media{break-inside:avoid}.project-grid{display:block}body{font-size:12pt}}

/* Keep the signature clear of the exhibit link and tighten the first-screen rhythm. */
@media(min-width:601px){.home-hero{padding-top:48px;padding-bottom:50px}.hero-exhibit{padding-top:12px;padding-bottom:16px}.home-hero .studio-arrow{width:102px;right:-20px;top:-65px}}
@media(max-width:600px){.home-hero .studio-arrow{width:64px;right:-2px;top:-30px}}
/* The document already offsets anchors for the fixed header. */
.decision-section,.lead-evidence,.selected-work{scroll-margin-top:0}
.project-card{scroll-margin-top:12px}
@media(max-width:850px){.decision-section{scroll-margin-top:80px}}
/* Maintain a visible control boundary against the cream surface. */
.note-toggle,.case-jump,.menu-toggle{border-color:#7187c9}