/* Noho-inspired warm editorial palette and interaction layer. */
:root{
  --noho-paper:#f2f0ec;
  --noho-soft:#e7e2da;
  --noho-sand:#d2c6b6;
  --noho-stone:#b8afa4;
  --noho-ink:#373735;
  --noho-muted:#706d68;
  --noho-line:#c8c1b7;
  --noho-blue:#9ca8aa;
  --serif:Archivo,Arial,'Microsoft YaHei',sans-serif;
  --sans:Archivo,Arial,'Microsoft YaHei',sans-serif;
  --mono:Archivo,Arial,'Microsoft YaHei',sans-serif;
  --home-serif:Archivo,Arial,'Microsoft YaHei',sans-serif;
}
body,body[data-page],body[data-project]{--surface:var(--noho-paper);--paper:var(--noho-paper);--footer-surface:var(--noho-paper);--ink:var(--noho-ink);--muted:var(--noho-muted);--line:var(--noho-line);--blue:#9d8f7a;--category-accent:#9d8f7a;background:var(--noho-paper);color:var(--noho-ink)}
.home-chapter-overview{background:#f4f2ee}.home-chapter-about{background:#e4dfd7}.home-chapter-works{background:#f0ede7}.home-chapter-resume{background:#d8cebf}.home-chapter-contact{background:#ebe6df}
.home-chapter-about,.home-chapter-resume,.home-chapter-contact{border-top:1px solid var(--noho-line)}
.home-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(44px,7vw,104px) max(5vw,34px);border-top:1px solid var(--noho-line);background:#ebe6df}.home-shortcuts nav{display:flex;gap:12px;flex-wrap:wrap}.home-shortcuts .pill{min-width:178px;justify-content:space-between}
.site-header{background:#f2f0ecee;border-bottom-color:var(--noho-line)}
.site-header nav a[aria-current]{color:#746550}
.prototype-hero{background:#f4f2ee;border-color:var(--noho-line)}
.prototype-cover-back{background:#c6beb3}.prototype-cover-front{background:#d5cec4}
.home-chapter-about .portrait,.home-chapter-contact .contact-art,.page .portrait,.page .contact-art{background:#d9d1c5}
.contact-art .loop{border-color:#948876}.contact-art .loop:nth-child(2){border-color:#b4a38f}.contact-art .loop:nth-child(3){border-color:#7f8d8f}
.map-card{background:#eeeae4;border-radius:8px;transform:scale(1);transform-origin:center;transition:transform .55s cubic-bezier(.16,1,.3,1),background-color .45s ease,box-shadow .55s ease}.map-card:hover,.map-card:focus-visible{background:var(--noho-sand);transform:scale(1.018);box-shadow:0 20px 42px -32px #37373580;z-index:2}
.footer-message{background:var(--noho-paper);border-top-color:var(--noho-line)}
.category-title:hover>span:nth-child(2),.category-row.active .category-title>span:nth-child(2){color:#8a7962}
.category-image,.category-placeholder{background:#c9c3bb;border-color:#aaa39a}
.category-project:hover .art-placeholder,.category-project:focus-visible .art-placeholder{background:#bdb4a8}
.project-index-link:hover,.project-index-link:focus-visible{color:#746550}

/* Every enhanced action uses a pale tactile surface. */
.sb-enhanced.sb-action{--sb-text-color:var(--noho-ink);background:linear-gradient(#ffffff4d,#ffffff4d),#ddd6cc!important;color:var(--noho-ink)!important;border:1px solid #bdb5aa!important;box-shadow:0 11px 25px -19px #37373580!important}
.sb-enhanced.sb-action:hover{background-color:#cfc4b5!important;color:var(--noho-ink)!important}
.pill,.pill.dark,.round{background:#e1dbd2;color:var(--noho-ink);border-color:#bdb5aa}.pill:hover,.pill.dark:hover,.round:hover:not(:disabled){background:#cfc4b5;color:var(--noho-ink)}
.site-header nav .sb-action:last-child,.site-header nav a:last-child{background:#e1dbd2!important;color:var(--noho-ink)!important}
.sb-action[aria-pressed=true],.site-header nav .sb-action[aria-current]{background:#d0c4b3!important;box-shadow:0 0 0 2px #9d8f7a,0 11px 25px -19px #37373580!important}
.sb-enhanced:focus-visible{outline-color:#7b6c58!important}

.works-view-toggle{position:sticky;top:88px;z-index:35;display:flex;align-items:center;gap:8px;border-top:1px solid var(--noho-line);padding:12px 0 14px;background:linear-gradient(180deg,var(--noho-paper) 78%,transparent);backdrop-filter:blur(9px)}
.works-view-toggle button{min-width:126px;min-height:48px;padding:13px 18px;border:1px solid var(--noho-line);border-radius:18px;display:flex;justify-content:space-between;gap:28px;font:11px var(--mono);background:#e8e3db;color:var(--noho-ink);transition:background-color .35s,color .35s,border-color .35s,transform .35s}
.works-view-toggle button:hover{background:#dad1c5;transform:translateY(-2px)}
.works-view-toggle button span{font-size:8px;opacity:.7}
.works-view-toggle button[aria-pressed=true]{background:var(--noho-sand);border-color:#9e927f;color:var(--noho-ink)}
.work-view-panel[hidden]{display:none!important}

/* ALL — six wide frames flow into a visible offset stack. */
.all-works-shell{position:relative;min-height:540vh}
.all-works-shell.is-released{min-height:auto}
.all-works-sticky{position:sticky;top:168px;height:calc(100svh - 168px);padding:12px 0 14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;overflow:hidden}
.all-works-shell.is-released .all-works-sticky{position:relative;top:auto;height:calc(100svh - 168px);min-height:660px}
.all-works-guide{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 15px}
.all-works-guide>div:first-child{display:flex;align-items:center;gap:18px;color:var(--noho-muted);font-size:11px}
.all-works-controls{display:flex;align-items:center;gap:10px;font:11px var(--mono)}
.all-works-controls button{width:44px;height:44px;border:1px solid var(--noho-line);border-radius:50%;background:#e6e0d7;color:var(--noho-ink);transition:transform .25s,background-color .25s}
.all-works-controls button:hover{background:var(--noho-sand);transform:scale(1.06)}
.all-works-controls span{min-width:58px;text-align:center}.all-works-controls b{font-weight:600}
.all-works{position:relative;min-height:0;height:100%;border:0;overflow:hidden;background:transparent;touch-action:pan-y;cursor:grab;perspective:1400px;isolation:isolate}
.all-works.is-dragging{cursor:grabbing}
.all-project{--card-x:0px;--card-y:0px;--card-rotate:0deg;--card-scale:1;--card-opacity:0;position:absolute;isolation:isolate;left:50%;top:50%;width:min(40vw,500px);height:auto;aspect-ratio:1;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:12px;background:#bdbdba;border:1px solid #eeeae4;box-shadow:0 24px 58px -42px #373735aa;opacity:var(--card-opacity);transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),0) rotate(var(--card-rotate)) scale(var(--card-scale));scale:1;transform-origin:50% 52%;will-change:transform,opacity;transition:background-color .5s,box-shadow .5s,scale .42s cubic-bezier(.22,1,.36,1)}
.all-project-open-layer{position:absolute;inset:0;z-index:8;display:block;border-radius:inherit;background:transparent}.all-project-open-layer:focus-visible{outline:3px solid #756854;outline-offset:-4px}
.all-project:hover,.all-project:focus-within{scale:1.025}.all-project:hover,.all-project:focus-within,.all-project.is-active{background:var(--noho-sand);box-shadow:0 32px 70px -38px #373735b8}
.all-project-media{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;background:#bdbdba;transition:background-color .55s}
.all-project-media>img,.all-project-media>video,.all-project-media>.art-placeholder{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .55s ease}
.all-project:hover .all-project-media>img,.all-project:focus-within .all-project-media>img,.all-project.is-active .all-project-media>img,.all-project:hover .all-project-media>video,.all-project:focus-within .all-project-media>video,.all-project.is-active .all-project-media>video{transform:scale(1.025);filter:saturate(1.04)}
.all-project:hover .all-project-media>.art-placeholder,.all-project:focus-within .all-project-media>.art-placeholder,.all-project.is-active .all-project-media>.art-placeholder{background:#c7c7c4}
.all-project-number{position:absolute;right:17px;top:17px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2f0ece0;color:var(--noho-ink);font:8px var(--mono);transition:transform .45s,background-color .45s}
.all-project:hover .all-project-number,.all-project:focus-within .all-project-number,.all-project.is-active .all-project-number{transform:scale(1.08);background:#e0d6c7}
.all-project-copy{position:relative;z-index:2;width:min(600px,78%);padding:16px 15px 14px;border:1px solid #ffffff5c;border-radius:3px;background:#f2f0eceb;color:var(--noho-ink);backdrop-filter:blur(12px);opacity:.92;transform:translateY(58px);transition:opacity .5s,transform .85s cubic-bezier(.22,1,.36,1),width .8s}
.all-project:hover .all-project-copy,.all-project:focus-within .all-project-copy,.all-project.is-active .all-project-copy{width:min(600px,78%);opacity:1;transform:none}
.all-project-copy .eyebrow{display:block;white-space:nowrap;overflow:hidden}
.all-project-copy h2{font:650 24px/.95 Archivo,Arial,sans-serif;letter-spacing:-.055em;margin:13px 0 0;white-space:nowrap}
.all-project-copy p{max-height:0;overflow:hidden;opacity:0;font-size:12px;line-height:1.65;color:#5f5a53;transition:max-height .6s,opacity .5s,margin .6s}
.all-project:hover .all-project-copy h2,.all-project:focus-within .all-project-copy h2,.all-project.is-active .all-project-copy h2{font-size:clamp(42px,5vw,76px);white-space:normal}
.all-project:hover .all-project-copy p,.all-project:focus-within .all-project-copy p,.all-project.is-active .all-project-copy p{max-height:80px;opacity:1;margin-top:12px}
.all-project-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:22px;margin-top:10px;padding:11px 13px;border-radius:3px;background:#373735d9;color:#f3f0ea;font:9px var(--mono);white-space:nowrap;opacity:0;transform:translateY(14px);transition:opacity .45s .08s,transform .65s .08s}
.all-project:hover .all-project-meta,.all-project:focus-within .all-project-meta,.all-project.is-active .all-project-meta{opacity:1;transform:none}
.all-works-shell.is-expanded .all-project-copy{width:100%;padding:12px;transform:translateY(calc(100% - 44px));opacity:.98}.all-works-shell.is-expanded .all-project-copy .eyebrow,.all-works-shell.is-expanded .all-project-copy p{display:none}.all-works-shell.is-expanded .all-project-copy h2{font-size:clamp(16px,1.45vw,24px);margin:0;white-space:nowrap}.all-works-shell.is-expanded .all-project-meta{display:none}
.all-works-progress{height:3px;margin-top:13px;background:#d8d1c8;overflow:hidden}.all-works-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#766956;will-change:transform}
.all-works-note{max-width:690px;margin:15px 0 0;font-size:9px;line-height:1.8;color:var(--noho-muted)}

/* One English type system and equal-weight split display words. */
.brand,.serif,.page-title,.section-head h2,.category-heading h1,.detail-heading h1,.contact-hero h1,.footer-message p,.footer-nav a,.resume-monogram,.resume-overview strong,.resume-block-title h2,.resume-entry-featured h3,.resume-skill-grid h3,.resume-empty>span,.resume-empty h3,.portrait-monogram,.portrait-caption span:first-child,.map-card h3,.email-text,.platform-links button,.platform-links a{font-family:var(--sans)}
.unified-display,.unified-display *{font-style:normal!important;font-weight:680!important}
.capability-title{font-family:var(--sans);font-style:normal;font-weight:680;letter-spacing:-.055em}
.category-heading .work-display{font:760 clamp(112px,19vw,300px)/.75 var(--sans);letter-spacing:-.085em;margin-top:28px}
.section-page-title,.about-intro .section-page-title,.category-heading .section-page-title,.resume-hero .section-page-title,.contact-hero .section-page-title{font:720 clamp(76px,10.8vw,166px)/.82 var(--sans);letter-spacing:-.075em;margin:28px 0 36px}
.page-return{position:fixed;z-index:90;left:22px;top:108px;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid var(--noho-line);border-radius:99px;background:#f2f0ecee;color:var(--noho-ink);font:600 10px var(--sans);box-shadow:0 8px 22px -18px #373735aa;backdrop-filter:blur(12px);transition:transform .28s ease,background-color .28s ease}.page-return:hover{transform:translateX(4px);background:#e6e0d7}.page-return:focus-visible{outline:2px solid #756854;outline-offset:3px}
.portrait-wrap{width:min(100%,390px);margin-left:auto}.portrait{--portrait-x:0px;--portrait-y:0px;--portrait-frame-x:0px;--portrait-frame-y:0px;--portrait-light-x:0px;--portrait-light-y:0px;--portrait-monogram-x:0px;--portrait-monogram-y:0px;--portrait-rotate:-9deg;--portrait-shine-x:50%;--portrait-shine-y:38%;width:84%;margin:20px 0 0 auto;aspect-ratio:.92;overflow:hidden;border-radius:8px;transform:translate3d(var(--portrait-x),var(--portrait-y),0);transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 45px -38px #37373599}.portrait:before{inset:-13px -13px 13px 13px;transform:translate3d(var(--portrait-frame-x),var(--portrait-frame-y),0);transition:transform .7s cubic-bezier(.16,1,.3,1)}.portrait:after{content:'';position:absolute;z-index:4;inset:0;background:radial-gradient(circle at var(--portrait-shine-x) var(--portrait-shine-y),#ffffff6b 0 3%,transparent 28%),linear-gradient(120deg,transparent 20%,#ffffff24 48%,transparent 70%);mix-blend-mode:screen;pointer-events:none;transform:translate3d(var(--portrait-light-x),var(--portrait-light-y),0) scale(1.08);transition:transform .75s cubic-bezier(.16,1,.3,1)}.portrait:hover{box-shadow:0 27px 58px -34px #37373580}.portrait-photo{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.045);transition:opacity .55s ease,transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.portrait-photo:nth-child(1){background:radial-gradient(circle at 34% 28%,#e6e0d7 0 12%,transparent 43%),linear-gradient(145deg,#cec6ba,#aaa59d)}.portrait-photo:nth-child(2){background:radial-gradient(circle at 68% 30%,#d7cbea 0 10%,transparent 42%),linear-gradient(135deg,#c8b8de,#b3ada9)}.portrait-photo:nth-child(3){background:radial-gradient(circle at 30% 72%,#e8d8ca 0 9%,transparent 40%),linear-gradient(155deg,#d6d2cc,#a8a49f)}.portrait-photo.is-active{opacity:1;transform:scale(1)}.portrait-photo small{position:absolute;right:18px;top:18px;font:8px var(--mono);letter-spacing:.08em;color:#4f4b46}.portrait-monogram{transform:translate3d(var(--portrait-monogram-x),var(--portrait-monogram-y),0) rotate(var(--portrait-rotate));transition:transform .75s cubic-bezier(.16,1,.3,1),letter-spacing .7s cubic-bezier(.16,1,.3,1)}.portrait:hover .portrait-monogram{letter-spacing:-.12em}.portrait .tag{z-index:6}.portrait-count{position:absolute;right:18px;bottom:19px;z-index:6;padding:6px 8px;border-radius:99px;background:#f2f0ece6;font:8px var(--mono);transition:background-color .35s}.portrait:hover .portrait-count{background:#e4d9eb}.capability-map{margin-top:55px}
.portrait-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.portrait-photo:nth-child(2)>img{object-position:center 38%}
.portrait:hover .portrait-photo.is-active>img{transform:scale(1.035)}
.portrait-photo small{z-index:2}
.portrait-photo{overflow:hidden;transition:opacity .18s linear,transform .68s cubic-bezier(.76,0,.24,1)}
.portrait-photo.is-active{z-index:1;opacity:1;transform:translateY(0) scale(1)}
.portrait-photo.is-entering{z-index:2;opacity:1;transform:translateY(100%) scale(1)}
.portrait-photo.is-leaving{z-index:1;opacity:1;transform:translateY(-100%) scale(1)}
.portrait:before,.portrait:after{display:none}
.detail-video{display:block;width:100%;aspect-ratio:16/9;margin:0;border-radius:24px;background:#cacac7;object-fit:contain}
.footer-message{--footer-one-x:0px;--footer-one-y:0px;--footer-one-r:0deg;--footer-two-x:0px;--footer-two-y:0px;--footer-two-r:0deg;--footer-spark-x:0px;--footer-spark-y:0px;--footer-spark-r:0deg;overflow:hidden;isolation:isolate}
.footer-message .footer-thanks{display:flex;align-items:baseline;justify-content:center;gap:.18em;font:720 clamp(78px,13.2vw,210px)/.82 var(--sans);letter-spacing:-.085em;white-space:nowrap;perspective:900px;color:var(--footer-color,var(--noho-ink));transition:color .72s cubic-bezier(.16,1,.3,1),letter-spacing .72s cubic-bezier(.16,1,.3,1)}
.kinetic-word{display:inline-block;font:inherit;font-style:normal;font-weight:inherit;transition:transform .72s cubic-bezier(.16,1,.3,1),letter-spacing .72s cubic-bezier(.16,1,.3,1);will-change:transform}.kinetic-word-one{transform:translate3d(var(--footer-one-x),var(--footer-one-y),0) rotate(var(--footer-one-r))}.kinetic-word-two{transform:translate3d(var(--footer-two-x),var(--footer-two-y),0) rotate(var(--footer-two-r))}
.footer-letter{display:inline-block;transform-origin:center 72%;transition:transform .3s cubic-bezier(.22,1,.36,1),color .28s ease;will-change:transform,color}.footer-letter:hover{transform:translateY(-.015em) scale(1.035);color:#a58fc2}
.footer-message .spark{flex:0 0 auto;transform:translate3d(var(--footer-spark-x),var(--footer-spark-y),0) rotate(var(--footer-spark-r));transition:transform .75s cubic-bezier(.16,1,.3,1)}
.motion-ready .footer-message .kinetic-word{opacity:0;filter:blur(8px);transform:translate3d(0,1.05em,0) rotate(2deg)}
.motion-ready .footer-message .kinetic-word-two{transition-delay:90ms}
.motion-ready .footer-message.is-kinetic-visible .kinetic-word{opacity:1;filter:none}.motion-ready .footer-message.is-kinetic-visible .kinetic-word-one{transform:translate3d(var(--footer-one-x),var(--footer-one-y),0) rotate(var(--footer-one-r))}.motion-ready .footer-message.is-kinetic-visible .kinetic-word-two{transform:translate3d(var(--footer-two-x),var(--footer-two-y),0) rotate(var(--footer-two-r))}
.footer-message.is-pointer-active .footer-thanks{letter-spacing:-.1em}

/* Category titles stay in one horizontal row; preview behavior remains shared. */
.category-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;padding:55px 0 390px;isolation:isolate}
.category-row{position:static;min-width:0;border-top:1px solid var(--noho-line);border-bottom:1px solid var(--noho-line)}
.category-row+.category-row{border-left:1px solid var(--noho-line)}
.category-row h2{position:relative;z-index:2;margin:0;width:100%}
.category-title{width:100%;min-height:190px;padding:26px 16px 24px;display:flex;align-items:flex-end;justify-content:flex-start;position:relative;line-height:.98;text-align:left}
.category-title>span:nth-child(2){font-size:clamp(29px,4.15vw,68px);white-space:nowrap}
.category-no{left:16px;top:18px}.category-label{left:16px;right:auto;top:48px;text-align:left}
.category-panel{position:absolute;left:0;right:0;top:245px;height:330px;display:flex;align-items:flex-start;gap:24px;padding:22px 4px 34px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a99e90 transparent}
.category-panel[hidden]{display:none}
.category-panel .category-project,.category-panel .category-placeholder{position:relative;inset:auto;top:auto;left:auto;right:auto;flex:0 0 clamp(230px,27vw,390px);width:auto;max-width:none;transform:none;animation:category-row-appear .65s cubic-bezier(.22,1,.36,1) both;scroll-snap-align:start;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s ease}
.category-panel .category-project:nth-child(2){animation-delay:70ms}.category-panel .category-project:nth-child(3){animation-delay:140ms}.category-panel .category-project:nth-child(n+4){animation-delay:190ms}
.category-panel .category-project:hover,.category-panel .category-project:focus-visible{transform:translateY(-7px) scale(1.022);filter:drop-shadow(0 18px 18px #37373520);z-index:2}
.category-panel .category-image{aspect-ratio:1.55;border-radius:9px}.category-panel .category-placeholder{height:250px;aspect-ratio:auto;border-radius:9px}
@keyframes category-row-appear{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}

/* Resume — clear overview followed by numbered editorial chapters. */
.resume-page{padding-top:70px}.resume-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:8%;align-items:end;padding-bottom:52px}
.resume-hero .page-title{font-size:clamp(90px,13vw,190px);line-height:.8;margin:31px 0 36px;letter-spacing:-.065em}
.resume-lead{max-width:650px;font-size:clamp(18px,2.1vw,31px);line-height:1.45;letter-spacing:-.025em}
.resume-hero-action{padding:27px;border:1px solid var(--noho-line);background:#e6e0d7}.resume-hero-action p{margin-top:18px;font-size:10px;line-height:1.8;color:var(--noho-muted)}
.resume-download-button{width:100%;justify-content:space-between}
.resume-overview{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #aea597;background:#d3c7b6}
.resume-overview>div{min-height:185px;padding:24px;border-left:1px solid #aea597;display:flex;flex-direction:column}.resume-overview>div:first-child{border-left:0}
.resume-overview strong{margin-top:auto;font:clamp(19px,2vw,30px)/1.08 var(--serif);overflow-wrap:anywhere}.resume-overview small{margin-top:13px;font-size:9px;color:#686057;line-height:1.5}
.resume-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:7%;padding-top:70px}
.resume-aside{position:sticky;top:120px;align-self:start}.resume-monogram{display:block;font:72px/.8 var(--serif);letter-spacing:-.1em}.resume-aside>p{margin:18px 0 34px;font-size:10px;color:var(--noho-muted)}
.resume-aside nav{border-top:1px solid var(--noho-line)}.resume-aside nav a{position:relative;display:block;padding:13px 0;border-bottom:1px solid var(--noho-line);font:9px var(--mono);transition:padding .35s cubic-bezier(.16,1,.3,1),color .3s}.resume-aside nav a:hover,.resume-aside nav a[aria-current="true"]{padding-left:16px;color:#76629a}.resume-aside nav a[aria-current="true"]:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#ad9bc8;transform:translateY(-50%)}
.resume-content{border-top:1px solid var(--noho-line)}.resume-block{scroll-margin-top:110px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:7%;padding:43px 0 58px;border-bottom:1px solid var(--noho-line)}
.resume-block-title{display:flex;gap:22px;align-items:flex-start}.resume-block-title>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #9f968a;border-radius:50%;font:9px var(--mono);flex:0 0 auto}.resume-block-title h2{font:clamp(27px,3vw,42px)/1 var(--serif);margin-top:10px}
.resume-context{font-size:11px;line-height:1.8;color:var(--noho-muted);margin-bottom:15px;max-width:520px}
.resume-entry{display:grid;grid-template-columns:90px minmax(0,1fr);gap:22px;padding:24px 0;border-top:1px solid var(--noho-line)}.resume-entry time{font:9px var(--mono);color:var(--noho-muted)}.resume-entry h3{font-size:16px;margin:0 0 9px}.resume-entry h3 small{display:inline-block;margin-left:7px;padding:3px 6px;border:1px solid var(--noho-line);border-radius:99px;font:7px var(--mono);color:var(--noho-muted)}.resume-entry p{font-size:11px;line-height:1.75;color:var(--noho-muted)}
.resume-entry-featured{padding:34px;background:#e7e1d8;border:1px solid var(--noho-line)}.resume-entry-featured h3{font:26px var(--serif)}
.resume-skill-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--noho-line);border-left:1px solid var(--noho-line)}.resume-skill-grid>div{min-height:185px;padding:22px;border-right:1px solid var(--noho-line);border-bottom:1px solid var(--noho-line);background:#e8e3dc}.resume-skill-grid span{font:9px var(--mono);color:var(--noho-muted)}.resume-skill-grid h3{font:23px var(--serif);margin:38px 0 8px}.resume-skill-grid p,.resume-skill-grid small{font-size:10px;color:var(--noho-muted)}.resume-skill-grid small{display:block;margin-top:18px}
.resume-empty{display:grid;grid-template-columns:55px 1fr;gap:22px;padding:30px;background:#d3c7b6;margin-bottom:20px}.resume-empty>span{font:36px var(--serif)}.resume-empty h3{font:22px var(--serif);margin-bottom:8px}.resume-empty p{font-size:11px;line-height:1.7;color:#625b52}

/* Equal hierarchy for the four inner-page titles. */
.about-intro .section-page-title,.category-heading .section-page-title,.resume-hero .section-page-title,.contact-hero .section-page-title{font-size:clamp(76px,10.8vw,166px);font-weight:720;line-height:.82;letter-spacing:-.075em;margin:28px 0 36px}

.motion-ready .flow-reveal{opacity:0;transform:translateY(64px) scale(.982);clip-path:inset(0 0 17% 0);filter:blur(6px);transition:opacity 1s cubic-bezier(.22,1,.36,1) var(--flow-delay,0ms),transform 1.15s cubic-bezier(.22,1,.36,1) var(--flow-delay,0ms),clip-path 1.15s cubic-bezier(.22,1,.36,1) var(--flow-delay,0ms),filter .9s ease var(--flow-delay,0ms)}
.motion-ready .flow-reveal.is-revealed{opacity:1;transform:none;clip-path:inset(0);filter:none}

.cursor-dot{position:fixed;left:0;top:0;width:8px;height:8px;border-radius:50%;background:#766956;color:#f4f1eb;display:grid;place-items:center;z-index:2147483647;pointer-events:none;opacity:0;will-change:transform,width,height;transition:width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1),opacity .2s,background-color .25s;mix-blend-mode:multiply}
.cursor-dot span{font:8px var(--sans);opacity:0;transform:scale(.7);transition:opacity .2s,transform .3s;white-space:nowrap}
.custom-cursor-active,.custom-cursor-active a,.custom-cursor-active button,.custom-cursor-active [role="button"]{cursor:none!important}.custom-cursor-active .cursor-dot{opacity:1}.cursor-dot.is-hidden{opacity:0}.cursor-dot.is-interactive{width:18px;height:18px;background:#a79986}.cursor-dot.is-view{width:52px;height:52px;background:#4b4945;mix-blend-mode:normal}.cursor-dot.is-view span{opacity:1;transform:none}.cursor-dot.is-down{width:40px;height:40px}

@media(max-width:1000px){.resume-overview{grid-template-columns:1fr 1fr}.resume-overview>div:nth-child(3){border-left:0}.resume-overview>div:nth-child(n+3){border-top:1px solid #aea597}.resume-layout{grid-template-columns:150px minmax(0,1fr);gap:5%}.resume-block{grid-template-columns:170px 1fr;gap:5%}}
@media(max-width:900px){.all-project{width:min(52vw,470px);height:auto}.all-project:hover .all-project-copy,.all-project:focus-within .all-project-copy,.all-project.is-active .all-project-copy{width:88%}.category-title{min-height:165px;padding-inline:12px}.category-title>span:nth-child(2){font-size:4.2vw}.category-no,.category-label{left:12px}.category-panel{top:225px;height:300px}.category-stage{padding-bottom:345px}}
@media(max-width:700px){
  .site-header nav{background:var(--noho-paper)}.site-header nav .sb-action,.site-header nav .sb-action:last-child{background:#e1dbd2!important;color:var(--noho-ink)!important}
  .works-view-toggle{top:72px;padding-bottom:14px}.works-view-toggle button{flex:1;min-width:0}
  .all-works-guide{align-items:center}.all-works-guide>div:first-child>span:last-child{display:none}.all-works-controls button{width:40px;height:40px}
  .all-works-shell{min-height:500vh}.all-works-sticky{top:150px;height:calc(100svh - 150px);padding:10px 0}.all-works-shell.is-released .all-works-sticky{height:calc(100svh - 150px);min-height:520px}
  .all-works{margin-left:-6.8%;margin-right:-6.8%;border-left:0;border-right:0}
  .all-project{width:64vw;height:auto;padding:13px}
  .all-project-copy{padding:13px 12px;transform:translateY(51px)}.all-project:hover .all-project-copy,.all-project:focus-within .all-project-copy,.all-project.is-active .all-project-copy{width:100%}.all-project:hover .all-project-copy h2,.all-project:focus-within .all-project-copy h2,.all-project.is-active .all-project-copy h2{font-size:42px}.all-project-copy h2{font-size:20px}.all-project-meta{font-size:7px;padding:9px}.all-project-number{right:12px;top:12px}.all-works-note{font-size:8px}
  .resume-page{padding-top:54px}.resume-hero{grid-template-columns:1fr;gap:35px}.resume-hero .page-title{font-size:27vw;margin:28px 0}.resume-lead{font-size:20px}.resume-hero-action{padding:20px}
  .resume-overview{grid-template-columns:1fr 1fr}.resume-overview>div{min-height:150px;padding:17px}.resume-overview strong{font-size:19px}.resume-overview small{font-size:8px}
  .resume-layout{grid-template-columns:1fr;padding-top:45px}.resume-aside{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:1px solid var(--noho-line);padding-bottom:30px}.resume-aside>p{margin:13px 0 0}.resume-aside nav{display:none}.resume-monogram{font-size:55px}.resume-block{grid-template-columns:1fr;gap:30px;padding:35px 0 44px;scroll-margin-top:82px}.resume-block-title h2{font-size:33px}.resume-entry{grid-template-columns:65px 1fr;gap:14px}.resume-entry-featured{padding:24px 18px}.resume-skill-grid>div{min-height:160px;padding:16px}.resume-skill-grid h3{font-size:20px;margin-top:30px}.resume-empty{padding:22px 18px;grid-template-columns:40px 1fr}
  .category-stage{grid-template-columns:repeat(4,minmax(0,1fr));min-height:390px;padding:26px 0 285px;overflow:visible}.category-row h2{width:100%}.category-title{min-height:112px;padding:18px 7px 14px;justify-content:flex-start;align-items:flex-end}.category-title>span:nth-child(2){font-size:5.05vw;letter-spacing:-.055em}.category-no{left:7px;top:10px;font-size:6px}.category-label{left:7px;right:auto;top:30px;font-size:6px;line-height:1.35}.category-label small{font-size:5px}.category-panel{position:absolute;left:0;right:0;top:150px;height:270px;display:flex;gap:14px;padding:12px 5px 25px;overflow-x:auto;pointer-events:auto}.category-panel .category-project,.category-panel .category-placeholder{position:relative;inset:auto;flex:0 0 72vw;width:auto;max-width:none;transform:none}.category-panel .category-project:hover,.category-panel .category-project:focus-visible{transform:translateY(-4px) scale(1.015)}.category-panel .category-image{aspect-ratio:1.45}.category-panel .category-placeholder{height:220px}
  .section-page-title,.about-intro .section-page-title,.category-heading .section-page-title,.resume-hero .section-page-title,.contact-hero .section-page-title{font-size:20.8vw;line-height:.86;margin:24px 0 30px}.footer-message .footer-thanks{font-size:18.5vw;gap:.14em}.footer-message .spark{font-size:6vw;margin-left:.08em}
  .page-return{left:12px;top:88px;min-height:38px;padding:9px 11px;font-size:9px}.page-return span{display:none}.portrait-wrap{width:68%;margin-right:0}.portrait{width:88%;margin-top:10px}.capability-map{margin-top:42px}
}
@media(pointer:coarse),(hover:none){.cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .flow-reveal{opacity:1;transform:none;clip-path:none;filter:none;transition:none}.cursor-dot{display:none}.motion-ready .footer-message .kinetic-word{opacity:1;filter:none;transform:none}.footer-letter:hover{transform:none;color:inherit}.all-works-shell{min-height:auto}.all-works-sticky{position:static;height:auto}.all-works{display:flex;gap:12px;height:min(72vw,460px);overflow-x:auto;scroll-snap-type:x mandatory}.all-project{position:relative;left:auto;top:auto;flex:0 0 min(72vw,440px);width:auto;height:auto;aspect-ratio:1;opacity:1!important;transform:none!important;scroll-snap-align:center}.all-project,.all-project-copy,.all-project-media,.all-project-meta{transition:none}.all-works-shell.is-expanded .all-project-copy{transform:none}}
.motion-paused .flow-reveal{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}.motion-paused .cursor-dot{display:none}.motion-paused .all-works-shell{min-height:auto}.motion-paused .all-works-sticky{position:static;height:auto}.motion-paused .all-works{display:flex;gap:12px;height:min(72vw,460px);overflow-x:auto}.motion-paused .all-project{position:relative;left:auto;top:auto;flex:0 0 min(72vw,440px);width:auto;height:auto;aspect-ratio:1;opacity:1!important;transform:none!important}.motion-paused .all-project,.motion-paused .all-project-copy,.motion-paused .all-project-media,.motion-paused .all-project-meta{transition:none!important}

@media(prefers-reduced-motion:reduce){.portrait-photo,.map-card,.category-panel .category-project{transition:none}.map-card:hover,.map-card:focus-visible,.category-panel .category-project:hover,.category-panel .category-project:focus-visible{transform:none;filter:none}}
.motion-paused .portrait-photo,.motion-paused .map-card,.motion-paused .category-panel .category-project{transition:none!important}.motion-paused .map-card:hover,.motion-paused .map-card:focus-visible,.motion-paused .category-panel .category-project:hover,.motion-paused .category-panel .category-project:focus-visible{transform:none!important;filter:none!important}

/* Manual light/dark theme. The dark palette follows the near-black and periwinkle
   reference while preserving the site's quiet editorial hierarchy. */
.theme-toggle{order:-1;display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:30px;min-height:30px;padding:0 8px;border:1px solid #3737352e;border-radius:99px;background:transparent;color:var(--noho-ink);transition:border-color .28s ease,color .28s ease,opacity .28s ease;opacity:.68}
.theme-toggle:hover{transform:none;background:transparent;opacity:1;border-color:#37373566}.theme-toggle:focus-visible{outline:1px solid #756854;outline-offset:3px}.theme-toggle>sb-surface{display:none!important}.theme-toggle.sb-enhanced.sb-action{background:transparent!important;border-color:#3737352e!important;box-shadow:none!important;padding:0 8px!important}
.theme-toggle-icons{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;line-height:1}.theme-sun{font-size:13px;opacity:1}.theme-moon{font-size:14px;opacity:.28}.theme-sun,.theme-moon{transition:opacity .28s ease,color .28s ease}.theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="dark"]{color-scheme:dark;--theme-night:#0b0b0c;--theme-night-soft:#101011;--theme-night-raised:#161617;--theme-blue:#88a9ff;--theme-blue-soft:#acc0ff;--theme-text:#f4f4f1;--theme-muted:#b0b0b2;--theme-line:#ffffff1c;background:#0b0b0c}
html[data-theme="dark"] body,html[data-theme="dark"] body[data-page],html[data-theme="dark"] body[data-project]{--surface:var(--theme-night);--paper:var(--theme-night);--footer-surface:var(--theme-night-soft);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--blue:var(--theme-blue);--category-accent:var(--theme-blue);--noho-paper:var(--theme-night);--noho-ink:var(--theme-text);--noho-muted:var(--theme-muted);--noho-line:var(--theme-line);--noho-sand:#1d1e21;background:var(--theme-night);color:var(--theme-text)}
html[data-theme="dark"] ::selection{background:var(--theme-blue);color:#0e0e0f}
html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] [tabindex]:focus-visible{outline-color:var(--theme-blue)}
html[data-theme="dark"] .site-header{background:#0b0b0cf2;border-bottom-color:var(--theme-line);color:var(--theme-text)}
html[data-theme="dark"] .site-header nav a,html[data-theme="dark"] .brand,html[data-theme="dark"] .menu-toggle{color:var(--theme-text)}
html[data-theme="dark"] .site-header nav a:after{background:var(--theme-blue)}
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .theme-toggle.sb-enhanced.sb-action{background:transparent!important;color:var(--theme-text)!important;border-color:#ffffff24!important;box-shadow:none!important}
html[data-theme="dark"] .theme-toggle:hover{background:transparent!important;border-color:#ffffff52!important}.theme-toggle[aria-pressed="true"] .theme-sun{opacity:.25}.theme-toggle[aria-pressed="true"] .theme-moon{opacity:1;color:var(--theme-blue)}
html[data-theme="dark"] .reading-progress{background:var(--theme-blue)}
html[data-theme="dark"] .intro-wipe{background:var(--theme-night);color:var(--theme-blue)}
html[data-theme="dark"] .global-motion{background:#141415!important;color:var(--theme-muted)!important;border-color:var(--theme-line)!important;box-shadow:none!important}

html[data-theme="dark"] .home-chapter-overview,html[data-theme="dark"] .home-chapter-works,html[data-theme="dark"] .home-chapter-contact{background:var(--theme-night)}
html[data-theme="dark"] .home-chapter-about,html[data-theme="dark"] .home-chapter-resume{background:var(--theme-night-soft)}
html[data-theme="dark"] .home-shortcuts{background:var(--theme-night-soft);border-color:var(--theme-line)}
html[data-theme="dark"] .prototype-hero{background:var(--theme-night);border-color:var(--theme-line)}
html[data-theme="dark"] .prototype-hero:before{display:none}
html[data-theme="dark"] .prototype-hero h1,html[data-theme="dark"] .section-page-title,html[data-theme="dark"] .capability-title,html[data-theme="dark"] .footer-thanks,html[data-theme="dark"] .resume-monogram{color:var(--theme-text)}
html[data-theme="dark"] .prototype-hero h1{font-family:var(--sans);font-weight:760;line-height:.88;letter-spacing:-.072em}
html[data-theme="dark"] .footer-thanks{font-family:var(--sans);font-weight:760;letter-spacing:-.072em}
html[data-theme="dark"] .kinetic-title.is-visible.is-interactive-ready .letter:hover,html[data-theme="dark"] .footer-letter:hover{color:var(--theme-blue)}
html[data-theme="dark"] .prototype-intro p+p,html[data-theme="dark"] .prototype-covers .object-caption{color:var(--theme-muted)}
html[data-theme="dark"] .prototype-cover-back{background:#1a1a1b}html[data-theme="dark"] .prototype-cover-front,html[data-theme="dark"] .prototype-project-image{background:#1c1c1e}
html[data-theme="dark"] .prototype-cover-back img{opacity:.72;filter:saturate(.72) brightness(.78)}
html[data-theme="dark"] .prototype-project-name,html[data-theme="dark"] .prototype-project-open,html[data-theme="dark"] .tag{background:#101011e8;color:var(--theme-text);border-color:#ffffff26}
html[data-theme="dark"] .prototype-explore{background:transparent;color:var(--theme-text);border:1px solid var(--theme-line)}html[data-theme="dark"] .prototype-explore:hover{background:#ffffff08;color:var(--theme-blue);border-color:#8ea5dc66}
html[data-theme="dark"] .dot:before,html[data-theme="dark"] .prototype-cover-controls .dot:before{border-color:var(--theme-blue)}html[data-theme="dark"] .dot[aria-pressed=true]:before,html[data-theme="dark"] .prototype-cover-controls .dot[aria-pressed=true]:before{background:var(--theme-blue);border-color:var(--theme-blue)}

html[data-theme="dark"] .portrait,html[data-theme="dark"] .contact-art,html[data-theme="dark"] .home-chapter-about .portrait,html[data-theme="dark"] .home-chapter-contact .contact-art{background:#181819;border-color:var(--theme-line);box-shadow:none}
html[data-theme="dark"] .portrait:before{border-color:var(--theme-line)}
html[data-theme="dark"] .portrait-count{background:#11141ce6;color:var(--theme-blue)}
html[data-theme="dark"] .map-card{background:#151516;border-color:var(--theme-line)}html[data-theme="dark"] .map-card:hover,html[data-theme="dark"] .map-card:focus-visible{background:#1a1a1c;box-shadow:none}
html[data-theme="dark"] .map-center{background:var(--theme-night-soft);border-color:#82a8ff66;color:var(--theme-blue)}

html[data-theme="dark"] .works-view-toggle{background:linear-gradient(180deg,var(--theme-night) 78%,transparent);border-color:var(--theme-line)}
html[data-theme="dark"] .works-view-toggle button,html[data-theme="dark"] .all-works-controls button{background:transparent;color:var(--theme-text);border-color:var(--theme-line);box-shadow:none}
html[data-theme="dark"] .works-view-toggle button:hover,html[data-theme="dark"] .all-works-controls button:hover{background:#ffffff08;color:var(--theme-blue)}
html[data-theme="dark"] .works-view-toggle button[aria-pressed="true"]{background:#ffffff0a;border-color:#ffffff30;color:var(--theme-text)}
html[data-theme="dark"] .all-project,html[data-theme="dark"] .all-project-media{background:#1a1a1b;border-color:#ffffff14}
html[data-theme="dark"] .all-project:hover,html[data-theme="dark"] .all-project:focus-within,html[data-theme="dark"] .all-project.is-active{background:#1d1d1f;box-shadow:0 18px 45px -38px #000}
html[data-theme="dark"] .all-project-open-layer:focus-visible{outline-color:var(--theme-blue)}
html[data-theme="dark"] .all-project-number{background:#111112df;color:var(--theme-muted)}html[data-theme="dark"] .all-project:hover .all-project-number,html[data-theme="dark"] .all-project:focus-within .all-project-number,html[data-theme="dark"] .all-project.is-active .all-project-number{background:#19191b;color:var(--theme-blue)}
html[data-theme="dark"] .all-project-copy{background:#101011ed;color:var(--theme-text);border-color:#ffffff1d}html[data-theme="dark"] .all-project-meta{background:#080809e8;color:var(--theme-text)}
html[data-theme="dark"] .all-works-progress{background:#252832}html[data-theme="dark"] .all-works-progress span{background:var(--theme-blue)}
html[data-theme="dark"] .category-title>span:nth-child(2){color:var(--theme-text)}html[data-theme="dark"] .category-title:hover>span:nth-child(2),html[data-theme="dark"] .category-row.active .category-title>span:nth-child(2){color:var(--theme-blue)}
html[data-theme="dark"] .category-image,html[data-theme="dark"] .category-placeholder{background:#19191a;border-color:#ffffff17;box-shadow:none}html[data-theme="dark"] .category-image-arrow{background:#111112;color:var(--theme-text)}html[data-theme="dark"] .category-caption{color:var(--theme-text)}
html[data-theme="dark"] .art-placeholder{background:#24272e;border-color:#3a3e49}html[data-theme="dark"] .category-project:hover .art-placeholder,html[data-theme="dark"] .prototype-project:hover .art-placeholder,html[data-theme="dark"] .prototype-cover-front:hover .art-placeholder{background:#2b3040}

html[data-theme="dark"] .resume-hero-action,html[data-theme="dark"] .resume-entry-featured,html[data-theme="dark"] .resume-skill-grid>div{background:#151516;border-color:var(--theme-line)}
html[data-theme="dark"] .resume-overview,html[data-theme="dark"] .resume-empty{background:#181819;border-color:var(--theme-line)}
html[data-theme="dark"] .resume-empty p,html[data-theme="dark"] .chapter-section p{color:var(--theme-muted)}
html[data-theme="dark"] .resume-aside nav a:hover,html[data-theme="dark"] .resume-aside nav a[aria-current="true"]{color:var(--theme-blue)}html[data-theme="dark"] .resume-aside nav a[aria-current="true"]:before{background:var(--theme-blue)}
html[data-theme="dark"] .chapter-nav{background:var(--theme-night)}html[data-theme="dark"] .chapter-nav a:before{background:var(--theme-night);border-color:#82a8ff66}html[data-theme="dark"] .chapter-nav a[aria-current]:before{background:var(--theme-blue);color:#090a0d}
html[data-theme="dark"] .zoom-image,html[data-theme="dark"] .detail-video,html[data-theme="dark"] .video-placeholder{background:#181819;border-color:var(--theme-line)}html[data-theme="dark"] .zoom-image .zoom-mark{background:#101011;color:var(--theme-blue)}
html[data-theme="dark"] .page-return{background:#0d0d0ee8;color:var(--theme-text);border-color:#ffffff28}html[data-theme="dark"] .page-return:hover{background:#171719;color:var(--theme-blue)}

html[data-theme="dark"] .contact-art .loop{border-color:var(--theme-blue)}html[data-theme="dark"] .contact-art .loop:nth-child(2){border-color:#a58cff}html[data-theme="dark"] .contact-art .loop:nth-child(3){border-color:#b6ccff}
html[data-theme="dark"] .footer-message{background:var(--theme-night-soft);border-color:var(--theme-line)}
html[data-theme="dark"] .footer-message .eyebrow,html[data-theme="dark"] .footer-message .spark{color:var(--theme-blue)}
html[data-theme="dark"] .site-footer,html[data-theme="dark"] .footer-nav,html[data-theme="dark"] .footer-bottom{border-color:var(--theme-line)}
html[data-theme="dark"] dialog{background:#111319;color:var(--theme-text);border:1px solid var(--theme-line)}html[data-theme="dark"] dialog::backdrop{background:#030407df}
html[data-theme="dark"] #toast{background:var(--theme-blue);color:#090a0d}
html[data-theme="dark"] .cursor-dot{background:var(--theme-blue);color:#090a0d;mix-blend-mode:normal}html[data-theme="dark"] .cursor-dot.is-interactive{background:#a9c1ff}html[data-theme="dark"] .cursor-dot.is-view{background:var(--theme-blue);color:#090a0d}

/* Dark editorial type: strong display faces, firmer utility copy and flat links. */
html[data-theme="dark"] .site-header nav a.sb-action{min-height:36px;padding:10px 3px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:650;letter-spacing:.075em}
html[data-theme="dark"] .site-header nav a.sb-action[aria-current]{color:var(--theme-blue)!important;border-bottom:1px solid var(--theme-blue)!important}
html[data-theme="dark"] .site-header nav a.sb-action:hover{color:var(--theme-blue)!important;background:transparent!important}
html[data-theme="dark"] .site-header nav .theme-toggle{min-height:30px;padding:0 8px!important;border:1px solid #ffffff24!important;border-radius:99px!important}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .prototype-kicker,html[data-theme="dark"] .all-works-guide,html[data-theme="dark"] .all-project-meta,html[data-theme="dark"] .category-caption,html[data-theme="dark"] .detail-meta dt,html[data-theme="dark"] .resume-context,html[data-theme="dark"] .resume-entry time,html[data-theme="dark"] .prototype-project-info,html[data-theme="dark"] .placeholder-note{font-weight:650}
html[data-theme="dark"] .prototype-intro,html[data-theme="dark"] .prototype-project-copy,html[data-theme="dark"] .about-copy,html[data-theme="dark"] .chapter-section p,html[data-theme="dark"] .resume-entry p,html[data-theme="dark"] .resume-empty p,html[data-theme="dark"] .contact-hero p{font-weight:500}
html[data-theme="dark"] .muted,html[data-theme="dark"] small,html[data-theme="dark"] .small,html[data-theme="dark"] .works-description,html[data-theme="dark"] .gallery-footnote{font-weight:560}
html[data-theme="dark"] .pill,html[data-theme="dark"] .prototype-explore,html[data-theme="dark"] .page-return,html[data-theme="dark"] .works-view-toggle button,html[data-theme="dark"] .all-works-controls button{font-weight:620;letter-spacing:.035em}

html[data-theme="dark"] .sb-enhanced.sb-action,html[data-theme="dark"] .site-header nav .sb-action:last-child,html[data-theme="dark"] .site-header nav a:last-child,html[data-theme="dark"] .pill,html[data-theme="dark"] .pill.dark,html[data-theme="dark"] .round{--sb-text-color:var(--theme-text);background:transparent!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important;box-shadow:none!important}
html[data-theme="dark"] .sb-enhanced.sb-action:hover,html[data-theme="dark"] .pill:hover,html[data-theme="dark"] .pill.dark:hover,html[data-theme="dark"] .round:hover:not(:disabled){background:#ffffff08!important;color:var(--theme-blue)!important;border-color:#ffffff2c!important}
html[data-theme="dark"] .sb-action[aria-pressed="true"],html[data-theme="dark"] .site-header nav .sb-action[aria-current]{background:#ffffff09!important;border-color:#ffffff30!important;box-shadow:none!important}
html[data-theme="dark"] sb-surface{display:none!important}

/* In the light theme, specular motion stays dormant until the matching control
   or frame is directly hovered or keyboard-focused. */
html[data-theme="light"] .sb-enhanced>sb-surface{opacity:0;transition:opacity .16s ease}
html[data-theme="light"] .sb-enhanced:hover>sb-surface,html[data-theme="light"] .sb-enhanced:focus-visible>sb-surface,html[data-theme="light"] .sb-enhanced:focus-within>sb-surface{opacity:1}

@media(max-width:700px){.theme-toggle,.theme-toggle.sb-enhanced.sb-action{justify-content:center;width:48px;min-width:48px;min-height:30px;padding:0 8px!important;align-self:flex-start}html[data-theme="dark"] .site-header nav{background:#0e0e0ff7}html[data-theme="dark"] .site-header nav .sb-action,html[data-theme="dark"] .site-header nav .sb-action:last-child{background:transparent!important;color:var(--theme-text)!important}}

html[data-theme="dark"] .prototype-hero h1{font-family:Impact,'Arial Narrow','Roboto Condensed',Archivo,sans-serif;font-weight:400;line-height:.76;letter-spacing:-.045em}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-sun,.theme-moon,html[data-theme="light"] .sb-enhanced>sb-surface{transition:none}}

/* React Bits DotGrid is a home-first-screen background layer. Content remains
   above the canvas, while cards keep their own opaque surfaces for readability. */
.dark-dot-grid-root{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;width:100%;height:100svh;overflow:hidden}
body[data-page="home"] .dark-dot-grid-root[data-active="true"]{opacity:1;visibility:visible}
body>main,body>.site-footer{position:relative;z-index:1}
body[data-page="home"] main,body[data-page="home"] #home-home,body[data-page="home"] #home-home .prototype-hero{background:transparent}
html[data-theme="dark"] .site-footer{background:#0b0b0cd9;backdrop-filter:blur(2px)}
@media(prefers-reduced-motion:reduce){.dark-dot-grid-root{transition:none}}

/* Readable editorial scale for navigation, metadata and supporting copy. */
:root{--type-micro:clamp(11px,.76vw,13px);--type-small:clamp(12px,.88vw,14px)}
body{font-size:15px}
.brand span{font-size:10px}
.site-header nav a,.theme-toggle-label{font-size:12px}
.eyebrow,.prototype-kicker,.prototype-scroll-note,.prototype-hero-works-label span,.prototype-hero-project-index,.works-view-toggle button span,.all-works-guide,.all-project-meta,.all-project-number,.all-works-note,.category-caption,.detail-meta dt,.resume-context,.resume-entry time,.resume-entry h3 small,.resume-skill-grid span,.resume-overview small,.resume-aside>p,.resume-hero-action p,.placeholder-note,.gallery-footnote,.gallery-bar,.gallery-controls .eyebrow,.chapter-nav a span,.process-grid figcaption,.resume-download p,.platform-links small,.footer-bottom,.footer-bottom button,.tag{font-size:var(--type-micro)}
.text-link,.pill,.prototype-explore,.prototype-project-info,.prototype-hero-project-info,.all-project-copy p,.category-project-meta,.works-description,.gallery-summary p,.detail-top,.detail-meta dd,.chapter-nav a,.chapter-nav button,.project-pagination,.resume-entry p,.resume-skill-grid p,.resume-skill-grid small,.resume-empty p,.contact-email p,.footer-message>span:not(.eyebrow){font-size:var(--type-small)}
.prototype-hero-three .prototype-intro p+p,.chapter-section p,.resume-section p,.contact-hero p{font-size:clamp(13px,.95vw,15px)}
.filter-nav a,.resume-item time,.skill-row,.lightbox-top,.lightbox-bottom{font-size:clamp(12px,.82vw,14px)}
.filter-nav a span,.capability-strip small,.selected-meta span,.selected-caption,.map-center{font-size:clamp(11px,.72vw,13px)}

@media(max-width:700px){
  body{font-size:14px}
  .brand span{font-size:9px}.menu-toggle{font-size:12px}
  .eyebrow,.prototype-kicker,.prototype-scroll-note,.prototype-hero-works-label span,.prototype-hero-project-index,.works-view-toggle button span,.all-works-guide,.all-project-meta,.all-project-number,.all-works-note,.category-caption,.detail-meta dt,.resume-context,.resume-entry time,.resume-entry h3 small,.resume-skill-grid span,.resume-overview small,.resume-aside>p,.resume-hero-action p,.placeholder-note,.gallery-footnote,.gallery-bar,.gallery-controls .eyebrow,.chapter-nav a span,.process-grid figcaption,.resume-download p,.platform-links small,.footer-bottom,.footer-bottom button,.tag{font-size:11px}
  .site-header nav a{font-size:15px}
  .text-link,.pill,.prototype-explore,.prototype-project-info,.prototype-hero-project-info,.all-project-copy p,.category-project-meta,.works-description,.gallery-summary p,.detail-top,.detail-meta dd,.chapter-nav a,.chapter-nav button,.project-pagination,.resume-entry p,.resume-skill-grid p,.resume-skill-grid small,.resume-empty p,.contact-email p,.footer-message>span:not(.eyebrow){font-size:12px}
  .prototype-hero-three .prototype-intro p+p,.chapter-section p,.resume-section p,.contact-hero p{font-size:13px}
  .filter-nav a,.resume-item time,.skill-row,.lightbox-top,.lightbox-bottom{font-size:12px}
}

/* Each newly added project follows the structure of its supplied material. */
.project-story .zoom-image{background:#e4e1db}.project-story .chapter-section>p{max-width:720px}.series-hero{margin-top:30px}.series-hero-image{aspect-ratio:1.9}.series-pair,.series-finale,.echo-pair,.book-spread,.book-details,.game-moodboard,.game-finale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.series-pair .zoom-image{aspect-ratio:1}.series-finale .zoom-image{aspect-ratio:1.15}.echo-thought{position:relative;margin-top:28px;max-width:720px}.echo-thought-image{aspect-ratio:1.45}.echo-thought>.eyebrow{display:block;margin-top:12px}.echo-pair .zoom-image:first-child{aspect-ratio:.88}.echo-pair .zoom-image:last-child{aspect-ratio:1.2}.echo-finale{margin-top:28px;max-width:760px}.echo-finale .zoom-image{aspect-ratio:1.65}.book-cover{margin-top:28px;max-width:680px}.book-cover-image{aspect-ratio:1.28}.book-spread{gap:10px;background:#e7e2da;padding:11px}.book-spread .zoom-image{aspect-ratio:.82}.book-details .zoom-image{aspect-ratio:1}.game-moodboard{grid-template-columns:1.3fr .7fr;align-items:start}.game-moodboard .zoom-image:first-child{aspect-ratio:1.25}.game-moodboard .zoom-image:last-child{aspect-ratio:1}.game-atlas{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px;margin-top:28px}.game-atlas .zoom-image{aspect-ratio:1}.game-finale .zoom-image:first-child{aspect-ratio:.72}.game-finale .zoom-image:last-child{aspect-ratio:1.2}.detail-series .detail-cover{aspect-ratio:1.85}.detail-echo .detail-cover{aspect-ratio:1.55}.detail-book .detail-cover{aspect-ratio:1.12}.detail-game .detail-cover{aspect-ratio:.86;max-width:min(760px,100%)}

/* Monster-A case study: process boards, orthographic plate, and spatial derivative. */
.monster-highlight{display:flex;align-items:flex-start;gap:18px;padding:20px 22px;border-left:2px solid #9da57a;background:color-mix(in srgb,#9da57a 10%,var(--paper));font-size:clamp(14px,1.15vw,17px);line-height:1.8}
.monster-highlight strong{flex:0 0 auto;color:#727c45;font-size:12px;letter-spacing:.08em}
.project-story-monster .monster-one-line{max-width:850px;margin:22px 0 16px;font-size:clamp(20px,2vw,29px);line-height:1.55;font-weight:600;color:var(--ink)}
.project-story-monster .monster-description{max-width:850px;line-height:2}
.monster-concept-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.monster-concept-tags span{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}
.project-story-monster .chapter-section h2 small{margin-left:12px;color:var(--muted);font:500 12px var(--sans);letter-spacing:.08em}
.monster-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;margin-top:30px}
.monster-process-card{min-width:0}
.monster-process-image{width:100%;aspect-ratio:16/9;background:#f3ebd9!important}
.monster-process-image img,.monster-orthographic-image img,.monster-derivative-image img{object-fit:contain}
.monster-process-card figcaption,.monster-feature-figure figcaption{display:flex;gap:12px;align-items:baseline;margin-top:12px;color:var(--muted);font-size:12px}
.monster-process-card figcaption span{color:#87914c;font-size:10px;letter-spacing:.1em}
.monster-outcome-stack{display:grid;gap:45px;margin-top:32px}
.monster-outcome-block>.eyebrow{display:block;margin-bottom:12px;color:var(--muted)}
.monster-feature-figure{max-width:100%}
.monster-orthographic-image{width:100%;aspect-ratio:16/9;background:#f3ebd9!important}
.monster-derivative-figure{max-width:1000px;margin-inline:auto}
.monster-derivative-image{width:100%;aspect-ratio:1.42;background:#f3ebd9!important}
@media(max-width:700px){.monster-highlight{display:block}.monster-highlight strong{display:block;margin-bottom:5px}.monster-process-grid{grid-template-columns:1fr;gap:22px}.monster-process-image{aspect-ratio:1.52}.monster-concept-tags{gap:7px}.monster-concept-tags span{font-size:11px;padding:8px 11px}.monster-outcome-stack{gap:30px}.monster-orthographic-image{aspect-ratio:1.35}}
@media(max-width:700px){.series-pair,.series-finale,.echo-pair,.book-spread,.book-details,.game-moodboard,.game-finale,.game-atlas{grid-template-columns:1fr;gap:13px}.book-spread{padding:8px}.detail-series .detail-cover,.detail-echo .detail-cover,.detail-book .detail-cover,.detail-game .detail-cover{aspect-ratio:1.04}.detail-game .detail-cover{max-width:100%}}

/* Keep each AI image at its original ratio and separate the two finished series. */
.series-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 16px;margin-top:22px}
.series-gallery figure{min-width:0;margin:0}
.series-gallery figcaption{padding:9px 2px 0;color:var(--noho-muted);font-size:12px;line-height:1.5}
.series-group{margin-top:38px}
.series-group h3{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px solid var(--noho-line);padding-bottom:12px;font-size:clamp(20px,2.2vw,30px);font-weight:650}
.series-group h3 span{font-size:12px;font-weight:500;color:var(--noho-muted)}
@media(max-width:700px){.series-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:700px){.home-shortcuts{align-items:flex-start;flex-direction:column;padding:42px 6.8%}.home-shortcuts nav{width:100%}.home-shortcuts .pill{flex:1;min-width:0}}

.project-video-block{margin:25px 0 10px;padding:18px;border:1px solid var(--noho-line);background:var(--paper)}
.project-video-block>div{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;font-size:13px}
.project-video-block video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#171717}
html[data-theme="dark"] .project-video-block{background:#101011;border-color:#ffffff1c}
.space-design-grid,.space-render-grid,.lock-sketch-grid,.lock-outcome-grid{display:grid;gap:18px;margin-top:24px}
.space-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.space-views-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.space-render-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lock-sketch-grid,.lock-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lock-views-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.project-story-space figure,.project-story-lock figure,.project-story-book figure,.project-story-game figure{min-width:0;margin:0}
.project-story-space figcaption,.project-story-lock figcaption,.project-story-book figcaption,.project-story-game figcaption{padding:9px 2px 0;color:var(--noho-muted);font-size:12px;line-height:1.5}
.project-story-space .zoom-image,.project-story-lock .zoom-image,.project-story-book .zoom-image,.project-story-game .zoom-image{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden}
.project-story-space .zoom-image img,.project-story-lock .zoom-image img,.project-story-book .zoom-image img,.project-story-game .zoom-image img{width:100%;height:100%;object-fit:cover}
.project-story-space .space-views-grid .zoom-image{aspect-ratio:1/1.15}
.project-story-space .space-render-grid .zoom-image{aspect-ratio:1.42}
.project-story-book .book-cover .zoom-image{max-width:680px;aspect-ratio:1.25;margin:0 auto}
.project-story-book .book-cover .zoom-image img{object-fit:contain}
.project-story-book .book-spread,.project-story-book .book-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;margin-top:24px}
.project-story-book .book-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 12px}
.project-story-book .book-spread .zoom-image{aspect-ratio:1.5}
.project-story-book .book-details .zoom-image{aspect-ratio:1/1.22}
.game-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.game-card-groups{display:grid;gap:38px;margin-top:30px}
.game-card-groups section h3{margin:0 0 14px;font-size:20px}
.game-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.game-card-grid .zoom-image{aspect-ratio:3/4}
.game-finale{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:24px;align-items:center}
.game-finale .zoom-image{aspect-ratio:4/3}
.game-finale figure:last-child .zoom-image{aspect-ratio:1/1}
@media(max-width:800px){.space-views-grid{gap:9px}.project-story-book .book-details{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.space-design-grid,.space-views-grid,.space-render-grid,.lock-sketch-grid,.lock-views-grid,.lock-outcome-grid,.project-story-book .book-spread,.project-story-book .book-details,.game-showcase-grid,.game-finale{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.space-views-grid .zoom-image{aspect-ratio:1/1.25}.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-video-block{padding:11px}.project-video-block>div{align-items:flex-start;flex-direction:column;gap:6px}}


/* Portrait poster presentation keeps the full headline and artwork visible. */
.detail-poster .detail-cover{width:min(58vw,720px);aspect-ratio:.707;margin:22px auto 44px}
.detail-poster .detail-cover img{object-fit:contain;background:#eeece7}
.project-story-poster .poster-concept{max-width:720px;margin:24px auto}
.project-story-poster .poster-concept .zoom-image{aspect-ratio:1.4}
.project-story-poster .poster-frame{max-width:650px;margin:24px auto}
.project-story-poster .poster-frame .zoom-image{aspect-ratio:.707}
@media(max-width:700px){.detail-poster .detail-cover{width:min(88vw,560px);margin:12px auto 34px}.project-story-poster .poster-concept,.project-story-poster .poster-frame{max-width:100%}}

/* Original image proportions are retained in the lock and AI galleries. */
.detail-lock .detail-cover,.detail-series .detail-cover,.project-story-lock .zoom-image,.project-story-series .zoom-image{aspect-ratio:auto;height:auto;overflow:hidden}
.detail-lock .detail-cover img,.detail-series .detail-cover img,.project-story-lock .zoom-image img,.project-story-series .zoom-image img{display:block;width:100%;height:auto;object-fit:contain}
.lock-sketch-grid,.lock-views-grid,.lock-outcome-grid{align-items:start}
.poster-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin-top:26px}
.poster-series-grid figure{min-width:0;margin:0}
.poster-series-grid .zoom-image{aspect-ratio:auto;height:auto}
.poster-series-grid .zoom-image img{height:auto;object-fit:contain}
.poster-series-grid figcaption{padding:9px 2px 0;color:var(--noho-muted);font-size:12px}
@media(max-width:700px){.poster-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.poster-series-grid,.series-gallery{grid-template-columns:1fr}}


/* The selected book pages share one continuous, page-numbered rhythm. */
.project-story-book .book-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;margin-top:24px}
.project-story-book .book-pages figure{min-width:0;margin:0}
.project-story-book .book-pages .zoom-image{display:block;width:100%;aspect-ratio:1409/2000;overflow:hidden;background:#e7e2da}
.project-story-book .book-pages .zoom-image img{width:100%;height:100%;object-fit:contain}
.project-story-book .book-pages figcaption{padding:9px 2px 0;color:var(--noho-muted);font-size:12px}
@media(max-width:800px){.project-story-book .book-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.project-story-book .book-pages{gap:16px 10px}}

/* The overview artwork stays fully visible at its original panorama ratio. */
.detail-series .detail-cover{aspect-ratio:16188/7124}
.detail-series .detail-cover img{width:100%;height:100%;object-fit:contain}
.project-story-series .series-gallery .zoom-image img{width:100%;height:auto;object-fit:contain}
.project-story-game .game-moodboard{grid-template-columns:minmax(0,1fr);max-width:760px}

/* Larger supporting type throughout the portfolio. */
:root{--type-micro:14px;--type-small:16px}
body{font-size:16px}
.brand span{font-size:13px}
.site-header nav a,.theme-toggle-label,.menu-toggle{font-size:14px}
.eyebrow,.prototype-kicker,.prototype-scroll-note,.prototype-hero-works-label span,.prototype-hero-project-index,.works-view-toggle button span,.all-works-guide,.all-works-guide>div:first-child,.all-works-controls,.all-project-meta,.all-project-number,.category-caption,.category-help,.category-status,.category-no,.category-label,.category-label small,.detail-meta dt,.resume-context,.resume-entry time,.resume-entry h3 small,.resume-skill-grid span,.resume-overview small,.resume-hero-action p,.placeholder-note,.gallery-footnote,.gallery-bar,.gallery-controls .eyebrow,.chapter-nav a span,.process-grid figcaption,.resume-download p,.platform-links small,.footer-bottom,.footer-bottom button,.tag,.object-caption,.portrait-photo small,.portrait-count,.resume-block-title>span,.prototype-project-info small,.prototype-cover-controls,.prototype-work-intro>span,.monster-process-card figcaption span{font-size:var(--type-micro)}
.text-link,.pill,.prototype-explore,.prototype-project-info,.prototype-hero-project-info,.all-project-copy p,.category-project-meta,.works-description,.gallery-summary p,.detail-top,.detail-meta dd,.chapter-nav a,.chapter-nav button,.project-pagination,.resume-entry p,.resume-skill-grid p,.resume-skill-grid small,.resume-empty p,.contact-email p,.footer-message>span:not(.eyebrow),.prototype-intro p+p,.prototype-work-intro p,.prototype-about-row p,.category-heading>p,.category-toolbar,.category-caption strong,.selected-caption,.map-card p,.work-row-copy p,.work-row-intro,.preview-meta,.series-group p,.chapter-section p,.contact-hero p{font-size:var(--type-small)}
.filter-nav a,.resume-item time,.skill-row,.lightbox-top,.lightbox-bottom,.capability-strip small,.selected-meta span,.map-center,.project-story figcaption,.monster-process-card figcaption,.monster-feature-figure figcaption,.series-gallery figcaption,.poster-series-grid figcaption,.project-story-book .book-pages figcaption{font-size:15px}
.filter-nav a span,.category-label small,.series-group h3 span,.project-story-monster .chapter-section h2 small{font-size:14px}
.resume-aside nav a{font-size:16px;font-weight:700;line-height:1.5}
.resume-aside nav{margin-top:18px}
@media(max-width:700px){
  :root{--type-micro:13px;--type-small:15px}
  body{font-size:15px}
  .brand span{font-size:12px}
  .site-header nav a,.theme-toggle-label,.menu-toggle{font-size:15px}
  .eyebrow,.prototype-kicker,.prototype-scroll-note,.prototype-hero-works-label span,.prototype-hero-project-index,.works-view-toggle button span,.all-works-guide,.all-works-guide>div:first-child,.all-works-controls,.all-project-meta,.all-project-number,.category-caption,.category-help,.category-status,.category-no,.category-label,.category-label small,.detail-meta dt,.resume-context,.resume-entry time,.resume-entry h3 small,.resume-skill-grid span,.resume-overview small,.resume-hero-action p,.placeholder-note,.gallery-footnote,.gallery-bar,.gallery-controls .eyebrow,.chapter-nav a span,.process-grid figcaption,.resume-download p,.platform-links small,.footer-bottom,.footer-bottom button,.tag,.object-caption,.portrait-photo small,.portrait-count,.resume-block-title>span,.prototype-project-info small,.prototype-cover-controls,.prototype-work-intro>span,.monster-process-card figcaption span{font-size:var(--type-micro)}
  .text-link,.pill,.prototype-explore,.prototype-project-info,.prototype-hero-project-info,.all-project-copy p,.category-project-meta,.works-description,.gallery-summary p,.detail-top,.detail-meta dd,.chapter-nav a,.chapter-nav button,.project-pagination,.resume-entry p,.resume-skill-grid p,.resume-skill-grid small,.resume-empty p,.contact-email p,.footer-message>span:not(.eyebrow),.prototype-intro p+p,.prototype-work-intro p,.prototype-about-row p,.category-heading>p,.category-toolbar,.category-caption strong,.selected-caption,.map-card p,.work-row-copy p,.work-row-intro,.preview-meta,.series-group p,.chapter-section p,.contact-hero p{font-size:var(--type-small)}
  .resume-aside nav a{font-size:15px;font-weight:700}
  .filter-nav a,.resume-item time,.skill-row,.lightbox-top,.lightbox-bottom,.capability-strip small,.selected-meta span,.map-center,.project-story figcaption,.monster-process-card figcaption,.monster-feature-figure figcaption,.series-gallery figcaption,.poster-series-grid figcaption,.project-story-book .book-pages figcaption{font-size:14px}
}

/* Complete the size floor for labels defined in the older page styles. */
small,.small,.hero-art .tag,.cover-controls,.scroll-note,.capability-strip .num,.chapter-nav a:before,.skill-row span:last-child,#toast,.media-error,.hero-top,.hero-top .eyebrow,.hero-top .cn-name,.hero-copy .eyebrow,.section-head .eyebrow,.footer-message .eyebrow,.portrait-caption .eyebrow,.works-heading .eyebrow,.works-heading>.eyebrow,.gallery-card .tag,.detail-heading .eyebrow,.contact-art .tag,.lightbox-top span,.hero-object .tag,.scroll-cue,.motion-toggle,.work-index,.work-year,.work-open,.work-preview .tag,.preview-open,.global-motion,.intro-count,.intro-caption,.mobile-work-image .tag,.all-category,.all-category span,.category-image .tag,.category-placeholder>span:last-child,.category-placeholder small,.project-index-link>span,.category-empty>span,.category-heading .eyebrow,.category-toolbar>.eyebrow,.index-heading>.eyebrow,.prototype-cover-front>.tag,.prototype-covers .object-caption,.prototype-scroll-note span,.prototype-featured-toolbar .eyebrow,.prototype-hero-three .prototype-kicker,.prototype-hero-three .prototype-hero-works-label span,.prototype-hero-three .prototype-hero-project-index,.prototype-hero-three .prototype-scroll-note,.works-view-toggle button,.page-return,.monster-highlight strong,.monster-concept-tags span,.project-story-space figcaption,.project-story-lock figcaption,.project-story-book figcaption,.project-story-game figcaption{font-size:14px}
.empty-state p,.resume-section p,.hero-copy,.home-capabilities .intro p,.education-line,.prototype-intro,.prototype-hero-three .prototype-intro,.prototype-hero-three .prototype-intro p+p,.prototype-hero-three .prototype-explore,.prototype-hero-three .prototype-explore.sb-enhanced,.prototype-hero-three .prototype-hero-project-info{font-size:16px}
.section-head .text-link,.home-about .text-link,.gallery-summary .pill,.prototype-section-heading>a,.prototype-about-row a,.prototype-featured-toolbar>a,.prototype-project-name{font-size:15px}
@media(max-width:700px){
  small,.small,.hero-art .tag,.cover-controls,.scroll-note,.capability-strip .num,.chapter-nav a:before,.skill-row span:last-child,#toast,.media-error,.hero-top,.hero-top .eyebrow,.hero-top .cn-name,.hero-copy .eyebrow,.section-head .eyebrow,.footer-message .eyebrow,.portrait-caption .eyebrow,.works-heading .eyebrow,.works-heading>.eyebrow,.gallery-card .tag,.detail-heading .eyebrow,.contact-art .tag,.lightbox-top span,.hero-object .tag,.scroll-cue,.motion-toggle,.work-index,.work-year,.work-open,.work-preview .tag,.preview-open,.global-motion,.intro-count,.intro-caption,.mobile-work-image .tag,.all-category,.all-category span,.category-image .tag,.category-placeholder>span:last-child,.category-placeholder small,.project-index-link>span,.category-empty>span,.category-heading .eyebrow,.category-toolbar>.eyebrow,.index-heading>.eyebrow,.prototype-cover-front>.tag,.prototype-covers .object-caption,.prototype-scroll-note span,.prototype-featured-toolbar .eyebrow,.prototype-hero-three .prototype-kicker,.prototype-hero-three .prototype-hero-works-label span,.prototype-hero-three .prototype-hero-project-index,.prototype-hero-three .prototype-scroll-note,.works-view-toggle button,.page-return,.monster-highlight strong,.monster-concept-tags span,.project-story-space figcaption,.project-story-lock figcaption,.project-story-book figcaption,.project-story-game figcaption{font-size:13px}
  .empty-state p,.resume-section p,.hero-copy,.home-capabilities .intro p,.education-line,.prototype-intro,.prototype-hero-three .prototype-intro,.prototype-hero-three .prototype-intro p+p,.prototype-hero-three .prototype-explore,.prototype-hero-three .prototype-explore.sb-enhanced,.prototype-hero-three .prototype-hero-project-info{font-size:15px}
  .section-head .text-link,.home-about .text-link,.gallery-summary .pill,.prototype-section-heading>a,.prototype-about-row a,.prototype-featured-toolbar>a,.prototype-project-name{font-size:14px}
}

/* The two next-step links are prominent cards on the home page. */
.home-shortcuts{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,2fr);align-items:stretch;gap:clamp(28px,4vw,64px);padding:clamp(56px,7vw,100px) 5%;background:#eeebe5;border-top:1px solid var(--line)}
.home-shortcuts-heading{align-self:center}
.home-shortcuts-heading .eyebrow{display:block;margin-bottom:17px}
.home-shortcuts-heading h2{font:750 clamp(34px,3.4vw,54px)/1.08 var(--sans);letter-spacing:-.06em}
.home-shortcuts-heading p{margin-top:18px;font-size:16px;line-height:1.6;color:var(--muted)}
.home-shortcuts nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-shortcut-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:188px;padding:25px 28px;border:1px solid #b7b1a7;border-top:3px solid var(--ink);border-radius:3px;box-shadow:0 4px 12px #2728240b;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-shortcut-card:hover,.home-shortcut-card:focus-visible{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 10px 22px #27282418}
.home-shortcut-resume{background:#f8f6f1;color:var(--ink)}
.home-shortcut-contact{background:#e4dfd7;color:var(--ink)}
.home-shortcut-top{font:700 14px var(--mono);letter-spacing:.08em;color:#68675f}
.home-shortcut-card strong{font:750 clamp(28px,2.6vw,40px)/1.1 var(--sans);letter-spacing:-.05em}
.home-shortcut-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:#55564f}
.home-shortcut-bottom b{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #a39e95;border-radius:50%;font-size:21px;font-weight:400;color:var(--ink);transition:transform .25s ease}
.home-shortcut-card:hover .home-shortcut-bottom b,.home-shortcut-card:focus-visible .home-shortcut-bottom b{transform:translate(3px,-3px)}
html[data-theme="dark"] .home-shortcut-resume{background:#232326;color:#f2efe9;border-color:#77736f}
html[data-theme="dark"] .home-shortcut-contact{background:#302e2f;color:#f2efe9;border-color:#77736f}
html[data-theme="dark"] .home-shortcut-top,html[data-theme="dark"] .home-shortcut-bottom{color:#d0ccc6}
html[data-theme="dark"] .home-shortcut-bottom b{color:#f2efe9;border-color:#a5a09b}
@media(max-width:800px){.home-shortcuts{grid-template-columns:1fr;gap:25px}.home-shortcuts-heading p{margin-top:10px}}
@media(max-width:600px){.home-shortcuts{padding:48px 6.8%}.home-shortcuts nav{grid-template-columns:1fr;gap:12px}.home-shortcut-card{min-height:142px;padding:20px 22px}.home-shortcut-card strong{font-size:29px}.home-shortcut-bottom{font-size:14px}.home-shortcut-bottom b{width:34px;height:34px}}

/* On phones every project is fully visible and its link works with one tap. */
.all-works-mobile-hint,.all-project-open-button{display:none}
@media(max-width:700px){
  a,button{touch-action:manipulation}
  .all-works-shell,.all-works-shell.is-released{min-height:0!important}
  .all-works-sticky,.all-works-shell.is-released .all-works-sticky{position:static!important;top:auto;height:auto!important;min-height:0!important;display:block;overflow:visible;padding:8px 0 0}
  .all-works-guide{margin-bottom:16px}
  .all-works-desktop-hint,.all-works-controls,.all-works-progress{display:none!important}
  .all-works-mobile-hint{display:block;color:var(--muted);font-size:14px;line-height:1.5}
  .all-works{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px;height:auto!important;margin:0;overflow:visible;perspective:none;touch-action:auto;cursor:default}
  .all-project{position:relative!important;left:auto;top:auto;width:100%!important;min-height:280px;height:auto;aspect-ratio:1.18;padding:14px;opacity:1!important;transform:none!important;scale:1!important;z-index:auto!important;will-change:auto;box-shadow:0 8px 24px #27282416}
  .all-project:hover,.all-project:focus-within,.all-project.is-active{scale:1!important;box-shadow:0 8px 24px #27282416}
  .all-project-open-layer{display:flex;align-items:flex-start;justify-content:flex-start;padding:14px;touch-action:manipulation}
  .all-project-open-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d3cec5;border-radius:3px;background:#f6f4ef;color:var(--ink);font-size:14px;font-weight:700;box-shadow:0 3px 12px #27282422}
  .all-project-copy,.all-project:hover .all-project-copy,.all-project:focus-within .all-project-copy,.all-project.is-active .all-project-copy,.all-works-shell.is-expanded .all-project-copy{width:100%!important;padding:14px!important;opacity:1!important;transform:none!important}
  .all-project-copy .eyebrow,.all-works-shell.is-expanded .all-project-copy .eyebrow{display:block}
  .all-project-copy h2,.all-project:hover .all-project-copy h2,.all-project:focus-within .all-project-copy h2,.all-project.is-active .all-project-copy h2,.all-works-shell.is-expanded .all-project-copy h2{font-size:clamp(26px,7vw,34px);line-height:1.1;white-space:normal;margin-top:8px}
  .all-project-copy p,.all-project:hover .all-project-copy p,.all-project:focus-within .all-project-copy p,.all-project.is-active .all-project-copy p,.all-works-shell.is-expanded .all-project-copy p{display:block;max-height:none;opacity:1;margin-top:8px;font-size:14px;line-height:1.45}
  .all-project-meta{display:none!important}
  html[data-theme="dark"] .all-project-open-button{background:#202023;color:var(--theme-text);border-color:#77736f}
  html[data-theme="dark"] .all-project-copy p{color:var(--theme-muted)}
}

.project-story-space .space-board{max-width:860px;margin:42px auto 0}
.project-story-space .space-board h3{font-size:clamp(20px,2vw,28px);font-weight:600;margin:0 0 18px}
.project-story-space .space-board .zoom-image{display:block;width:100%;height:auto;aspect-ratio:auto;overflow:hidden;background:#fff}
.project-story-space .space-board .zoom-image img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.project-story-space .space-board{margin-top:32px}.project-story-space .space-board h3{margin-bottom:14px}}