/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.block{display:block}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--cream:#f5f3ee;--paper:#ece9e1;--ink:#161616;--muted:#6f6c66;--line:#16161629;--blue:#4285f4;--orange:#f4a62a;--lime:#b9e529;--radius-card:10px;--radius-control:999px;--layer-content:1;--layer-characters:4;--layer-overlay:30;--layer-intro:50;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--cream)}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}body.page-locked{overflow:hidden}a,button{color:inherit;font:inherit}button{border:0}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{color:var(--cream);background:var(--ink)}.portfolio-home{background:linear-gradient(#16161605 1px,transparent 1px),var(--cream);background-size:100% 24px;position:relative}.portfolio-home .character-layer,.portfolio-home .player-meta,.portfolio-home .player-stage,.portfolio-home .profile-bottom,.portfolio-home .profile-copy,.portfolio-home .profile-metrics,.portfolio-home .profile-top,.portfolio-home .project-controls,.portfolio-home .site-header{transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1)}.portfolio-home:not(.is-entered) .character-layer,.portfolio-home:not(.is-entered) .player-meta,.portfolio-home:not(.is-entered) .player-stage,.portfolio-home:not(.is-entered) .profile-bottom,.portfolio-home:not(.is-entered) .profile-copy,.portfolio-home:not(.is-entered) .profile-metrics,.portfolio-home:not(.is-entered) .profile-top,.portfolio-home:not(.is-entered) .project-controls,.portfolio-home:not(.is-entered) .site-header{opacity:0}.portfolio-home:not(.is-entered) .site-header{transform:translateY(-12px)}.portfolio-home:not(.is-entered) .profile-top{transform:translateY(22px)}.portfolio-home:not(.is-entered) .profile-copy{transform:translateY(26px)}.portfolio-home:not(.is-entered) .profile-metrics{transform:translateY(20px)}.portfolio-home:not(.is-entered) .profile-bottom{transform:translateY(16px)}.portfolio-home:not(.is-entered) .player-meta{transform:translateY(-12px)}.portfolio-home:not(.is-entered) .player-stage{transform:translateY(30px)scale(.985)}.portfolio-home:not(.is-entered) .project-controls{transform:translateY(14px)}.portfolio-home.is-entered .site-header{transition-delay:30ms}.portfolio-home.is-entered .profile-top{transition-delay:90ms}.portfolio-home.is-entered .profile-copy{transition-delay:.16s}.portfolio-home.is-entered .profile-metrics{transition-delay:.23s}.portfolio-home.is-entered .profile-bottom{transition-delay:.3s}.portfolio-home.is-entered .player-meta{transition-delay:.11s}.portfolio-home.is-entered .player-stage{transition-delay:.21s}.portfolio-home.is-entered .project-controls{transition-delay:.34s}.site-header{z-index:var(--layer-content);border-bottom:1px solid var(--line);background:#f5f3eeeb;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:relative}.portfolio-mark,.site-header nav{letter-spacing:.08em;font-size:11px;font-weight:700}.site-header nav{align-items:center;gap:clamp(18px,2.6vw,42px);display:flex}.pending-link,.site-header a{white-space:nowrap;position:relative}.site-header a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-header a:focus-visible:after,.site-header a:hover:after{transform-origin:0;transform:scaleX(1)}.pending-link{color:var(--muted);cursor:not-allowed}.portfolio-grid{z-index:var(--layer-content);grid-template-columns:minmax(0,38fr) minmax(0,62fr);min-height:calc(100dvh - 64px);display:grid;position:relative}.hero-profile{border-right:1px solid var(--line);grid-template-rows:auto auto auto 1fr;gap:clamp(14px,2vh,22px);min-width:0;padding:clamp(20px,2.7vw,38px);display:grid}.profile-top{grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(16px,2vw,28px);display:grid}.portrait-wrap{aspect-ratio:3/4;border-radius:var(--radius-card);width:100%;max-width:210px;position:relative;overflow:hidden;box-shadow:0 14px 40px #272d2d17}.portrait-wrap img{object-fit:cover;object-position:54% 51%}.profile-identity{padding-bottom:2px}.visual-position{color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:5px 0;margin-bottom:14px;font-size:9px;font-weight:700;display:flex}.visual-position span{white-space:nowrap;align-items:center;display:inline-flex}.visual-position span:not(:last-child):after{content:"";background:currentColor;width:12px;height:1px;margin:0 7px}.position-cn{max-width:23ch;color:var(--muted);margin:0;font-size:clamp(11px,.95vw,14px);line-height:1.65}.profile-copy{max-width:540px}.profile-copy h2{letter-spacing:-.045em;max-width:16ch;margin:0 0 10px;font-size:clamp(24px,2.2vw,36px);font-weight:590;line-height:1.18}.profile-copy p{max-width:50ch;color:var(--muted);margin:0;font-size:clamp(11px,.88vw,13px);line-height:1.72}.profile-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-metrics>div{min-width:0;padding:13px 8px 12px 0}.profile-metrics>div+div{border-left:1px solid var(--line);padding-left:12px}.profile-metrics span,.profile-metrics strong{display:block}.profile-metrics strong{letter-spacing:-.02em;margin-bottom:4px;font-size:clamp(10px,.85vw,13px);font-weight:750}.profile-metrics span{color:var(--muted);font-size:9px;line-height:1.35}.profile-bottom{flex-direction:column;justify-content:flex-end;gap:14px;display:flex}.contact-links,.skills-list{flex-wrap:wrap;gap:9px 18px;display:flex}.skills-list span{color:#4f4c47;white-space:nowrap;font-size:10px;position:relative}.skills-list span:not(:last-child):after{content:"/";position:absolute;top:0;right:-10px}.contact-links{border-top:1px solid var(--line);letter-spacing:.06em;padding-top:12px;font-size:10px;font-weight:700}.contact-links a{transition:transform .22s cubic-bezier(.22,1,.36,1)}.contact-links a:hover{transform:translateY(-2px)}.project-player{--current-accent:var(--blue);background:#ece9e157;grid-template-rows:auto 1fr auto;min-width:0;padding:clamp(20px,2.7vw,38px) clamp(24px,3.4vw,52px) clamp(20px,2.5vw,34px);display:grid}.player-meta{letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.player-meta strong{color:var(--current-accent);transition:color .38s}.player-stage{grid-template-columns:minmax(250px,.95fr) minmax(260px,1fr);align-items:center;gap:clamp(40px,5vw,86px);min-height:0;padding:clamp(15px,2vh,28px) 0;display:grid}.cover-stack{aspect-ratio:4/5;touch-action:pan-y;width:min(24vw,350px);min-width:250px;margin-left:clamp(0px,1.6vw,24px);position:relative}.cover-layer{transform-origin:48% 100%;cursor:grab;position:absolute;inset:0}.cover-layer:active{cursor:grabbing}.cover-rank-0{z-index:3}.cover-rank-1{z-index:2;cursor:pointer}.cover-rank-2{z-index:1;cursor:pointer}.project-cover{--accent:var(--blue);--accent-soft:#dce8ff;border-radius:var(--radius-card);background:var(--accent-soft);isolation:isolate;border:1px solid #16161633;grid-template-rows:auto 1fr auto;width:100%;height:100%;padding:clamp(15px,1.5vw,22px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #2b2a261f}.project-cover:before{z-index:-1;content:"";opacity:.26;background-image:radial-gradient(#1616161a .7px,#0000 0);background-size:6px 6px;position:absolute;inset:0}.cover-footer,.cover-header{letter-spacing:.07em;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(7px,.65vw,9px);font-weight:750;display:flex}.cover-header{border-bottom:1px solid #16161647;padding-bottom:11px}.cover-footer{letter-spacing:0;border-top:1px solid #16161647;align-items:flex-end;padding-top:11px}.cover-footer span{max-width:22ch;line-height:1.35}.cover-artwork{min-height:0;position:relative}.insight-question{letter-spacing:-.07em;width:7ch;font-size:clamp(22px,2.5vw,38px);font-weight:650;line-height:.98;position:absolute;top:7%;left:0}.insight-core{flex-direction:column;align-items:flex-end;font-size:clamp(14px,1.45vw,22px);line-height:.92;display:flex;position:absolute;bottom:10%;right:3%;transform:rotate(-5deg)}.insight-core b,.insight-core strong{font-size:1.55em}.insight-core span{color:var(--accent);font-weight:800}.insight-orbit{border:1px solid #16161659;border-radius:50%;justify-content:space-around;align-items:center;font-size:clamp(7px,.7vw,10px);display:flex;position:absolute}.insight-orbit-one{aspect-ratio:1.45;width:92%;top:20%;right:-28%;transform:rotate(21deg)}.insight-orbit-two{aspect-ratio:1.45;width:92%;bottom:12%;left:-35%;transform:rotate(-18deg)}.insight-orbit span{background:var(--cream);border-radius:50%;padding:5px 7px}.insight-label{color:var(--accent);letter-spacing:.08em;font-size:8px;font-weight:800;position:absolute;top:9%;right:0}.creative-artwork{grid-template-rows:1.1fr auto 1fr auto;align-items:center;gap:10px;display:grid}.creative-hook span,.creative-script{color:var(--accent);letter-spacing:.08em;font-size:8px;font-weight:800;display:block}.creative-hook strong{letter-spacing:-.07em;max-width:8ch;margin-top:8px;font-size:clamp(24px,2.5vw,39px);font-weight:650;line-height:.98;display:block}.shot-track{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:7px;font-weight:700;display:grid}.shot-track i{background:#16161638;height:2px;position:relative}.shot-track i:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:38%}.shot-cards{grid-template-columns:1fr .9fr .72fr;align-items:end;gap:7px;display:grid}.shot-cards span{border:1px solid #16161652;border-radius:6px;align-items:flex-end;min-height:76px;padding:9px;font-size:7px;font-weight:700;line-height:1.45;display:flex}.shot-cards span:first-child{background:var(--accent);min-height:105px}.shot-cards span:nth-child(2){background:var(--cream);min-height:88px}.shot-cards span:nth-child(3){background:var(--ink);color:var(--cream)}.creative-choice{align-items:center;gap:4px;display:flex;position:absolute;top:11%;right:-3%;transform:rotate(8deg)}.creative-choice b{border:1px solid var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.creative-choice b:last-child{color:var(--cream);background:var(--ink)}.creative-choice span{font-size:7px}.benchmark-artwork{grid-template-rows:auto auto 1fr auto;gap:13px;padding:8% 0 5%;display:grid}.benchmark-heading{letter-spacing:-.09em;font-size:clamp(42px,4.4vw,68px);font-weight:800;line-height:.82}.benchmark-axis{color:#3a440d;letter-spacing:.07em;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.benchmark-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;min-height:100px;display:grid}.benchmark-grid i{background:#f5f3ee73;border:1px solid #16161647;border-radius:5px}.benchmark-grid i:nth-child(2),.benchmark-grid i:nth-child(6),.benchmark-grid i:nth-child(8){background:var(--ink)}.benchmark-grid i:nth-child(5){background:var(--accent);box-shadow:inset 0 0 0 3px var(--cream)}.benchmark-score{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.benchmark-score span{font-size:clamp(30px,3.4vw,50px);font-weight:800;line-height:.8}.benchmark-note,.benchmark-score strong{letter-spacing:.06em;font-size:8px}.benchmark-note{color:#3a440d;font-weight:750}.project-lyrics{flex-direction:column;justify-content:center;min-width:0;display:flex}.project-kicker{color:var(--current-accent);letter-spacing:.09em;margin:0 0 14px;font-size:9px;font-weight:800;transition:color .38s}.project-lyrics h2{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin:0 0 18px;font-size:clamp(31px,3.3vw,52px);font-weight:620;line-height:1.04}.project-description{max-width:35ch;color:var(--muted);margin:0;font-size:clamp(11px,.9vw,14px);line-height:1.72}.project-tags{color:#57544e;flex-wrap:wrap;gap:6px 12px;margin-top:18px;font-size:9px;display:flex}.project-tags span:not(:last-child):after{content:"/";color:var(--current-accent);margin-left:12px}.view-project-button{border-radius:var(--radius-control);min-width:162px;color:var(--cream);background:var(--ink);letter-spacing:.06em;white-space:nowrap;cursor:pointer;align-self:flex-start;margin-top:clamp(24px,4vh,42px);padding:13px 20px;font-size:10px;font-weight:760;transition:color .26s,background .26s,transform .22s cubic-bezier(.22,1,.36,1)}.view-project-button:hover{color:var(--ink);background:var(--current-accent);transform:translateY(-2px)}.view-project-button:active{transform:translateY(1px)scale(.98)}.project-controls{grid-template-columns:auto minmax(70px,170px) auto auto;justify-content:end;align-items:center;gap:16px;display:grid}.project-controls button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:38px;height:38px;transition:color .2s,border-color .2s,transform .2s;display:grid}.project-controls button:hover{color:var(--current-accent);border-color:var(--current-accent);transform:translateY(-2px)}.project-controls span{font-size:9px;font-weight:750}.project-progress{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.project-progress i{background:var(--line);height:2px;transition:background .3s,transform .3s}.project-progress i.is-active{background:var(--current-accent);transform:scaleY(2)}.character-layer{z-index:var(--layer-characters);inset:0;overflow:hidden}.blob-character,.character-layer{pointer-events:none;position:absolute}.blob-character{--blob-color:var(--ink);--blob-size:76px;width:var(--blob-size);height:var(--blob-size);transform-origin:50% 90%}.blob-body{background:var(--blob-color);animation:blob-breathe var(--breathe-duration,8s) cubic-bezier(.45,0,.55,1) var(--breathe-delay,0s) infinite;border-radius:46% 54% 49% 51%/51% 45% 55% 49%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 -3px #16161614}.blob-eyes{gap:calc(var(--blob-size) * .11);transform:translateY(calc(var(--blob-size) * -.06));justify-content:center;align-items:center;display:flex}.blob-eyes i{width:calc(var(--blob-size) * .16);height:calc(var(--blob-size) * .29);display:block}.blob-eyes i b{border-radius:var(--radius-control);background:var(--cream);width:100%;height:100%;animation:blob-blink var(--blink-duration,8.7s) cubic-bezier(.45,0,.55,1) var(--blink-delay,0s) infinite;display:block}.blob-eyes i:last-child b{animation-delay:calc(var(--blink-delay,0s) + 20ms)}.blob-character.is-idle .blob-eyes{animation:blob-idle-look var(--idle-duration,8s) cubic-bezier(.45,0,.55,1) var(--idle-delay,0s) infinite}.blob-limbs i{z-index:-1;background:var(--ink);transform-origin:top;border-radius:3px;width:2px;display:block;position:absolute}.blob-arm{height:42%;top:47%}.blob-arm-left{left:3%;transform:rotate(44deg)}.blob-arm-right{right:3%;transform:rotate(-44deg)}.blob-leg{height:38%;bottom:-28%}.blob-leg-left{left:35%;transform:rotate(12deg)}.blob-leg-right{right:35%;transform:rotate(-12deg)}.home-pet{position:absolute}.pet-black{top:26%;left:calc(38% - 58px);transform:rotate(-8deg)}.pet-project-1{top:16%;right:3%}.pet-project-2{bottom:7%;right:1.4%;transform:rotate(7deg)}.pet-project-3{bottom:4%;left:42%;transform:rotate(-8deg)}.project-pet.is-current.feedback-pop .blob-body{animation:blob-pop .62s cubic-bezier(.22,1,.36,1),blob-breathe var(--breathe-duration,8s) .7s infinite}.project-pet.is-current.feedback-squash .blob-body{animation:blob-squash .7s cubic-bezier(.22,1,.36,1),blob-breathe var(--breathe-duration,8s) .76s infinite}.project-pet.is-current.feedback-peek .blob-body{animation:blob-peek .7s cubic-bezier(.22,1,.36,1),blob-breathe var(--breathe-duration,8s) .76s infinite}@keyframes blob-breathe{0%,88%,to{transform:scale(1)}93%{transform:scale(1.025,.98)}}@keyframes blob-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes blob-pop{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-6px)scale(.97,1.06)}}@keyframes blob-squash{0%,to{transform:scale(1)}35%{transform:scale(1.1,.86)}65%{transform:scale(.94,1.08)}}@keyframes blob-peek{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(7px)rotate(5deg)}}@keyframes blob-idle-look{0%,16%,44%,70%,to{transform:translateY(calc(var(--blob-size) * -.06))}26%,34%{transform:translate(calc(var(--blob-size) * -.025),calc(var(--blob-size) * -.075))}54%,62%{transform:translate(calc(var(--blob-size) * .025),calc(var(--blob-size) * -.05))}}.intro-screen{z-index:var(--layer-intro);background:var(--cream);place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.intro-skip{z-index:12;color:#79756e;letter-spacing:.05em;cursor:pointer;background:0 0;padding:8px 0;font-size:10px;font-weight:650;transition:color .2s,transform .2s;position:absolute;top:24px;right:28px}.intro-skip:hover{color:var(--ink);transform:translate(2px)}.package-scene{aspect-ratio:1.72;width:min(66vw,760px);transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(-4deg)perspective(900px)rotateX(2deg)}.package-shadow{filter:blur(28px);background:#2e2b242b;border-radius:50%;height:19%;position:absolute;bottom:-6%;left:5%;right:4%}.package-box{position:absolute;inset:0}.package-base,.package-dark,.package-lid{border-radius:var(--radius-card);position:absolute;inset:0}.package-base{background:#dedbd2;top:6%;box-shadow:0 18px 50px #2e2b241f}.package-dark{z-index:1;background:#242424;top:6%;transform:scale(.985)}.package-lid{z-index:4;background:radial-gradient(circle at 28% 20%,#ffffff6b,transparent 28%),linear-gradient(110deg,#ffffff24,transparent 45%),var(--paper);transform-origin:12% 100%;border:1px solid #1616160d;overflow:hidden;box-shadow:0 18px 44px #2e2b2421,inset 0 -4px #8a827424}.package-lid:after{content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(#2823192b .55px,#0000 .65px);background-size:5px 5px;position:absolute;inset:0}.package-mark{letter-spacing:.07em;flex-direction:column;align-items:flex-end;gap:4px;font-size:clamp(7px,.75vw,10px);display:flex;position:absolute;top:10%;right:8%}.package-mark span{color:#77736c}.package-mark b{font-weight:750}.tear-guide{border-top:1px dashed #16161638;width:88%;position:absolute;top:56%;left:6%}.tear-trigger{z-index:2;cursor:pointer;background:0 0;width:34%;height:44px;padding:0;position:absolute;top:calc(56% - 18px);right:2.5%}.tear-trigger:disabled{cursor:default}.tear-tab{clip-path:polygon(0 18%,18% 0,100% 0,100% 100%,16% 100%,0 79%,8% 50%);transform-origin:100%;background:#f2efe7;border:1px solid #16161629;border-left:0;border-radius:0 5px 5px 0;width:42px;height:24px;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .26s;position:absolute;top:10px;right:0}.tear-label{color:#615d56;white-space:nowrap;align-items:center;gap:9px;font-size:clamp(9px,.9vw,12px);font-weight:650;display:flex;position:absolute;top:4px;right:54px}.tear-label i{font-style:normal;animation:tear-cue 1.8s cubic-bezier(.45,0,.55,1) infinite;display:inline-block}.tear-trigger:focus-visible .tear-tab,.tear-trigger:hover .tear-tab{filter:drop-shadow(0 4px 3px #1616161f);transform:rotateY(-18deg)translate(2px)}.torn-edge{opacity:0;clip-path:polygon(0 20%,3% 2%,7% 25%,11% 4%,15% 24%,20% 0,25% 23%,31% 5%,36% 25%,42% 1%,49% 22%,55% 3%,61% 25%,68% 0,74% 22%,81% 4%,87% 25%,93% 2%,100% 20%,100% 80%,94% 100%,88% 76%,82% 98%,75% 77%,69% 100%,62% 75%,56% 97%,50% 77%,43% 100%,37% 75%,30% 98%,23% 76%,17% 100%,10% 77%,4% 98%,0 80%);background:#242424;width:0;height:15px;position:absolute;top:calc(56% - 3px);left:4%}.is-hinted .package-lid{animation:package-hint .46s cubic-bezier(.16,1,.3,1)}.phase-anticipation .tear-tab{animation:tear-anticipation .14s cubic-bezier(.22,1,.36,1) both}.is-torn .tear-label,.phase-tearing .tear-label{opacity:0;transition:opacity .16s,transform .16s;transform:translateY(-5px)}.phase-tearing .tear-tab{animation:tear-strip .9s cubic-bezier(.7,0,.3,1) forwards}.phase-tearing .torn-edge{animation:torn-reveal .85s cubic-bezier(.65,0,.35,1) 90ms forwards}.is-torn .tear-tab{transform:translate(-600px)rotate(-5deg)}.is-torn .torn-edge{opacity:1;width:92%}.phase-pause .package-lid{transform:translateY(-1px)}.phase-peek .package-lid{animation:lid-knocks 2.2s cubic-bezier(.22,1,.36,1) forwards}.intro-blob{z-index:2;opacity:0}.intro-black{bottom:59%;left:17%}.intro-blue{bottom:65%;left:37%}.intro-orange{bottom:59%;left:60%}.intro-lime{bottom:50%;left:76%}.phase-peek .intro-black{z-index:5;clip-path:inset(0 0 24%);animation:intro-peek 2.45s cubic-bezier(.22,1,.36,1) forwards;bottom:42%;left:43%}.phase-effort .intro-blob,.phase-flash .intro-blob,.phase-friends .intro-blob,.phase-opening .intro-blob{opacity:1}.phase-friends .intro-black{animation:black-arrive .62s cubic-bezier(.16,1,.3,1) 40ms both}.phase-friends .intro-blue{animation:blue-arrive .76s cubic-bezier(.22,1,.36,1) .15s both}.phase-friends .intro-orange{animation:orange-arrive .68s cubic-bezier(.16,1,.3,1) .24s both}.phase-friends .intro-lime{animation:lime-arrive .72s cubic-bezier(.16,1,.3,1) .33s both}.phase-effort .intro-blob,.phase-friends .intro-blob,.phase-opening .intro-blob{z-index:5}.phase-effort .package-box{animation:package-effort 1.28s cubic-bezier(.45,0,.55,1) both}.phase-effort .intro-black{animation:black-brace 1.28s cubic-bezier(.45,0,.55,1) both}.phase-effort .intro-blue{animation:blue-observe-pull 1.28s cubic-bezier(.45,0,.55,1) both}.phase-effort .intro-orange{animation:orange-heavy-pull 1.28s cubic-bezier(.45,0,.55,1) both}.phase-effort .intro-lime{animation:lime-counter-pull 1.28s cubic-bezier(.45,0,.55,1) both}.phase-opening .package-box{animation:package-pop .52s cubic-bezier(.16,1,.3,1) both}.phase-opening .package-lid{animation:package-open .56s cubic-bezier(.22,1,.36,1) forwards;overflow:visible}.phase-opening .intro-black{animation:black-release .52s cubic-bezier(.22,1,.36,1) both}.phase-opening .intro-blue{animation:blue-release .52s cubic-bezier(.22,1,.36,1) 30ms both}.phase-opening .intro-orange{animation:orange-release .52s cubic-bezier(.22,1,.36,1) 50ms both}.phase-opening .intro-lime{animation:lime-release .52s cubic-bezier(.22,1,.36,1) 70ms both}.intro-flash{z-index:20;opacity:0;pointer-events:none;background:#fafafa;position:absolute;inset:-20%;transform:scale(.5)}.phase-flash .package-scene{opacity:0;transform:rotate(-2deg)perspective(900px)rotateX(0)scale(1.35)}.phase-flash .intro-flash{animation:intro-white .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes tear-cue{0%,to{opacity:.45;transform:translate(0)}50%{opacity:1;transform:translate(3px,3px)}}@keyframes package-hint{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}@keyframes tear-anticipation{0%{transform:rotateY(0)translate(0)}to{transform:rotateY(-24deg)translate(3px)}}@keyframes tear-strip{0%{transform:translate(0)rotateY(0)}15%{transform:translate(0)rotateY(-28deg)}to{transform:translate(-600px)rotate(-5deg)}}@keyframes torn-reveal{0%{opacity:1;width:0}to{opacity:1;width:92%}}@keyframes lid-knocks{0%,20%,45%,to{transform:translateY(0)}12%{transform:translateY(-6px)rotate(-.4deg)}34%{transform:translateY(-12px)rotate(.5deg)}}@keyframes intro-peek{0%{opacity:0;transform:translateY(90%)scale(.8,1.1)}20%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(86%)scale(.9,1.08)}}@keyframes black-arrive{0%{opacity:0;transform:translate(-26%,64%)rotate(-12deg)scale(.86,1.12)}62%{opacity:1;transform:translate(4%,-7%)rotate(4deg)scale(.96,1.05)}to{opacity:1;transform:none}}@keyframes blue-arrive{0%{opacity:0;transform:translateY(52%)scale(.92)}48%{opacity:1;transform:translateY(0)scale(1)}72%{transform:translate(-7%)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes orange-arrive{0%{opacity:0;transform:translate(34%,76%)rotate(14deg)scale(1.16,.7)}58%{opacity:1;transform:translate(-3%,-10%)rotate(-5deg)scale(.92,1.1)}to{opacity:1;transform:none}}@keyframes lime-arrive{0%{opacity:0;transform:translate(42%,48%)rotate(16deg)scale(.8)}64%{opacity:1;transform:translate(-4%,-6%)rotate(-7deg)scale(1.04)}to{opacity:1;transform:none}}@keyframes package-effort{0%,to{transform:rotate(0)}18%{transform:rotate(-.6deg)translate(-2px)}36%{transform:rotate(.8deg)translate(3px)}56%{transform:rotate(-.5deg)translate(-2px)}74%{transform:rotate(.4deg)translate(1px)}}@keyframes black-brace{0%,to{transform:translate(0)rotate(0)}26%{transform:translate(-7%,6%)rotate(-10deg)scale(1.04,.95)}62%{transform:translate(-11%,10%)rotate(-14deg)scale(1.08,.92)}}@keyframes blue-observe-pull{0%,20%{transform:translate(0)rotate(0)}34%{transform:translate(3%,-2%)rotate(5deg)}74%,to{transform:translate(-6%,8%)rotate(-8deg)scale(1.03,.96)}}@keyframes orange-heavy-pull{0%{transform:translate(0)rotate(0)}30%{transform:translate(-5%,10%)rotate(-8deg)scale(1.12,.88)}66%{transform:translate(-13%,15%)rotate(-13deg)scale(1.16,.84)}to{transform:translate(-10%,12%)rotate(-11deg)scale(1.12,.88)}}@keyframes lime-counter-pull{0%{transform:translate(0)rotate(0)}42%{transform:translate(9%,5%)rotate(11deg)scale(1.02,.96)}to{transform:translate(13%,9%)rotate(15deg)scale(1.06,.92)}}@keyframes package-pop{0%{transform:scale(1)}32%{transform:translateY(1.5%)scale(1.015,.985)}58%{transform:translateY(-2.5%)scale(.99,1.025)}to{transform:scale(1)}}@keyframes package-open{0%{transform:translateY(0)rotate(0)scale(1)}44%{transform:translateY(-5%)rotate(-1deg)scale(1)}to{transform:translate(-3%,-88%)rotate(-10deg)scale(1.02)}}@keyframes black-release{0%{transform:translate(-11%,10%)rotate(-14deg)scale(1.08,.92)}to{transform:translate(-24%,-20%)rotate(-18deg)scale(.96,1.05)}}@keyframes blue-release{0%{transform:translate(-6%,8%)rotate(-8deg)}to{transform:translate(-2%,-25%)rotate(8deg)}}@keyframes orange-release{0%{transform:translate(-10%,12%)rotate(-11deg)scale(1.12,.88)}to{transform:translate(8%,-24%)rotate(-14deg)scale(.94,1.08)}}@keyframes lime-release{0%{transform:translate(13%,9%)rotate(15deg)}to{transform:translate(25%,-16%)rotate(20deg)}}@keyframes intro-white{0%{opacity:0;filter:blur(18px);transform:scale(.45)}45%{opacity:1;filter:blur();transform:scale(1)}to{opacity:1;filter:blur();transform:scale(1)}}.intro-motion-stage{--intro-unit:clamp(46px,8.5vw,118px);--intro-character-size:calc(var(--intro-unit) * 2.93);--intro-bounce-half:calc(var(--intro-unit) * .425);--intro-floor-gap:clamp(26px,5dvh,58px);position:absolute;inset:0;overflow:hidden}.opening-character,.opening-character-track{z-index:2;width:var(--intro-character-size);height:var(--intro-character-size);transform-origin:50%;position:absolute;top:0;left:0}.opening-character-track{will-change:transform;animation:intro-character-x 7.2s linear both}.opening-character{will-change:transform;animation:intro-character-y 7.2s linear both}.opening-face{width:100%;height:100%;fill:var(--ink);shape-rendering:geometricprecision;display:block;overflow:hidden}.opening-eyes{fill:#fbfaf6}.has-exact-expression .opening-eyes{opacity:0}.opening-expression{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.opening-eye{transform-box:fill-box;transform-origin:50%}.opening-eye-left{animation:intro-left-eye 7.2s linear both}.opening-eye-right{animation:intro-right-eye 7.2s linear both}.intro-brand-lockup{color:var(--ink);font-size:var(--intro-unit);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:.18em;font-weight:760;line-height:.9;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-brand-space{flex:none;width:.76em;height:.76em}.intro-brand-text{opacity:0;clip-path:inset(0 100% 0 0);will-change:clip-path,transform;animation:intro-word-pull .94s cubic-bezier(.16,1,.3,1) 5.54s both;display:block;transform:translate(-.5em)}@keyframes intro-character-x{0%{transform:translate(calc(18vw - 50%))}12%{transform:translate(calc(30vw - 50%))}24%{transform:translate(calc(56vw - 50%))}33.2%{transform:translate(calc(74vw - 50%))}38.5%,39.3%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(calc(82vw - 50%))}44%,73%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(calc(50vw - 50%))}80%,to{transform:translate(calc(50vw - 147%))}}@keyframes intro-character-y{0%{animation-timing-function:cubic-bezier(.46,0,.9,.58);transform:translateY(-72%)rotate(-8deg)scale(.29)}12%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50%)) rotate(8deg) scale(.34,.22);animation-timing-function:cubic-bezier(.12,.64,.28,1)}13.2%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50% - 4px)) rotate(5deg) scale(.27,.33)}15.2%{transform:translateY(calc(62dvh - 50%))rotate(4deg)scale(.285,.3)}18.2%{transform:translateY(calc(42dvh - 50%))rotate(2deg)scale(.29)}21.2%{transform:translateY(calc(58dvh - 50%))rotate(-1deg)scale(.29)}23%{transform:translateY(calc(78dvh - 50%))rotate(-4deg)scale(.295,.285)}24%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50%)) rotate(-6deg) scale(.33,.23);animation-timing-function:cubic-bezier(.12,.64,.28,1)}25.2%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50% - 3px)) rotate(-4deg) scale(.275,.32)}27.2%{transform:translateY(calc(68dvh - 50%))rotate(-1deg)scale(.29)}29.3%{transform:translateY(calc(58dvh - 50%))rotate(1deg)scale(.29)}31.2%{transform:translateY(calc(68dvh - 50%))rotate(3deg)scale(.29)}33.2%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50%)) rotate(5deg) scale(.32,.245);animation-timing-function:cubic-bezier(.12,.64,.28,1)}34.2%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50% - 2px)) rotate(3deg) scale(.28,.31)}36.2%{transform:translateY(calc(76dvh - 50%))rotate(1deg)scale(.29)}38.5%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50%)) rotate(-2deg) scale(.31,.26)}39.3%{transform:translateY(calc(100dvh - var(--intro-floor-gap) - var(--intro-bounce-half) - 50%)) rotate(0) scale(.29);animation-timing-function:cubic-bezier(.16,1,.3,1)}44%,73%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(calc(50dvh - 50%))rotate(0)scale(1)}80%,to{transform:translateY(calc(50dvh - 50%))rotate(-3deg)scale(.26)}}@keyframes intro-left-eye{0%{transform:translateY(10%)rotate(-6deg)}7%{transform:translateY(28%)rotate(-2deg)}11.6%{transform:translateY(78%)scale(1.12,.2)}13.2%{transform:translateY(-8%)scale(.94,1.15)}18.2%{transform:translate(26%,-10%)rotate(7deg)}23.6%{transform:translateY(70%)scale(1.08,.26)}25.2%{transform:translateY(-6%)scale(.96,1.1)}29.3%{transform:translate(24%,-10%)rotate(6deg)}32.9%{transform:translateY(62%)scale(1.06,.32)}34.2%{transform:translateY(-4%)scale(.98,1.07)}36.2%{transform:translate(-12%,-8%)rotate(-8deg)scaleX(1.12)}38.3%{transform:translateY(55%)scale(1.04,.38)}39.3%{transform:translate(0)rotate(0)scale(1)}44%{transform:translate(75%,-87%)rotate(-29deg)scale(1)}46.1%{transform:translate(-114%,-23%)rotate(-2deg)scale(1)}48.1%{transform:translate(-179%,-27%)rotate(6deg)scale(1)}53.5%{transform:translate(-171%,-30%)rotate(6deg)scale(1)}56.4%{transform:translate(-150%,-60%)rotate(0)scale(1)}58.5%{transform:translate(-132%,-97%)rotate(-7deg)scaleY(.9)}62%{transform:translate(-132%,-100%)rotate(-7deg)scaleY(.7)}62.6%{transform:translate(-145%,-112%)rotate(-10deg)scale(.3,.24)}63.3%,64%{transform:translate(-145%,-112%)rotate(-10deg)scale(0)}64.7%{transform:translate(-111%,-130%)rotate(-35deg)scale(.55,.4)}65.5%{transform:translate(-79%,-123%)rotate(-4deg)scaleX(1.3)}67.4%{transform:translate(-50%,-140%)rotate(5deg)scale(1.4,1.1)}70%{transform:translate(-50%,-140%)rotate(5deg)scale(1.4,1.1)}73%{transform:translate(-86%,-120%)rotate(15deg)scale(1.3)}80%,to{transform:translate(-42%,-48%)rotate(-34deg)scale(.68,.72)}}@keyframes intro-right-eye{0%{transform:translateY(10%)rotate(6deg)}7%{transform:translateY(28%)rotate(2deg)}11.6%{transform:translateY(78%)scale(1.12,.2)}13.2%{transform:translateY(-8%)scale(.94,1.15)}18.2%{transform:translate(30%,-12%)rotate(8deg)}23.6%{transform:translateY(70%)scale(1.08,.26)}25.2%{transform:translateY(-6%)scale(.96,1.1)}29.3%{transform:translate(28%,-12%)rotate(7deg)}32.9%{transform:translateY(62%)scale(1.06,.32)}34.2%{transform:translateY(-4%)scale(.98,1.07)}36.2%{transform:translate(12%,-8%)rotate(8deg)scaleX(1.12)}38.3%{transform:translateY(55%)scale(1.04,.38)}39.3%{transform:translate(0)rotate(0)scale(1)}44%{transform:translate(132%,-140%)rotate(-34deg)scaleX(.75)}46.1%{transform:translate(-21%,-37%)rotate(-3deg)scale(1)}48.1%{transform:translate(-111%,-20%)rotate(5deg)scale(1)}53.5%{transform:translate(-100%,-33%)rotate(3deg)scale(1)}56.4%{transform:translate(-64%,-90%)rotate(-3deg)scale(1)}58.5%{transform:translate(-57%,-187%)rotate(-22deg)scaleY(.88)}62%{transform:translate(-57%,-193%)rotate(-27deg)scaleY(.72)}62.6%{transform:translate(-65%,-205%)rotate(-27deg)scale(.3,.24)}63.3%,64%{transform:translate(-65%,-205%)rotate(-27deg)scale(0)}64.7%{transform:translate(-14%,-200%)rotate(-35deg)scale(.55,.4)}65.5%{transform:translate(32%,-170%)rotate(-30deg)scaleX(1.25)}67.4%{transform:translate(54%,-153%)rotate(-28deg)scale(1.35,1.1)}70%{transform:translate(54%,-153%)rotate(-28deg)scale(1.35,1.1)}73%{transform:translate(18%,-137%)rotate(-3deg)scale(1.4,1.3)}80%,to{transform:translate(-12%,-78%)rotate(-34deg)scale(.56,.66)}}@keyframes intro-word-pull{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-.5em)}12%{opacity:1}to{opacity:1;clip-path:inset(0);transform:translate(0)}}.choice-overlay{z-index:var(--layer-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f3eead;place-items:center;min-height:100dvh;padding:24px 34px;display:grid;position:fixed;inset:0;overflow:auto}.choice-dialog{grid-template-columns:minmax(250px,.82fr) minmax(340px,1.18fr);align-items:center;gap:clamp(52px,7vw,112px);width:min(1180px,94vw);min-height:min(680px,88dvh);padding:clamp(46px,5vw,72px) clamp(28px,4vw,56px);display:grid;position:relative}.choice-dialog:before{content:"";background:linear-gradient(90deg,var(--current-accent) 0 18%,#16161638 18% 100%);height:1px;position:absolute;top:0;left:0;right:0}.choice-close{z-index:5;border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:38px;font-size:22px;transition:color .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:20px;right:22px}.choice-close:hover{color:var(--current-accent);border-color:var(--current-accent);transform:rotate(6deg)}.choice-cover-wrap{aspect-ratio:4/5;isolation:isolate;width:min(27vw,320px);min-width:230px;margin:0 auto;position:relative}.choice-cover-wrap:before{z-index:-1;content:"";background:var(--current-accent);opacity:.22;position:absolute;inset:28px -22px -24px 28px;transform:rotate(3deg)}.choice-cover-wrap .project-cover{box-shadow:0 28px 72px #2b2a2629}.choice-blob{z-index:4;bottom:-14px;right:-26px}.choice-content>p{color:var(--current-accent);letter-spacing:.08em;margin:0 0 16px;font-size:10px;font-weight:780}.choice-content{position:relative}.choice-index-mark{z-index:-1;color:var(--current-accent);letter-spacing:-.09em;opacity:.11;font-size:clamp(108px,13vw,184px);font-weight:800;line-height:1;position:absolute;top:-58px;right:0}.choice-content h2{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin:0 0 clamp(42px,6vh,70px);font-size:clamp(34px,4.3vw,64px);font-weight:620;line-height:1.02}.choice-content h3{letter-spacing:.08em;margin:0 0 18px;font-size:11px;font-weight:760}.choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,38px);display:grid}.choice-action{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:0;flex-direction:column;justify-content:space-between;width:100%;min-height:104px;padding:18px 0;transition:color .22s,background .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:flex}.choice-action strong{letter-spacing:.04em;white-space:nowrap;font-size:12px}.choice-action span{color:var(--muted);font-size:9px;line-height:1.45}.choice-action-primary,.choice-action:hover:not(.is-pending){color:var(--ink);background:0 0;transform:translateY(-2px)}.choice-action-primary span,.choice-action:hover:not(.is-pending) span{color:var(--muted)}.choice-action-primary:hover:not(.is-pending){color:var(--current-accent)}.choice-action-primary:hover:not(.is-pending) span{color:var(--muted)}.choice-action.is-pending{color:#69665f;cursor:not-allowed;opacity:.72}@media (max-width:1100px) and (min-width:768px){.hero-profile{padding:22px}.profile-top{grid-template-columns:minmax(112px,.78fr) 1.22fr;gap:14px}.profile-copy h2{font-size:25px}.player-stage{gap:36px}.cover-stack{width:25vw;min-width:235px}.project-player{padding-left:28px;padding-right:28px}.project-lyrics h2{font-size:34px}}@media (max-width:767px){.portfolio-home{overflow:clip}.site-header{height:56px;padding:0 15px}.portfolio-mark,.site-header nav{letter-spacing:.04em;font-size:8px}.site-header nav{gap:12px}.portfolio-grid{min-height:auto;display:block}.hero-profile{border-right:0;border-bottom:1px solid var(--line);min-height:calc(100dvh - 56px);padding:22px 16px 28px}.profile-top{grid-template-columns:minmax(126px,.86fr) 1.14fr;gap:18px}.portrait-wrap{max-width:none}.profile-identity h1{font-size:clamp(40px,12vw,56px)}.profile-copy h2{font-size:clamp(28px,8vw,36px)}.profile-copy p{font-size:12px}.profile-metrics strong{font-size:9px}.profile-metrics span{font-size:8px}.project-player{min-height:100dvh;padding:24px 16px 30px}.player-stage{flex-direction:column;align-items:stretch;gap:26px;padding:30px 0 24px;display:flex}.cover-stack{width:min(72vw,320px);min-width:0;margin:0 auto;transform:translate(-16px)}.project-lyrics h2{max-width:13ch;font-size:clamp(34px,10.2vw,48px)}.project-description{font-size:12px}.view-project-button{margin-top:28px}.project-controls{grid-template-columns:auto 1fr auto auto;justify-content:stretch}.character-layer{overflow:clip}.project-pet:not(.is-current){display:none}.pet-black{top:18%;left:auto;right:-24px;transform:scale(.78)rotate(-8deg)}.project-pet.is-current{inset:auto -20px 7% auto;transform:scale(.78)}.package-scene{width:min(90vw,590px);transform:rotate(-3deg)perspective(900px)rotateX(2deg)}.package-mark{right:6%}.tear-trigger{width:52%}.tear-label{right:48px}.intro-skip{top:14px;right:16px}.intro-black{left:12%}.phase-peek .intro-black{left:41%}.intro-blue{left:34%}.intro-orange{left:59%}.intro-lime{left:78%}.choice-overlay{place-items:start center;padding:12px}.choice-dialog{flex-direction:column;gap:30px;width:100%;min-height:calc(100dvh - 24px);padding:64px 20px 24px;display:flex}.choice-cover-wrap{width:min(58vw,240px);min-width:0}.choice-content{width:100%}.choice-content h2{margin-bottom:36px;font-size:36px}.choice-index-mark{font-size:110px;top:-30px;right:8px}.choice-actions{grid-template-columns:1fr}.choice-action{min-height:94px}.choice-blob{bottom:-12px;right:-24px;transform:scale(.82)}}@media (max-height:760px) and (min-width:768px){.site-header{height:56px}.portfolio-grid{min-height:calc(100dvh - 56px)}.hero-profile{gap:10px;padding-top:18px;padding-bottom:18px}.portrait-wrap{max-width:165px}.profile-copy h2{margin-bottom:6px;font-size:24px}.profile-metrics>div{padding-top:9px;padding-bottom:9px}.project-player{padding-top:20px;padding-bottom:16px}.cover-stack{width:min(21vw,300px);min-width:220px}.project-lyrics h2{margin-bottom:12px;font-size:38px}.view-project-button{margin-top:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blob-body,.blob-character.is-idle .blob-eyes,.blob-eyes i b{animation:none!important}}.portfolio-home,body{background:#d9dad8}.portfolio-home{min-height:100dvh;padding:18px;overflow:hidden}.portfolio-canvas{background-color:#efefed;background-image:linear-gradient(#16161605 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #16161612;border-radius:clamp(28px,3vw,44px);grid-template-rows:minmax(310px,44%) minmax(0,56%);width:100%;min-height:calc(100dvh - 36px);padding:clamp(28px,3vw,46px) clamp(28px,3.8vw,56px) clamp(18px,2vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.home-profile{z-index:var(--layer-content);grid-template-rows:auto 1fr;grid-template-columns:minmax(340px,34%) minmax(280px,1fr) minmax(190px,22%);gap:clamp(18px,2vw,30px) clamp(24px,3vw,52px);min-width:0;min-height:0;display:grid;position:relative}.transform-word-list{grid-area:1/1/3;align-self:start;min-width:0;padding-top:2px}.transform-word{--word-accent:var(--muted);--word-turn:0deg;height:.87em;color:var(--ink);letter-spacing:-.055em;text-align:left;cursor:default;perspective:520px;background:0 0;margin:0;padding:0;font-size:clamp(46px,5vw,76px);font-weight:780;line-height:.84;overflow:visible}.transform-word,.transform-word-stage{width:100%;display:block;position:relative}.transform-word-stage{height:100%;transform-style:preserve-3d}.transform-word-echo,.transform-word-face{white-space:nowrap;transform-origin:0 58%;backface-visibility:hidden;will-change:transform,opacity;display:block;position:absolute;top:0;left:0}.transform-word-front{opacity:1;transition:opacity .18s,transform .46s cubic-bezier(.22,1,.36,1);transform:rotateX(0)translateY(0)}.transform-word-back{color:var(--word-accent);opacity:0;transition:opacity .18s,transform .5s cubic-bezier(.22,1,.36,1);transform:rotateX(74deg)translateY(.36em)scaleY(.72)}.transform-word-echo{z-index:-1;color:var(--word-accent);opacity:0;filter:blur(.6px);transition:opacity .16s,transform .54s cubic-bezier(.22,1,.36,1);transform:rotateX(82deg)translateY(.68em)scaleY(.42)}.transform-word:focus-visible .transform-word-front,.transform-word:hover .transform-word-front{opacity:0;transform:rotateX(-76deg)translateY(-.32em)scaleY(.72)}.transform-word:focus-visible .transform-word-back,.transform-word:hover .transform-word-back{opacity:1;transform:rotateX(0deg) rotate(var(--word-turn)) translateY(0)}.transform-word:focus-visible .transform-word-echo,.transform-word:hover .transform-word-echo{opacity:.18;transform:rotateX(68deg) rotate(var(--word-turn)) translateY(.72em) scaleY(.5)}.profile-summary{text-align:right;white-space:nowrap;grid-area:1/2/auto/4;justify-self:end;max-width:none;margin:4px 0 0;font-size:clamp(11px,.9vw,13px);font-weight:500;line-height:1.65}.profile-identity{text-align:right;grid-area:2/2;place-self:center end;min-width:0;padding-bottom:4px;translate:clamp(22px,4.25vw,90px)}.profile-position-lines{flex-direction:column;align-items:flex-end;margin-bottom:clamp(10px,1.2vh,16px);font-size:clamp(11px,1vw,15px);font-weight:560;line-height:1.2;display:flex}.profile-identity h1{letter-spacing:-.055em;margin:0;font-size:clamp(46px,5vw,74px);font-weight:760;line-height:.9}.profile-identity h2{letter-spacing:-.035em;text-wrap:balance;max-width:18ch;margin:clamp(14px,1.6vh,22px) 0 0 auto;font-size:clamp(18px,1.8vw,28px);font-weight:650;line-height:1.16}.profile-identity h2 span{white-space:nowrap;display:block}.home-portrait{aspect-ratio:1;background:#d9dfdc;border-radius:1px;grid-area:2/3;place-self:center end;width:min(100%,255px);position:relative;overflow:hidden}.home-portrait img{object-fit:cover;object-position:54% 43%;filter:saturate(.86)contrast(1.03)}.project-showcase{--current-accent:var(--blue);z-index:var(--layer-content);grid-template-rows:48px minmax(0,1fr) 28px;min-width:0;min-height:0;padding-top:8px;display:grid;position:relative}.project-showcase-footer,.project-showcase-header{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;padding:0 8px;font-size:9px;font-weight:750;display:flex}.project-heading{align-content:start;gap:7px;display:grid}.project-selected-meta{align-items:center;gap:16px;display:flex}.project-current-name{letter-spacing:0;white-space:nowrap;margin:0;font-size:10px;font-weight:650}.project-showcase-header strong{color:var(--current-accent);font-variant-numeric:tabular-nums;transition:color .32s}.project-move-hint{color:var(--muted)}.project-cursor-stage{cursor:default;perspective:1200px;touch-action:pan-y;outline:none;min-height:0;position:relative;overflow:hidden}.project-cursor-stage:focus-visible{outline:1px solid var(--ink);outline-offset:-2px}.project-carousel{inset:0}.project-carousel,.project-slide{transform-style:preserve-3d;position:absolute}.project-slide{aspect-ratio:2.12;transform-origin:50% 72%;width:auto;max-width:76%;height:min(100%,clamp(230px,42vh,420px));cursor:pointer;backface-visibility:hidden;will-change:transform,opacity;background:#e8e5de;border:1px solid #1616162e;border-radius:2px;padding:0;transition:box-shadow .26s;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 22px 55px #2d2b262e}@supports (color:color-mix(in lab,red,red)){.project-slide.is-current:hover{box-shadow:0 28px 68px color-mix(in srgb,var(--current-accent) 18%,#2d2b2633)}}.project-slide.is-preview{box-shadow:0 30px 74px #2d2b263d}.project-slide img{object-fit:cover}.project-slide-edge{pointer-events:none;border:5px solid #f5f3ee8f;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #16161614}.project-slide-number,.project-slide-open{z-index:2;color:var(--ink);letter-spacing:.07em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f5f3eedb;padding:5px 7px;font-size:8px;font-weight:780;position:absolute;top:13px}.project-slide-number{left:13px}.project-slide-open{right:13px}.project-showcase-footer{border-top:1px solid #1616161f;justify-content:flex-end}.project-switch-pips{align-items:center;gap:5px;display:flex}.project-switch-pips button{cursor:pointer;background:#1616162e;width:34px;height:2px;padding:0;transition:background .22s,transform .22s}.project-switch-pips button.is-active{background:var(--current-accent);transform:scaleY(2)}.portfolio-canvas .character-layer{border-radius:inherit}.portfolio-canvas .pet-black{inset:auto auto 1.5% -13px;transform:rotate(-7deg)}.portfolio-canvas .pet-project-1{inset:58% auto auto 21%;transform:rotate(-5deg)}.portfolio-canvas .pet-project-2{inset:auto -8px 2.5% auto;transform:rotate(7deg)}.portfolio-canvas .pet-project-3{inset:43% auto auto 51%;transform:rotate(-4deg)}.portfolio-canvas .project-pet{animation:project-pet-enter .44s cubic-bezier(.22,1,.36,1) both;display:block}.portfolio-home .character-layer,.portfolio-home .home-portrait,.portfolio-home .profile-identity,.portfolio-home .profile-summary,.portfolio-home .project-showcase,.portfolio-home .transform-word-list{transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1)}.portfolio-home:not(.is-entered) .character-layer,.portfolio-home:not(.is-entered) .home-portrait,.portfolio-home:not(.is-entered) .profile-identity,.portfolio-home:not(.is-entered) .profile-summary,.portfolio-home:not(.is-entered) .project-showcase,.portfolio-home:not(.is-entered) .transform-word-list{opacity:0}.portfolio-home:not(.is-entered) .transform-word-list{transform:translateY(20px)}.portfolio-home:not(.is-entered) .profile-summary{transform:translateY(-12px)}.portfolio-home:not(.is-entered) .profile-identity{transform:translateY(22px)}.portfolio-home:not(.is-entered) .home-portrait{transform:translateY(18px)scale(.97)}.portfolio-home:not(.is-entered) .project-showcase{transform:translateY(30px)}.portfolio-home:not(.is-entered) .character-layer{transform:translateY(18px)}.portfolio-home.is-entered .transform-word-list{transition-delay:60ms}.portfolio-home.is-entered .profile-summary{transition-delay:.13s}.portfolio-home.is-entered .profile-identity{transition-delay:.21s}.portfolio-home.is-entered .home-portrait{transition-delay:.28s}.portfolio-home.is-entered .project-showcase{transition-delay:.35s}.portfolio-home.is-entered .character-layer{transition-delay:.5s}.choice-dialog{grid-template-columns:minmax(380px,1.08fr) minmax(340px,.92fr)}.choice-cover-wrap{aspect-ratio:2.12;width:min(47vw,570px);min-width:360px;max-width:100%}.choice-project-image{object-fit:cover;border:1px solid #16161624;border-radius:2px;box-shadow:0 28px 72px #2b2a2629}@keyframes project-pet-enter{0%{opacity:0;transform:translateY(22px)scale(.72,1.08)}70%{opacity:1;transform:translateY(-3px)scale(1.03,.97)}to{opacity:1}}@media (max-width:900px){.portfolio-home{min-height:100dvh;padding:8px;overflow:visible}.portfolio-canvas{border-radius:24px;grid-template-rows:auto auto;min-height:calc(100dvh - 16px);padding:22px 16px 18px;overflow:hidden}.home-profile{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(106px,34%);gap:22px 18px}.transform-word-list{grid-area:1/1/auto/3}.transform-word{height:.88em;font-size:clamp(39px,12.2vw,58px)}.profile-summary{text-align:left;letter-spacing:-.015em;grid-area:2/1/auto/3;justify-self:start;max-width:none;margin:0;font-size:clamp(7px,1.7vw,9px);line-height:1.65}.profile-identity{text-align:left;grid-area:3/1;place-self:center start;padding:0;translate:0}.profile-position-lines{align-items:flex-start;font-size:10px}.profile-identity h1{font-size:clamp(38px,11vw,54px)}.profile-identity h2{max-width:14ch;margin-left:0;font-size:clamp(17px,4.6vw,21px)}.home-portrait{grid-area:3/2;align-self:center;width:100%}.project-showcase{border-top:1px solid #16161624;grid-template-rows:48px minmax(192px,26vh) 32px;min-height:300px;margin-top:34px;padding-top:12px}.project-move-hint{display:none}.project-heading{gap:6px}.project-current-name{text-overflow:ellipsis;max-width:38ch;font-size:8px;overflow:hidden}.project-slide{aspect-ratio:2.12;width:86%;max-width:none;height:auto}.project-slide-number,.project-slide-open{padding:4px 5px;font-size:6px;top:8px}.project-slide-number{left:8px}.project-slide-open{right:8px}.project-showcase-footer{padding-left:64px;padding-right:64px}.project-switch-pips button{width:24px}.portfolio-canvas .pet-black{inset:auto auto 2% 4px;transform:scale(.76)rotate(-7deg)}.portfolio-canvas .project-pet{display:block}.portfolio-canvas .pet-project-1{inset:auto auto 7% 14%;transform:scale(.68)rotate(-5deg)}.portfolio-canvas .pet-project-2{inset:auto -24px 2% auto;transform:scale(.66)rotate(7deg)}.portfolio-canvas .pet-project-3{inset:46% auto auto 53%;transform:scale(.68)rotate(-4deg)}.choice-dialog{flex-direction:column;gap:34px;width:100%;min-height:calc(100dvh - 24px);padding:64px 10px 28px;display:flex}.choice-cover-wrap{aspect-ratio:2.12;width:min(84vw,570px);min-width:0}.choice-content h2{max-width:14ch}}@media (max-height:760px) and (min-width:901px){.portfolio-canvas{grid-template-rows:minmax(250px,43%) minmax(0,57%);padding-top:26px;padding-bottom:16px}.transform-word{font-size:clamp(43px,4.5vw,61px)}.home-portrait{width:min(100%,205px)}.profile-identity h1{font-size:clamp(43px,4.3vw,61px)}.profile-identity h2{margin-top:12px;font-size:clamp(17px,1.6vw,23px)}.project-slide{height:min(100%,clamp(215px,39vh,320px))}}.choice-overlay{background:#d9dad8;justify-content:stretch;align-items:stretch;padding:18px;overflow-y:auto}.choice-directory{background-color:#efefed;background-image:linear-gradient(#16161605 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #16161612;border-radius:clamp(28px,3vw,44px);grid-template-rows:auto minmax(0,1fr);width:100%;min-height:calc(100dvh - 36px);padding:clamp(26px,2.8vw,42px) clamp(24px,3.4vw,52px) clamp(22px,2.6vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.directory-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:clamp(24px,3vw,54px);padding:0 4px clamp(22px,2.4vw,34px);display:grid}.directory-heading{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:7px 22px;display:grid}.directory-heading p{color:var(--muted);letter-spacing:.09em;grid-column:1/3;margin:0;font-size:9px;font-weight:760}.directory-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.7vw,72px);font-weight:760;line-height:.9}.directory-heading>span{max-width:34ch;color:var(--muted);padding-bottom:4px;font-size:clamp(10px,.82vw,12px);line-height:1.55}.directory-count{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;min-width:62px;padding-top:1px;display:flex}.directory-count strong{letter-spacing:-.05em;font-size:clamp(30px,3vw,46px);font-weight:760;line-height:.9}.directory-count span{color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:750}.choice-close{border-radius:var(--radius-control);cursor:pointer;background:#f5f3eebd;border:1px solid #1616162e;justify-content:center;align-items:center;gap:10px;width:auto;height:38px;padding:0 13px 0 16px;font-size:10px;font-weight:700;transition:color .22s,background .22s,transform .22s;display:inline-flex;position:static}.choice-close b{font-size:18px;font-weight:500;line-height:1}.choice-close:hover{color:var(--cream);background:var(--ink);transform:translateY(-2px)}.choice-close:active{transform:translateY(0)scale(.98)}.directory-grid{--directory-columns:1fr 1fr 1fr;grid-template-columns:var(--directory-columns);border-top:1px solid #16161629;min-height:0;display:grid}.directory-project{--project-accent:var(--blue);background:#efefed47;grid-template-rows:auto auto 1fr auto;gap:clamp(12px,1.4vw,20px);min-width:0;padding:clamp(16px,1.7vw,26px);transition:background .28s;display:grid;position:relative}.directory-project+.directory-project{border-left:1px solid #16161624}.directory-project.is-current{background:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.directory-project.is-current{background:color-mix(in srgb,var(--project-accent) 6%,#efefedeb)}}.directory-project:before{content:"";background:var(--project-accent);transform-origin:0;height:3px;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:-1px;left:clamp(16px,1.7vw,26px);right:clamp(16px,1.7vw,26px);transform:scaleX(.16)}.directory-project.is-current:before,.directory-project:focus-within:before,.directory-project:hover:before{transform:scaleX(1)}.directory-project-heading{grid-template-columns:minmax(0,1fr) 52px;align-items:start;gap:14px;display:grid}.directory-project-heading p{color:var(--project-accent);letter-spacing:.08em;margin:0 0 8px;font-size:9px;font-weight:780}.directory-project-heading h3{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(19px,1.75vw,28px);font-weight:700;line-height:1.12}.directory-blob{justify-self:end;margin-top:-3px}.directory-image-frame{aspect-ratio:2.12;background:#e8e5de;border:1px solid #16161624;border-radius:2px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 36px #2d2b261c}.directory-image-frame img{object-fit:cover;transition:transform .54s cubic-bezier(.22,1,.36,1),filter .32s}.directory-project:not(.is-current) .directory-image-frame img{filter:saturate(.76)contrast(.98)}.directory-project:focus-within .directory-image-frame img,.directory-project:hover .directory-image-frame img{filter:saturate()contrast();transform:scale(1.018)}.directory-description{color:#595651;max-width:48ch;margin:0;font-size:clamp(10px,.82vw,12px);line-height:1.62}.directory-actions{border-top:1px solid #16161629;align-self:end;display:grid}.directory-action{text-align:left;cursor:pointer;background:0 0;border-bottom:1px solid #16161629;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 0;transition:color .22s,transform .22s;display:grid}.directory-action strong{font-size:clamp(10px,.88vw,13px);font-weight:690;line-height:1.35}.directory-action span{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:650}a.directory-action:focus-visible,a.directory-action:hover{color:var(--project-accent);transform:translate(3px)}.directory-action.is-pending{color:#55524d;cursor:not-allowed}.directory-action.is-pending span{color:#817d76}@media (max-width:900px){.choice-overlay{padding:8px}.choice-directory{border-radius:24px;min-height:calc(100dvh - 16px);padding:24px 16px 18px;display:block;overflow:visible}.directory-header{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:0 2px 26px}.directory-heading{display:block}.directory-heading p{margin-bottom:8px}.directory-heading h2{font-size:clamp(42px,13vw,62px)}.directory-heading>span{max-width:30ch;margin-top:12px;padding:0;display:block}.directory-count{display:none}.choice-close{align-self:start;height:36px;padding-left:13px}.choice-close span{display:none}.directory-grid{display:block}.directory-project{grid-template-rows:auto auto auto auto;gap:16px;padding:24px 2px 34px;display:grid}.directory-project+.directory-project{border-top:1px solid #16161624;border-left:0}.directory-project:before{left:2px;right:2px}.directory-project-heading h3{max-width:17ch;font-size:clamp(23px,7vw,31px)}.directory-image-frame{aspect-ratio:2.12}.directory-description{max-width:55ch;font-size:11px}.directory-action strong{font-size:12px}}@media (max-height:760px) and (min-width:901px){.choice-directory{padding-top:24px;padding-bottom:20px}.directory-header{padding-bottom:18px}.directory-heading h2{font-size:clamp(38px,4.2vw,58px)}.directory-project{gap:11px;padding-top:14px;padding-bottom:14px}.directory-project-heading h3{font-size:clamp(18px,1.55vw,23px)}.directory-description{font-size:10px;line-height:1.5}.directory-action{min-height:40px;padding:8px 0}}@media (prefers-reduced-motion:reduce){.choice-close,.directory-action,.directory-image-frame img,.directory-project:before{transition-duration:.01ms!important}}.portfolio-directory-page{background-color:#efefed;background-image:linear-gradient(#16161605 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #16161612;border-radius:clamp(28px,3vw,44px);grid-template-rows:auto minmax(0,1fr);min-height:calc(100dvh - 36px);margin-top:18px;padding:clamp(24px,2.3vw,34px) clamp(26px,3vw,46px) clamp(22px,2.1vw,32px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.portfolio-directory-header{border-bottom:1px solid #16161629;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,70px);padding:0 4px clamp(17px,1.6vw,24px);display:grid}.portfolio-directory-heading{align-items:flex-end;gap:clamp(14px,1.6vw,24px);display:flex}.portfolio-directory-heading>p{letter-spacing:.1em;white-space:nowrap;writing-mode:vertical-rl;margin:0 0 5px;font-size:8px;font-weight:780;transform:rotate(180deg)}.portfolio-directory-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(35px,3.9vw,60px);font-weight:760;line-height:.78}.portfolio-directory-heading h2 span,.portfolio-directory-heading h2 strong{display:block}.portfolio-directory-heading h2 strong{color:#0000;font-weight:inherit;-webkit-text-stroke:1.4px var(--ink)}.portfolio-directory-intro{color:#595651;white-space:nowrap;justify-self:end;max-width:none;margin:0 0 4px;font-size:clamp(9px,.76vw,11px);font-weight:520;line-height:1.6}.portfolio-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.portfolio-directory-project{--project-accent:var(--blue);background:#efefed33;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,1vw,15px);min-width:0;padding:clamp(16px,1.55vw,23px);transition:background .3s;display:grid;position:relative}.portfolio-directory-project+.portfolio-directory-project{border-left:1px solid #16161624}.portfolio-directory-project:before{content:"";background:var(--project-accent);transform-origin:0;height:3px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:-1px;left:clamp(16px,1.55vw,23px);right:clamp(16px,1.55vw,23px);transform:scaleX(.18)}.portfolio-directory-project.is-current,.portfolio-directory-project:hover{background:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.portfolio-directory-project.is-current,.portfolio-directory-project:hover{background:color-mix(in srgb,var(--project-accent) 2.5%,#efefedeb)}}.portfolio-directory-project.is-current:before,.portfolio-directory-project:hover:before{transform:scaleX(1)}.portfolio-directory-project-heading{min-height:clamp(58px,6vw,82px);padding-top:2px}.portfolio-directory-project-heading p{color:var(--project-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:8px;font-weight:780}.portfolio-directory-project-heading h3{letter-spacing:-.045em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(18px,1.55vw,24px);font-weight:710;line-height:1.08}.portfolio-directory-image{aspect-ratio:2.12;background:#e8e5de;border:1px solid #16161621;border-radius:2px;width:100%;position:relative;box-shadow:0 15px 34px #2d2b261a}.portfolio-directory-image>img{object-fit:cover;border-radius:1px;transition:filter .32s,transform .54s cubic-bezier(.22,1,.36,1)}.portfolio-directory-project:not(:hover) .portfolio-directory-image>img{filter:saturate(.84)contrast(.99)}.portfolio-directory-project:hover .portfolio-directory-image>img{filter:saturate()contrast(1.01);transform:scale(1.012)}.portfolio-directory-blob{z-index:2;filter:drop-shadow(0 10px 14px #2d2b261f);transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-23px;right:clamp(10px,1.2vw,18px);transform:rotate(5deg)}.portfolio-directory-project:nth-child(2) .portfolio-directory-blob{transform:rotate(-6deg)}.portfolio-directory-project:hover .portfolio-directory-blob{transform:translateY(-5px)rotate(0)}.portfolio-directory-description{color:#4f4c47;text-align:justify;max-width:52ch;text-justify:inter-ideograph;margin:0;padding:9px 2px 2px;font-size:clamp(9px,.72vw,11px);font-weight:480;line-height:1.52}.portfolio-directory-actions{grid-template-columns:1fr .78fr;gap:6px;padding-top:2px;display:grid}.portfolio-directory-action{--action-surface:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.portfolio-directory-action{--action-surface:color-mix(in srgb,var(--project-accent) 24%,#deddd8)}}.portfolio-directory-action{--action-ink:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.portfolio-directory-action{--action-ink:color-mix(in srgb,var(--project-accent) 28%,#181817)}}.portfolio-directory-action{background:var(--action-surface);min-height:52px;color:var(--action-ink);text-align:left;cursor:not-allowed;opacity:1;border:0;border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 15px;display:grid}.portfolio-directory-action>span{gap:2px;min-width:0;display:grid}.portfolio-directory-action small{color:currentColor;letter-spacing:.1em;opacity:.84;font-size:7px;font-weight:800}.portfolio-directory-action strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,.75vw,11px);font-weight:720;line-height:1.28;overflow:hidden}.portfolio-directory-action em{color:currentColor;opacity:.88;white-space:nowrap;font-size:8px;font-style:normal;font-weight:700}@media (max-width:900px){.portfolio-directory-page{border-radius:24px;min-height:calc(100dvh - 16px);margin-top:8px;padding:24px 16px 20px;display:block;overflow:visible}.portfolio-directory-header{grid-template-columns:minmax(0,1fr);align-items:end;gap:20px;padding:0 2px 24px}.portfolio-directory-heading h2{font-size:clamp(42px,12.5vw,62px)}.portfolio-directory-heading>p{display:none}.portfolio-directory-intro{grid-area:2/1;justify-self:end;max-width:none;margin:0;font-size:clamp(7px,2.15vw,9px)}.portfolio-directory-grid{display:block}.portfolio-directory-project{grid-template-rows:auto auto auto auto;gap:17px;padding:28px 2px 38px;display:grid}.portfolio-directory-project+.portfolio-directory-project{border-top:1px solid #16161624;border-left:0}.portfolio-directory-project:before{left:2px;right:2px}.portfolio-directory-project-heading{min-height:0}.portfolio-directory-project-heading h3{max-width:18ch;font-size:clamp(24px,7.3vw,32px)}.portfolio-directory-image{aspect-ratio:2.12}.portfolio-directory-description{text-align:left;max-width:60ch;padding-top:11px;font-size:11px;line-height:1.65}.portfolio-directory-actions{grid-template-columns:1fr .82fr}.portfolio-directory-action{min-height:58px;padding-left:17px;padding-right:17px}.portfolio-directory-action strong{font-size:11px}}@media (max-width:430px){.portfolio-directory-actions{grid-template-columns:1fr}.portfolio-directory-action strong{font-size:12px}}@media (max-height:760px) and (min-width:901px){.portfolio-directory-page{padding-top:22px;padding-bottom:18px}.portfolio-directory-header{padding-bottom:15px}.portfolio-directory-heading h2{font-size:clamp(33px,3.55vw,50px)}.portfolio-directory-project{gap:10px;padding-top:14px;padding-bottom:14px}.portfolio-directory-project-heading{min-height:54px}.portfolio-directory-project-heading h3{font-size:clamp(17px,1.35vw,21px)}.portfolio-directory-description{font-size:10px;line-height:1.46}.portfolio-directory-action{min-height:50px;padding-top:8px;padding-bottom:8px}.portfolio-directory-action strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.portfolio-directory-blob,.portfolio-directory-image>img,.portfolio-directory-project,.portfolio-directory-project:before{transition-duration:.01ms!important}}.project-slide{cursor:default;margin:0}.project-slide:not(.is-current){cursor:default}.project-slide.is-current:hover{box-shadow:0 22px 55px #2d2b262e}.contact-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16161685;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.contact-dialog{background-color:#efefed;background-image:linear-gradient(#16161606 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #16161614;border-radius:34px;width:min(720px,100%);min-height:340px;padding:clamp(24px,4vw,46px);display:grid;position:relative;overflow:hidden;box-shadow:0 36px 100px #10101042}.contact-dialog>header{z-index:2;letter-spacing:.13em;justify-content:space-between;align-items:flex-start;font-size:9px;font-weight:750;display:flex;position:relative}.contact-dialog>header button{width:36px;height:36px;color:var(--cream);background:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.contact-dialog-copy{z-index:2;align-self:center;position:relative}.contact-dialog-copy p{color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:560}.contact-dialog-copy h2{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(52px,8vw,92px);font-weight:760;line-height:.86}.contact-dialog-copy strong{max-width:max-content;color:var(--cream);background:var(--ink);letter-spacing:.02em;white-space:nowrap;border-radius:30px;padding:12px 18px;font-size:clamp(12px,1.55vw,17px);font-weight:620;display:block}.contact-dialog-characters{align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:18px;right:24px}.contact-dialog-characters .blob-character,.contact-panel-characters .blob-character{position:relative}.portfolio-contents{background:#d9dad8;gap:18px;padding:0 18px 18px;display:grid}.content-page{background-color:#efefed;background-image:linear-gradient(#16161605 1px,#0000 0),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #16161612;border-radius:clamp(28px,3vw,44px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.content-page-header{border-bottom:1px solid #16161624;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(18px,2vw,34px);padding-bottom:clamp(24px,3vw,44px);display:grid}.content-page-header>p,.content-section-title>p{letter-spacing:.12em;margin:0 0 4px;font-size:8px;font-weight:780}.content-page-header h2,.content-section-title h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,92px);font-weight:760;line-height:.88}.content-page-header>span{color:var(--muted);white-space:nowrap;padding-bottom:5px;font-size:10px;font-weight:560}.project-overview-page{padding:clamp(30px,4vw,64px) clamp(24px,5vw,78px) clamp(38px,5vw,76px)}.project-overview-list{display:grid}.project-overview-item{--project-accent:var(--blue);grid-template-columns:minmax(0,1.38fr) minmax(300px,.72fr);grid-template-areas:"heading heading""media copy";align-items:center;gap:clamp(24px,3.7vw,60px) clamp(32px,5vw,80px);padding:clamp(44px,6vw,92px) 2px;display:grid;position:relative}.project-overview-item+.project-overview-item{border-top:1px solid #1616162e}.project-overview-heading{grid-area:heading}.project-overview-heading p{color:var(--project-accent);margin:0 0 4px;font-size:clamp(16px,1.7vw,25px);font-weight:740}.project-overview-heading h3{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,46px);font-weight:740;line-height:1.08}.project-overview-heading strong{margin-top:7px;font-size:clamp(11px,1.1vw,16px);font-weight:620;display:block}.project-overview-media{aspect-ratio:2.12;background:#e8e5de;border:1px solid #1616161f;grid-area:media;width:100%;position:relative;box-shadow:0 22px 54px #2d2b261f}.project-overview-media img{object-fit:cover}.project-overview-character{z-index:2;filter:drop-shadow(0 10px 14px #2d2b2624);position:absolute;bottom:-26px;right:-22px}.project-overview-item:nth-child(2) .project-overview-character{bottom:-34px;left:-30px;right:auto}.project-overview-item:nth-child(3) .project-overview-character{top:-26px;bottom:auto;right:7%}.project-overview-copy{grid-area:copy;align-content:center;gap:clamp(24px,3.4vw,48px);display:grid}.project-overview-copy>p{color:#3e3c38;text-align:justify;text-justify:inter-ideograph;margin:0;font-size:clamp(12px,1.04vw,15px);font-weight:500;line-height:1.68}.project-overview-delivery{grid-template-columns:minmax(0,1fr) minmax(148px,.88fr);align-items:end;gap:20px;display:grid}.project-overview-delivery ul{color:var(--project-accent);margin:0;padding:0;font-size:11px;font-weight:580;line-height:1.45;list-style:none}.project-overview-delivery a{isolation:isolate;border:1px solid var(--project-accent);place-items:center;min-height:70px;padding:12px 20px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a{border:1px solid color-mix(in srgb,var(--project-accent) 22%,#ffffffe6)}}.project-overview-delivery a{color:var(--project-accent);border-radius:30px}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a{color:color-mix(in srgb,var(--project-accent) 28%,#161616)}}.project-overview-delivery a{background:linear-gradient(145deg,#ffffffe0,var(--project-accent))}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a{background:linear-gradient(145deg,#ffffffe0,color-mix(in srgb,var(--project-accent) 11%,#f4f4f2c2))}}.project-overview-delivery a{box-shadow:inset 0 1px 0 #fffffffa,inset 1px 0 0 #ffffff9e,inset 0 -1px 0 var(--project-accent),0 12px 24px #2d2b261a}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a{box-shadow:inset 0 1px 0 #fffffffa,inset 1px 0 0 #ffffff9e,inset 0 -1px 0 color-mix(in srgb,var(--project-accent) 16%,#ffffffc7),0 12px 24px #2d2b261a}}.project-overview-delivery a{-webkit-backdrop-filter:blur(14px)saturate(118%);backdrop-filter:blur(14px)saturate(118%);cursor:pointer;opacity:1;text-decoration:none;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s,background .42s,box-shadow .42s cubic-bezier(.16,1,.3,1);transform:translate(0)}.project-overview-delivery a:after,.project-overview-delivery a:before{pointer-events:none;content:"";position:absolute}.project-overview-delivery a:before{z-index:0;background:radial-gradient(circle at 62% 72%,var(--project-accent) 0,var(--project-accent) 38%,transparent 68%);inset:-34% -18%}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a:before{background:radial-gradient(circle at 62% 72%,color-mix(in srgb,var(--project-accent) 38%,transparent) 0,color-mix(in srgb,var(--project-accent) 15%,transparent) 38%,transparent 68%)}}.project-overview-delivery a:before{opacity:.34;transition:opacity .42s,transform .52s cubic-bezier(.16,1,.3,1);transform:translate(-12%,10%)scale(.94)}.project-overview-delivery a:after{z-index:0;opacity:0;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:42%;transition:left .62s cubic-bezier(.16,1,.3,1),opacity .18s;top:-55%;bottom:-55%;left:-60%;transform:skew(-18deg)}.project-overview-delivery a:hover{border-color:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a:hover{border-color:color-mix(in srgb,var(--project-accent) 38%,#ffffffd6)}}.project-overview-delivery a:hover{background:linear-gradient(145deg,#ffffffd1,var(--project-accent))}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a:hover{background:linear-gradient(145deg,#ffffffd1,color-mix(in srgb,var(--project-accent) 25%,#f4f4f2b8))}}.project-overview-delivery a:hover{box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb8,inset 0 -1px 0 var(--project-accent),0 16px 30px var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a:hover{box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb8,inset 0 -1px 0 color-mix(in srgb,var(--project-accent) 24%,#ffffffd1),0 16px 30px color-mix(in srgb,var(--project-accent) 18%,#2d2b2614)}}.project-overview-delivery a:hover{transform:translateY(-2px)}.project-overview-delivery a:hover:before{opacity:.9;transform:translate(10%,-2%)scale(1.08)}.project-overview-delivery a:hover:after{opacity:.78;left:120%}.project-overview-delivery a:active{transition-duration:.12s;transform:translate(0)scale(.985)}.project-overview-delivery a:focus-visible{outline:2px solid var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-overview-delivery a:focus-visible{outline:2px solid color-mix(in srgb,var(--project-accent) 72%,#161616)}}.project-overview-delivery a:focus-visible{outline-offset:4px}.project-overview-delivery a span{z-index:1;font-size:clamp(18px,1.6vw,24px);font-weight:740;position:relative}.project-overview-delivery a small{z-index:1;letter-spacing:.08em;opacity:.72;font-size:8px;font-weight:650;position:relative}@media (prefers-reduced-motion:reduce){.project-overview-delivery a,.project-overview-delivery a:before{transition-duration:.12s}.project-overview-delivery a:active,.project-overview-delivery a:hover,.project-overview-delivery a:hover:before{transform:none}.project-overview-delivery a:after{display:none}}.capability-page,.content-practice-page,.work-experience-page{padding:clamp(38px,5vw,76px) clamp(26px,5vw,80px)}.content-section-title{z-index:2;position:relative}.experience-list{background:#16161609;gap:8px;max-width:1150px;margin:clamp(34px,5vw,76px) auto 0;padding:clamp(20px,2.5vw,36px);display:grid}.experience-item{border-bottom:1px solid #16161621;padding:0 0 22px}.experience-item.is-compact{border-bottom:0;padding:14px 0 0}.experience-item header{justify-content:space-between;align-items:baseline;gap:30px;display:flex}.experience-item h3,.experience-item strong{margin:0;font-size:clamp(14px,1.3vw,19px);line-height:1.45}.experience-item strong{text-align:right}.experience-item ul{color:#4f4c47;gap:6px;margin:13px 0 0;padding:0;font-size:clamp(11px,1vw,14px);font-weight:500;line-height:1.58;list-style:none;display:grid}.experience-item li:before{content:"·";margin-right:7px}.experience-item>p{color:#4f4c47;margin:9px 0 0;font-size:clamp(11px,1vw,14px);line-height:1.6}.experience-character{position:absolute;top:clamp(34px,5vw,76px);right:clamp(26px,5vw,80px)}.content-practice-page{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,8vw,128px);min-height:min(760px,88dvh);display:grid}.content-practice-copy{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex;position:relative}.content-practice-copy h3{margin:clamp(34px,4vw,64px) 0 0;font-size:clamp(20px,2.2vw,34px)}.content-practice-description{gap:16px;max-width:690px;margin-top:clamp(22px,3vw,42px);font-size:clamp(13px,1.25vw,18px);font-weight:500;line-height:1.65;display:grid}.content-practice-description p{margin:0}.content-practice-character{position:absolute;bottom:0;right:0}.social-evidence{grid-template-columns:repeat(2,210px);align-items:end;gap:30px;display:grid}.social-evidence-item{gap:16px;display:grid}.social-device-mockup{background:#20201f;border:1px solid #ffffff47;border-radius:34px;width:210px;padding:10px 8px 8px;position:relative;box-shadow:0 22px 54px #2d2b262e,inset 0 0 0 1px #00000080}.social-device-mockup:after,.social-device-mockup:before{content:"";background:#343431;border-radius:2px;width:3px;height:46px;position:absolute;top:92px}.social-device-mockup:before{left:-4px}.social-device-mockup:after{height:68px;right:-4px}.social-device-speaker{background:#5a5a57;border-radius:4px;width:44px;height:4px;margin:0 auto 7px;display:block}.social-device-screen{aspect-ratio:1179/2556;background:#f5f3ee;border-radius:25px;width:100%;position:relative;overflow:hidden}.social-device-screen img{object-fit:cover}.social-evidence-item a{min-height:42px;color:var(--cream);background:var(--ink);cursor:pointer;opacity:1;border-radius:30px;place-items:center;padding:8px 16px;text-decoration:none;display:grid}.social-evidence-item a span{font-size:13px;font-weight:700}.social-evidence-item a small{letter-spacing:.08em;opacity:.68;font-size:7px}.capability-page{min-height:min(860px,94dvh)}.capability-map{width:min(1080px,100%);height:clamp(500px,61vw,650px);margin:clamp(18px,2vw,30px) auto 0;position:relative}.capability-spokes{position:absolute;inset:0}.capability-spokes i{width:31%;height:1px;transform:rotate(calc(var(--spoke) * 60deg - 90deg));transform-origin:0;background:#16161659;position:absolute;top:50%;left:50%}.capability-center,.capability-node{z-index:2;text-align:center;position:absolute}.capability-center{background:#efefed;min-width:360px;padding:14px 20px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)}.capability-center strong{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(26px,3vw,45px);line-height:1}.capability-center span,.capability-node p{margin:0;font-size:clamp(12px,1.4vw,20px)}.capability-node{background:#efefed;min-width:230px;padding:10px 14px;display:grid}.capability-node h3{letter-spacing:-.04em;margin:0;font-size:clamp(20px,2.3vw,35px);line-height:1.02}.capability-node.is-top{top:2%;left:50%;transform:translate(-50%)}.capability-node.is-left-top{top:28%;left:0}.capability-node.is-left-bottom{bottom:18%;left:6%}.capability-node.is-right-top{top:28%;right:0}.capability-node.is-right-bottom{bottom:18%;right:5%}.capability-node.is-bottom{bottom:0;left:50%;transform:translate(-50%)}.capability-character{position:absolute;bottom:clamp(16px,3vw,46px);right:clamp(20px,4vw,60px)}.closing-page{gap:18px;display:grid}.contact-panel,.work-method-panel{min-height:360px;padding:clamp(38px,5vw,76px) clamp(26px,5vw,80px)}.work-method-flow{letter-spacing:-.035em;max-width:1180px;margin:clamp(38px,5vw,72px) 0 0;font-size:clamp(21px,2.7vw,40px);font-weight:700;line-height:1.34}.work-method-flow .work-step,.work-method-flow i{white-space:nowrap;display:inline-block}.work-method-flow i{color:var(--orange);margin:0 .18em;font-style:normal}.contact-panel{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title characters""copy characters";min-height:430px;display:grid}.contact-panel>.content-section-title{grid-area:title}.contact-panel-copy{grid-area:copy;align-self:end;gap:7px;max-width:900px;font-size:clamp(15px,1.7vw,25px);font-weight:620;line-height:1.5;display:grid}.contact-panel-copy p,.contact-panel-copy strong{margin:0}.contact-panel-copy address{gap:1px;margin-top:24px;font-size:clamp(16px,1.65vw,24px);font-style:normal;font-weight:500;display:grid}.contact-panel-characters{grid-area:characters;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,auto);align-self:end;align-items:end;gap:7px;display:grid}.contact-panel-characters .blob-character:first-child{grid-area:2/1}.contact-panel-characters .blob-character:nth-child(2){grid-area:1/2}.contact-panel-characters .blob-character:nth-child(3){grid-area:2/2}.contact-panel-characters .blob-character:nth-child(4){grid-area:2/3}@media (max-width:900px){.portfolio-contents{gap:8px;padding:0 8px 8px}.contact-dialog,.content-page{border-radius:24px}.content-page-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.content-page-header>p{grid-row:1}.content-page-header>span{white-space:normal}.project-overview-page{padding:28px 16px 34px}.project-overview-item{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""media""copy";gap:22px;padding:42px 2px 50px}.project-overview-heading h3{font-size:clamp(26px,8vw,34px)}.project-overview-copy>p{text-align:left;font-size:11px;line-height:1.68}.project-overview-item:first-child .project-overview-copy{margin-top:10px}.project-overview-item:nth-child(2) .project-overview-copy{margin-top:30px}.project-overview-delivery{grid-template-columns:minmax(0,1fr) minmax(132px,.86fr)}.capability-page,.contact-panel,.content-practice-page,.work-experience-page,.work-method-panel{padding:34px 18px}.content-page-header h2,.content-section-title h2{font-size:clamp(43px,13vw,66px)}.experience-list{margin-top:54px;padding:17px}.experience-item header{gap:4px;display:grid}.experience-item strong{text-align:left}.experience-character{top:24px;right:20px;transform:scale(.76)}.content-practice-page{grid-template-columns:minmax(0,1fr);min-height:0}.content-practice-character{bottom:-10px;right:4px;transform:scale(.82)}.social-evidence{grid-template-columns:repeat(2,160px);justify-content:center;gap:12px}.social-device-mockup{border-radius:27px;width:160px;padding:8px 6px 6px}.social-device-screen{border-radius:20px}.capability-page{min-height:720px}.capability-map{height:590px}.capability-center{min-width:260px}.capability-node{min-width:150px}.capability-node h3{font-size:clamp(16px,4.8vw,22px)}.capability-node p{font-size:10px}.capability-character{transform-origin:100% 100%;transform:scale(.66)}.contact-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""copy""characters";gap:42px}.contact-panel-characters{justify-self:end}}@media (max-width:430px){.contact-dialog{min-height:390px;padding:22px}.contact-dialog-copy strong{text-align:center;width:100%;max-width:none;padding:12px 10px;font-size:10px}.contact-dialog-characters{transform-origin:100% 100%;bottom:14px;right:14px;transform:scale(.82)}.project-overview-delivery{grid-template-columns:1fr}.project-overview-delivery a{min-height:62px}.social-evidence{grid-template-columns:repeat(2,140px);gap:8px}.social-device-mockup{border-radius:24px;width:140px;padding:7px 5px 5px}.social-device-speaker{margin-bottom:5px}.social-device-screen{border-radius:18px}.capability-page{min-height:650px}.capability-map{height:530px}.capability-center{min-width:230px;padding-left:8px;padding-right:8px}.capability-center strong{font-size:21px}.capability-center span{font-size:11px}.capability-node{min-width:118px;padding-left:4px;padding-right:4px}.capability-node h3{font-size:15px}.capability-node.is-left-top{top:25%;left:-6px}.capability-node.is-left-bottom{bottom:18%;left:-4px}.capability-node.is-right-top{top:25%;right:-6px}.capability-node.is-right-bottom{bottom:18%;right:-2px}.capability-character{bottom:10px;right:8px;transform:scale(.5)}.work-method-flow{font-size:22px}.contact-panel-copy{font-size:14px}.contact-panel-characters{transform-origin:100% 100%;transform:scale(.82)}}