.portfolio-shell{--bg:color-mix(in srgb,#080a0b,#e8e5d8 var(--daylight-percent));--ink:var(--day-ink);--dim:var(--day-copy);--record-surface:color-mix(in srgb,#101719,#f1efe7 var(--daylight-percent));--record-transition-surface:color-mix(in srgb,#101719,#ccd1ca var(--daylight-percent));--accent:#0869ff;--margin:clamp(32px,3.6vw,72px);min-height:100svh;background:var(--bg);color:var(--ink)}.portfolio-shell a{color:inherit;text-decoration:none}.portfolio-shell button{font:inherit;color:inherit;cursor:pointer}.portfolio-shell ::selection{background:var(--day-ink);color:color-mix(in srgb,#101719,#f1efe7 var(--daylight-ink-percent));text-shadow:none}.portfolio-shell .hero :is(h1,p),.portfolio-shell .location-label,.portfolio-shell .project-cover :is(h1,p){pointer-events:auto}html[data-view=immersive] .portfolio-shell .is-travelling .hero :is(h1,p){pointer-events:none}.portfolio-shell .hero ::selection,.portfolio-shell .project-cover ::selection{background:color-mix(in srgb,#253d4b,#d0dccb var(--daylight-ink-percent));color:var(--day-ink)}.portfolio-shell :is(.canvas-root,.route-poster,img,video,iframe,[aria-hidden=true]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-shell :is(.scene-shortcut,.grab-guide,.loading-status){-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-shell .project-page{--project-selection-deep:#0750c9;--project-selection-pale:#f6f5f1}.portfolio-shell .project-page[data-project=coca-cola-festive-ar]{--project-selection-deep:#7d171f;--project-selection-pale:#fff3e5}.portfolio-shell .project-page[data-project=ribena-jelly-faceoff]{--project-selection-deep:#7a0a55;--project-selection-pale:#ffe4a3}.portfolio-shell .project-page[data-project=sg-navy-virtual-tour]{--project-selection-deep:#102942;--project-selection-pale:#e3e7e8}.portfolio-shell .project-page[data-project=tako-the-ghost]{--project-selection-deep:#6d5b41;--project-selection-pale:#f6efe2}.portfolio-shell .project-page[data-project=vin-geek]{--project-selection-deep:#102916;--project-selection-pale:#e3e7e8}.portfolio-shell .project-record :is(h2,h3,a,.record-kicker,.record-section-label,.proof-value)::selection,.portfolio-shell .project-record a ::selection{background:color-mix(in srgb,var(--project-selection-pale),var(--project-selection-deep) var(--daylight-ink-percent));color:color-mix(in srgb,var(--project-selection-deep),var(--project-selection-pale) var(--daylight-ink-percent))}.portfolio-shell .location-label::selection,.portfolio-shell .project-inquiry-copy strong::selection{background:color-mix(in srgb,#e3f36b,#48521d var(--daylight-ink-percent));color:color-mix(in srgb,#171b1d,#f2f6c8 var(--daylight-ink-percent))}.portfolio-shell a:focus-visible,.portfolio-shell button:focus-visible{outline:2px solid #5b9cff;outline-offset:7px}.portfolio-shell h1:focus,.portfolio-shell main.content#main-content:focus{outline:none}.portfolio-shell .canvas-root{position:fixed;inset:0;z-index:0;opacity:0;transition:opacity .65s ease;pointer-events:none}html[data-view=immersive][data-scene-ready=true] .portfolio-shell .canvas-root{opacity:1;pointer-events:auto}.portfolio-shell .canvas-root canvas{display:block;touch-action:none}.portfolio-shell .project-cover-inner{transition:opacity 1.8s ease}html[data-basement] .portfolio-shell .project-cover-inner{opacity:0;pointer-events:none}html[data-motion=reduced][data-basement] .portfolio-shell .project-cover-inner{transition-duration:.4s}html[data-basement=ascending] .portfolio-shell .ui,html[data-basement=descending] .portfolio-shell .ui,html[data-basement=inside] .portfolio-shell .ui{opacity:0;pointer-events:none}html[data-basement=ascending] .portfolio-shell .ui :is(a,button,dialog:not([open])),html[data-basement=descending] .portfolio-shell .ui :is(a,button,dialog:not([open])),html[data-basement=inside] .portfolio-shell .ui :is(a,button,dialog:not([open])){pointer-events:none}html[data-basement] .portfolio-shell .ui:has(dialog[open]){opacity:1;pointer-events:none}html[data-basement] .portfolio-shell .ui:has(dialog[open]) dialog[open]{pointer-events:auto}html[data-basement] .portfolio-shell .project-cover:after{opacity:0;transition:opacity .65s ease}html[data-basement-ui-hidden] [data-basement-hint]{display:none!important}html[data-basement=inside] .portfolio-shell .canvas-root{background:#000}.portfolio-shell .ui{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;pointer-events:none;transition:opacity .65s ease}.portfolio-shell .ui a,.portfolio-shell .ui button,.portfolio-shell .ui dialog{pointer-events:auto}.portfolio-shell .site-header{display:flex;align-items:center;justify-content:space-between;padding:30px var(--margin);z-index:3}.portfolio-shell .wordmark{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:500;letter-spacing:-.6px}.portfolio-shell .brand-square{width:16px;height:16px;display:block;background:linear-gradient(145deg,#0097ff,#0648e5)}.portfolio-shell .site-nav{display:flex;gap:38px;font-size:16px}.portfolio-shell .header-controls{display:flex;align-items:center;gap:clamp(24px,2.4vw,42px)}.portfolio-shell .site-nav a{position:relative;padding:4px 0 9px}.portfolio-shell .site-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;background:#1679ff;height:2px}.portfolio-shell .utility-menu{position:relative}.portfolio-shell .bucket-menu-trigger{width:34px;height:34px;display:grid;place-items:center;padding:2px;border:0;background:transparent}.portfolio-shell .bucket-menu-trigger svg{width:28px;height:28px;overflow:visible;fill:none;stroke:#d9dcde;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease,filter .22s ease}.portfolio-shell .bucket-menu-trigger:focus-visible svg,.portfolio-shell .bucket-menu-trigger:hover svg,.portfolio-shell .bucket-menu-trigger[aria-expanded=true] svg{stroke:#6fa8ff;filter:drop-shadow(0 0 7px #096aff55)}.portfolio-shell .utility-menu-panel{position:absolute;top:calc(100% + 14px);right:0;width:218px;display:grid;grid-gap:3px;gap:3px;padding:7px;visibility:hidden;pointer-events:none;background:#0b1014e8;border:1px solid #ffffff24;border-radius:4px;box-shadow:0 22px 65px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:top right}.portfolio-shell .utility-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 11px;border:0;border-radius:2px;background:transparent;color:#d5d8da;text-align:left;font-size:13px;transition:color .16s ease,background .16s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .utility-menu-item svg{width:20px;height:20px;flex:none;fill:none;stroke:#88919a;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s ease}.portfolio-shell .utility-menu-item:focus-visible,.portfolio-shell .utility-menu-item:hover{color:white;background:#ffffff0d;transform:translateX(2px)}.portfolio-shell .utility-menu-item:focus-visible svg,.portfolio-shell .utility-menu-item:hover svg{stroke:#6fa8ff}.portfolio-shell .shade{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.08) 31%,transparent 54%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 15%,transparent 85%,rgba(0,0,0,.2))}.portfolio-shell .content{flex:1 1;display:flex;align-items:center;padding:4vh var(--margin) 6vh;min-height:0}.portfolio-shell .hero{max-width:37%;transition:opacity .16s,transform .2s}.portfolio-shell .hero h1{font-size:clamp(76px,6.5vw,142px);font-weight:400;line-height:.86;letter-spacing:-.062em;margin:0 0 26px}.portfolio-shell .home-hero{padding-top:6vh}.portfolio-shell .lede{color:#e0dfdc;font-size:20px;line-height:1.5;margin:0 0 22px}.portfolio-shell .text-link{font-size:18px;display:inline-flex;align-items:center;gap:10px;line-height:1.7}.portfolio-shell .text-link:hover{color:#84b5ff}.portfolio-shell .text-link kbd{transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .24s,color .24s}.portfolio-shell .text-link:focus-visible kbd,.portfolio-shell .text-link:hover kbd{transform:translateX(3px);border-color:#84b5ff}.portfolio-shell .site-footer{position:relative;padding:20px var(--margin) 24px;display:flex;align-items:center;justify-content:flex-start;font:12px/1.6 var(--font-mono),monospace;color:#d7d6d1}.portfolio-shell .footer-shortcuts{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2vw,32px)}.portfolio-shell .project-pov-shortcut{position:absolute;top:calc(100svh - 72px);right:var(--margin);z-index:3;pointer-events:auto}.portfolio-shell .footer-shortcut{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 0;border:0;background:transparent;color:#c4c6c6;font-size:12px;transition:color .18s ease,opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .reset-objects[data-recall-state=intent],.portfolio-shell .reset-objects[data-recall-state=recalling]{color:white}.portfolio-shell .recall-key{position:relative}.portfolio-shell .recall-trace{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.portfolio-shell .recall-trace rect{fill:none;stroke:#79abff;stroke-width:1.5;stroke-linecap:square;vector-effect:non-scaling-stroke}.portfolio-shell .reset-objects[data-recall-state=completed] .recall-trace rect{stroke:#a9dcbb}.portfolio-shell .footer-shortcut:focus-visible,.portfolio-shell .footer-shortcut:hover:not(:disabled){color:white;transform:translateY(-1px)}.portfolio-shell .footer-shortcut:disabled{cursor:default;opacity:.3}.portfolio-shell .footer-shortcut[data-state=off]{opacity:.52}.portfolio-shell .footer-shortcut kbd,.portfolio-shell .project-pagination kbd,.portfolio-shell .skip-travel kbd,.portfolio-shell .text-link kbd,.portfolio-shell .work-number kbd{display:inline-grid;min-width:22px;height:22px;padding:0 5px;place-items:center;border:1px solid #ffffff38;border-radius:2px;color:#eef0f0;font:10px/1 var(--font-mono),monospace;text-transform:uppercase}.portfolio-shell .grab-guide{position:fixed;bottom:86px;left:50%;transform:translateX(-50%);display:grid;grid-gap:5px;gap:5px;width:max-content;max-width:calc(100vw - 48px);padding:14px 20px;background:#101719ed;border:1px solid #ffffff35;border-radius:6px;color:#e4e8ec;font-size:14px;line-height:1.5;text-align:center;pointer-events:none}.portfolio-shell .grab-guide strong{font-weight:500;color:white}.portfolio-shell .grab-guide kbd{font:inherit;border:1px solid #ffffff55;padding:0 4px;border-radius:3px}.portfolio-shell .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.portfolio-shell .location-label{max-width:30%;font-size:12px;letter-spacing:.02em}.portfolio-shell .works-hero{max-width:38%;width:490px}.portfolio-shell .works-hero h1{font-size:clamp(60px,4.1vw,88px);line-height:.95;margin-bottom:16px}.portfolio-shell .works-hero .lede{margin-bottom:40px}.portfolio-shell .work-list{list-style:none;margin:0;padding:0}.portfolio-shell .work-list li a{display:flex;align-items:center;gap:22px;padding:13px 0;border-bottom:1px solid #ffffff3b;font-size:17px;line-height:1.25;color:#dbdad6;transition:color .2s,border-color .2s}.portfolio-shell .work-number{font-size:15px;width:27px;flex:none}.portfolio-shell .work-label{min-width:0;display:grid;grid-gap:4px;gap:4px}.portfolio-shell .work-title{line-height:1.2}.portfolio-shell .work-meta{color:#9da2a4;font:10px/1.4 var(--font-mono),monospace;letter-spacing:.035em;text-transform:uppercase;transition:color .18s ease}.portfolio-shell .work-number kbd{transition:color .18s ease,border-color .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .work-arrow{margin-left:auto;opacity:0}.portfolio-shell .work-list a.is-active,.portfolio-shell .work-list a:hover{color:#328cff;border-color:#328cff}.portfolio-shell .work-list a.is-active .work-meta,.portfolio-shell .work-list a:focus-visible .work-meta,.portfolio-shell .work-list a:hover .work-meta{color:#b8d3ff}.portfolio-shell .work-list a.is-active .work-arrow,.portfolio-shell .work-list a:hover .work-arrow{opacity:1}.portfolio-shell .work-list a.is-active .work-number kbd,.portfolio-shell .work-list a:focus-visible .work-number kbd,.portfolio-shell .work-list a:hover .work-number kbd{color:#7eb2ff;border-color:#328cff;transform:translateX(2px)}.portfolio-shell .is-travelling .hero{pointer-events:none}.portfolio-shell .is-travelling .hero a{pointer-events:auto}.portfolio-shell .skip-travel{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ffffff3d;border-radius:999px;background:#101719ed;box-shadow:0 8px 28px #0008;color:#f1f3f4;font-size:11px;transform:translateX(-50%);animation:skip-slide-up .36s cubic-bezier(.16,1,.3,1) both;transition:color .18s ease,opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .skip-travel kbd{min-width:19px;height:19px;padding:0 4px;font-size:9px}.portfolio-shell .skip-travel.is-exiting{pointer-events:none;animation:skip-slide-down .36s cubic-bezier(.4,0,1,1) both}.portfolio-shell .skip-travel.is-activated kbd{background:#0869ff;border-color:#84b5ff;color:white}.portfolio-shell .skip-travel:focus-visible,.portfolio-shell .skip-travel:hover{color:white;opacity:1;transform:translate(-50%,-2px)}@keyframes skip-slide-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes skip-slide-down{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,24px)}}.portfolio-shell .loading-status{position:fixed;bottom:75px;right:var(--margin);font:12px var(--font-mono),monospace;color:#b7bcc3}.portfolio-shell .credits-dialog{max-width:580px;padding:48px;background:#141718;color:var(--ink);border:1px solid #ffffff26;line-height:1.7;pointer-events:auto}.portfolio-shell .credits-dialog::-webkit-backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-shell .credits-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-shell .credits-dialog h2{font-weight:400;font-size:30px;margin-top:0}.portfolio-shell .credits-dialog li,.portfolio-shell .credits-dialog p{color:#cbcecf;font-size:15px}.portfolio-shell .credits-dialog ul{padding-left:20px}.portfolio-shell .credits-dialog li{margin:14px 0}.portfolio-shell .credits-dialog a{text-decoration:underline}.portfolio-shell .close-dialog{position:absolute;right:15px;top:8px;background:none;border:0;font-size:30px}.portfolio-shell .project-content{display:block;padding:0;overflow:visible;-webkit-clip-path:inset(var(--project-reading-clip,0) 0 0);clip-path:inset(var(--project-reading-clip,0) 0 0)}.portfolio-shell .project-page{width:100%;min-width:0}.portfolio-shell .ui:has(.project-content)>.site-footer{position:absolute;top:calc(100svh - 72px);right:0;left:0;z-index:3}.portfolio-shell .project-cover{position:relative;min-height:calc(100svh - 94px);display:grid;align-items:center;padding:clamp(58px,8vh,110px) var(--margin) clamp(82px,12vh,150px)}.portfolio-shell .project-cover:after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:0;height:calc(clamp(180px, 28vh, 320px) * (1 - var(--daylight)) + clamp(300px, 50svh, 540px) * var(--daylight));background:linear-gradient(to bottom,transparent,color-mix(in srgb,#10171926,#ccd1ca1f var(--daylight-percent)) 25%,color-mix(in srgb,#101719a6,#ccd1ca7a var(--daylight-percent)) 70%,var(--record-transition-surface));pointer-events:none}.portfolio-shell .project-cover-inner{position:relative;z-index:1;width:min(760px,52vw);display:grid;justify-items:start}.portfolio-shell .project-eyebrow,.portfolio-shell .project-inquiry p,.portfolio-shell .record-kicker,.portfolio-shell .record-section-label{font:11px/1.5 var(--font-mono),monospace;letter-spacing:.085em;text-transform:uppercase}.portfolio-shell .project-eyebrow{margin:0 0 24px;color:#c9ced0}.portfolio-shell .project-cover h1{max-width:880px;margin:0;font-size:clamp(56px,5.6vw,108px);font-weight:400;line-height:.95;letter-spacing:-.058em;text-wrap:balance}.portfolio-shell .project-copy{max-width:620px;margin:30px 0 0;color:#e2e3df;font-size:clamp(18px,1.3vw,23px);line-height:1.55;text-wrap:pretty}.portfolio-shell .back-link{display:inline-block;margin-bottom:clamp(42px,7vh,86px);color:#c7c7c1;font-size:13px;border-bottom:1px solid #ffffff32;padding-bottom:5px}.portfolio-shell .record-jump{display:inline-flex;align-items:center;gap:36px;margin-top:42px;padding:14px 18px;background:#0d67ee;color:white;font-size:14px;font-weight:600;transition:background .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .record-jump:focus-visible,.portfolio-shell .record-jump:hover{background:#247bff;transform:translateY(-2px)}.portfolio-shell .record-jump-cue-active .record-jump-arrow{display:inline-block;animation:case-study-arrow-cue 1.4s ease-in-out infinite}@keyframes case-study-arrow-cue{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(3px);opacity:.55}}@media (prefers-reduced-motion:reduce){.portfolio-shell .record-jump-cue-active .record-jump-arrow{animation:none}}html:has(.portfolio-shell){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.portfolio-shell){scroll-behavior:auto}}.portfolio-shell .cover-proof-note{margin:15px 0 0;color:#aeb4b6;font:10px/1.5 var(--font-mono),monospace;letter-spacing:.04em;text-transform:uppercase}.portfolio-shell .project-record{position:relative;z-index:2;margin-top:-1px;scroll-margin-top:calc(var(--site-header-height) + 24px);background:var(--record-surface);color:#111719;pointer-events:auto;background:linear-gradient(to bottom,var(--record-transition-surface),var(--record-surface) 220px)}.portfolio-shell .record-inner{width:min(1280px,calc(100% - (2 * var(--margin))));margin:0 auto;padding:clamp(82px,9vw,154px) 0 clamp(90px,10vw,170px)}.portfolio-shell .record-grid,.portfolio-shell .record-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:clamp(20px,2.2vw,42px);column-gap:clamp(20px,2.2vw,42px)}.portfolio-shell .record-grid--no-divider{border-top:0!important;padding-top:0}.portfolio-shell .record-empty-label{grid-column:1/4}.portfolio-shell .record-section-content{display:grid;grid-gap:24px;gap:24px}.portfolio-shell .record-section-content>*{margin:0}.portfolio-shell .record-feature-image{width:100%;height:auto}.portfolio-shell .record-story--content{margin-top:0!important}.portfolio-shell .record-video{width:100%;aspect-ratio:16/9;background:#111719;object-fit:contain}.portfolio-shell .record-media-caption{color:#525d60;font-size:14px;line-height:1.5}.portfolio-shell .record-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.portfolio-shell .record-gallery--single{grid-template-columns:minmax(0,1fr)}.portfolio-shell .record-gallery--row{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-shell .record-gallery img{width:100%;height:100%;min-height:0;object-fit:cover}.portfolio-shell .record-video-list{display:grid;grid-gap:24px;gap:24px}.portfolio-shell .record-embed{width:100%;aspect-ratio:16/9}.portfolio-shell .record-embed iframe{width:100%;height:100%;border:0}.portfolio-shell .record-credits{display:grid;grid-gap:18px;gap:18px;margin:0}.portfolio-shell .record-credits dd,.portfolio-shell .record-credits dt{margin:0}.portfolio-shell .record-credits dt{color:#293336;font-weight:600}.portfolio-shell .record-credits dd{color:#525d60;margin-top:5px}.portfolio-shell .record-video-list--gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portfolio-shell .record-video-list--gallery .record-video{aspect-ratio:9/16;background:transparent;object-fit:cover}.portfolio-shell .record-link-list{display:grid;grid-gap:11px;gap:11px;margin:0;padding:0;list-style:none}.portfolio-shell .record-link-list a{color:#134f9d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.portfolio-shell .record-graphic-list{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));grid-gap:18px;gap:18px;margin:0;padding:0;list-style:none}.portfolio-shell .record-graphic-list a,.portfolio-shell .record-graphic-list li{display:grid;justify-items:center;grid-gap:10px;gap:10px}.portfolio-shell .record-graphic-list a{color:inherit;text-decoration:none}.portfolio-shell .record-graphic-list img{width:88px;height:88px;object-fit:contain}.portfolio-shell .record-graphic-list span{color:#293336;font-size:14px;text-align:center}@media (max-width:640px){.portfolio-shell .record-graphic-list{grid-template-columns:repeat(2,minmax(90px,1fr))}.portfolio-shell .record-gallery--row,.portfolio-shell .record-video-list--gallery{grid-template-columns:1fr}}.portfolio-shell .record-kicker,.portfolio-shell .record-section-label{color:#245fa9}.portfolio-shell .record-kicker{grid-column:1/4;margin:9px 0 0}.portfolio-shell .record-intro h2{grid-column:5/-1;max-width:880px;margin:0;font-size:clamp(52px,6vw,100px);font-weight:400;line-height:.92;letter-spacing:-.058em;text-wrap:balance}.portfolio-shell .proof-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(70px,8vw,132px) 0;border-top:1px solid #172024;border-bottom:1px solid #172024}.portfolio-shell .proof-rail>div{min-width:0;padding:28px clamp(20px,2.5vw,42px) 30px 0}.portfolio-shell .proof-rail>div+div{padding-left:clamp(20px,2.5vw,42px);border-left:1px solid #a8aaa5}.portfolio-shell .proof-rail dt{margin-bottom:30px;color:#4a5558;font:10px/1.4 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.portfolio-shell .proof-rail dd{margin:0}.portfolio-shell .proof-value{display:block;font-size:clamp(46px,5vw,84px);font-weight:400;line-height:.9;letter-spacing:-.055em}.portfolio-shell .proof-detail{display:block;margin:13px 0 0;color:#5e6769;font-size:12px;line-height:1.45;letter-spacing:0}.portfolio-shell .record-grid{padding:clamp(44px,5vw,78px) 0;border-top:1px solid #b9bbb5}.portfolio-shell .record-grid>h3{grid-column:1/4;margin:0;color:#245fa9;font:11px/1.5 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.portfolio-shell .record-grid>div,.portfolio-shell .record-grid>dl,.portfolio-shell .record-grid>p{grid-column:5/-1}.portfolio-shell .record-grid p{max-width:72ch;margin:0;color:#293336;font-size:clamp(18px,1.45vw,24px);line-height:1.68;text-wrap:pretty}.portfolio-shell .record-overview{border-top:0;padding-top:0}.portfolio-shell .record-overview .record-lede{max-width:28ch;color:#111719;font-size:clamp(30px,3.25vw,55px);line-height:1.12;letter-spacing:-.035em}.portfolio-shell .record-story{margin-top:clamp(26px,4vw,68px)}.portfolio-shell .record-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;margin:clamp(68px,8vw,130px) 0;background:#aeb2ad;border:1px solid #aeb2ad}.portfolio-shell .record-detail{min-height:290px;padding:clamp(28px,3.4vw,54px);background:#e8e6de}.portfolio-shell .record-section-label{margin:0 0 36px}.portfolio-shell .record-detail h3{max-width:16ch;margin:0 0 30px;font-size:clamp(29px,3vw,48px);font-weight:400;line-height:1.05;letter-spacing:-.04em}.portfolio-shell .record-detail ul,.portfolio-shell .record-sources ul{list-style:none;margin:0;padding:0}.portfolio-shell .record-detail li{max-width:50ch;padding:10px 0;border-top:1px solid #bfc0ba;color:#374145;font-size:15px;line-height:1.55}.portfolio-shell .record-people dl{margin:0}.portfolio-shell .record-people dl>div{display:grid;grid-template-columns:minmax(130px,.7fr) 1.3fr;grid-gap:20px;gap:20px;padding:18px 0;border-top:1px solid #c7c8c2}.portfolio-shell .record-people dl>div:last-child{border-bottom:1px solid #c7c8c2}.portfolio-shell .record-people dt{color:#111719;font-weight:600}.portfolio-shell .record-people dd{margin:0;color:#525d60;line-height:1.5}.portfolio-shell .record-sources>div>p{margin-bottom:28px;color:#596366;font-size:15px}.portfolio-shell .record-sources li+li{margin-top:11px}.portfolio-shell .record-sources a{display:inline-flex;gap:8px;color:#134f9d;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.portfolio-shell .record-sources a:focus-visible,.portfolio-shell .record-sources a:hover{color:#003b88}.portfolio-shell .project-record a:focus-visible{outline-color:#084998}.portfolio-shell .project-inquiry{display:grid;grid-template-columns:1fr 2fr;align-items:center;grid-gap:30px;gap:30px;margin-top:clamp(70px,9vw,140px);padding:clamp(28px,4vw,62px);background:#0d67ee;color:white}.portfolio-shell .project-inquiry p{margin:0;color:white}.portfolio-shell .project-inquiry-copy{display:grid;grid-gap:24px;gap:24px}.portfolio-shell .project-inquiry strong{font-size:clamp(30px,4vw,62px);font-weight:400;line-height:1;letter-spacing:-.045em}.portfolio-shell .project-inquiry-actions{display:flex;align-items:center;justify-content:flex-end;gap:clamp(22px,3vw,48px)}.portfolio-shell .project-inquiry-actions a{font-size:15px;font-weight:600}.portfolio-shell .project-inquiry-actions a:focus-visible{outline-color:#081a2d}.portfolio-shell .project-inquiry-primary{min-width:155px;padding:16px 20px;background:white;color:#11417e;text-align:center;transition:background .18s ease,color .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .project-inquiry-primary:focus-visible,.portfolio-shell .project-inquiry-primary:hover{background:#0c2441;color:white;transform:translateY(-2px)}.portfolio-shell .project-inquiry-secondary{padding:10px 0 7px;border-bottom:1px solid #ffffff8f}.portfolio-shell .project-inquiry-secondary:focus-visible,.portfolio-shell .project-inquiry-secondary:hover{border-color:white}.portfolio-shell .project-pagination{display:flex;gap:36px;font-size:14px}.portfolio-shell .project-pagination a{display:inline-flex;align-items:center;gap:9px;padding-bottom:5px;border-bottom:1px solid #ffffff3d;transition:color .18s ease,border-color .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.portfolio-shell .project-pagination a:focus-visible,.portfolio-shell .project-pagination a:hover{color:#79abff;border-color:#79abff;transform:translateY(-1px)}.portfolio-shell .project-navigation{position:relative;z-index:2;justify-content:space-between;margin:0;padding:clamp(52px,7vw,100px) var(--margin);background:#0b0e10}html:not([data-view=immersive]) .portfolio-shell .footer-shortcuts,html[data-view=simple] .portfolio-shell .loading-status,html[data-view=simple] .portfolio-shell .reset-objects{display:none}html[data-view=simple] .portfolio-shell .ui{background:radial-gradient(ellipse at 75% 25%,#252a2e,transparent 65%)}html[data-view=simple] .portfolio-shell .hero{opacity:1;transform:none;max-width:650px}html[data-view=simple] .portfolio-shell .content{min-height:70svh}html[data-view=simple] .portfolio-shell .is-travelling .hero a{pointer-events:auto}@media (max-width:1023px){.portfolio-shell{--margin:28px}.portfolio-shell .site-header{padding-top:25px}.portfolio-shell .wordmark{font-size:20px}.portfolio-shell .site-nav{gap:24px;font-size:15px}.portfolio-shell .header-controls{gap:16px}.portfolio-shell .content{padding-top:9vh;padding-bottom:9vh}.portfolio-shell .project-content{padding:0}.portfolio-shell .ui:has(.project-content)>.site-footer{position:relative;top:auto;right:auto;left:auto}.portfolio-shell .hero,.portfolio-shell .works-hero{max-width:100%;width:100%}.portfolio-shell .hero h1{font-size:clamp(70px,15vw,120px)}.portfolio-shell .home-hero{padding-top:0}.portfolio-shell .works-hero h1{font-size:64px}.portfolio-shell .lede{font-size:18px}.portfolio-shell .site-footer{align-items:flex-start;flex-direction:column}.portfolio-shell .location-label{max-width:100%}.portfolio-shell .project-cover{min-height:calc(100svh - 86px);padding-top:clamp(48px,8vh,82px);padding-bottom:clamp(76px,11vh,112px)}.portfolio-shell .project-cover-inner{width:min(680px,100%)}.portfolio-shell .project-cover h1{max-width:780px;font-size:clamp(48px,10vw,80px);line-height:.98}.portfolio-shell .project-eyebrow{margin-bottom:18px}.portfolio-shell .project-copy{max-width:580px;margin-top:24px;font-size:18px}.portfolio-shell .back-link{margin-bottom:clamp(38px,7vh,64px)}.portfolio-shell .record-inner{width:calc(100% - (2 * var(--margin)));padding:78px 0 92px}.portfolio-shell .record-grid,.portfolio-shell .record-intro{grid-template-columns:1fr}.portfolio-shell .record-grid>div,.portfolio-shell .record-grid>dl,.portfolio-shell .record-grid>h3,.portfolio-shell .record-grid>p,.portfolio-shell .record-intro h2,.portfolio-shell .record-kicker{grid-column:1}.portfolio-shell .record-kicker{margin:0 0 28px}.portfolio-shell .record-intro h2{max-width:700px;font-size:clamp(48px,9vw,76px)}.portfolio-shell .proof-rail{margin:68px 0}.portfolio-shell .record-grid>h3{margin-bottom:28px}.portfolio-shell .record-overview .record-lede{max-width:24ch}.portfolio-shell .record-detail{min-height:260px}.portfolio-shell .project-inquiry{grid-template-columns:1fr;align-items:start}.portfolio-shell .project-inquiry strong{max-width:14ch}.portfolio-shell .project-inquiry-actions{justify-content:flex-start}.portfolio-shell .work-list li a{font-size:16px;padding:16px 0}.portfolio-shell .work-arrow{opacity:1}.portfolio-shell .loading-status,.portfolio-shell .reset-objects{display:none}.portfolio-shell .credits-dialog{max-width:calc(100% - 32px);padding:38px 26px}.portfolio-shell .shade{display:none}}@media (min-width:1024px) and (max-height:700px){.portfolio-shell .ui:has(.project-content)>.site-footer{display:none}.portfolio-shell .site-header{padding-top:22px;padding-bottom:18px}.portfolio-shell .content{padding-top:15px;padding-bottom:15px}.portfolio-shell .hero h1{font-size:90px}.portfolio-shell .works-hero h1{font-size:52px}.portfolio-shell .works-hero .lede{margin-bottom:18px}.portfolio-shell .work-list li a{padding:10px 0;font-size:15px}.portfolio-shell .site-footer{padding-top:18px;padding-bottom:20px}.portfolio-shell .home-hero{padding-top:0}.portfolio-shell .project-cover h1{font-size:58px}.portfolio-shell .project-cover{min-height:calc(100svh - 82px);padding-top:35px;padding-bottom:62px}.portfolio-shell .project-cover .back-link{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .portfolio-shell *,html:not([data-motion=full]) .portfolio-shell :after,html:not([data-motion=full]) .portfolio-shell :before{transition:none!important;animation:none!important}}.portfolio-shell .route-poster{position:fixed;inset:0;z-index:0;background-size:cover;background-position:50%;transition:opacity .3s;opacity:1}@media (min-width:1024px){html:not([data-view=simple]) .portfolio-shell .route-poster{visibility:hidden;opacity:0}}html[data-view=immersive] .portfolio-shell .route-poster{visibility:hidden;opacity:0}.portfolio-shell .initial-loading-status{z-index:3;pointer-events:none}@media (max-width:1023px){.portfolio-shell .initial-loading-status{display:none}}.portfolio-shell .scene-retry{position:fixed;right:var(--margin);bottom:80px;z-index:4;font-size:13px;max-width:300px;padding:14px;background:#131719ee}.portfolio-shell .scene-retry button{background:none;border:0;text-decoration:underline;padding:8px 0}.portfolio-shell .journey-fade{position:fixed;inset:0;background:#080b0e;z-index:1;pointer-events:none;opacity:0;transition:opacity .18s}.portfolio-shell .journey-fade.is-visible{opacity:1}html[data-capture=scene] .portfolio-shell .ui,html[data-capture=scene] nextjs-portal{opacity:0;pointer-events:none}html[data-view=simple] .portfolio-shell .ui{background:linear-gradient(90deg,#080a0bea,#080a0b85)}@media (max-width:1023px){.portfolio-shell .route-poster{background-position:65%;opacity:.6}html[data-view=simple] .portfolio-shell .ui{background:linear-gradient(90deg,#080a0bee,#080a0bab)}.portfolio-shell .content{min-height:75svh}.portfolio-shell .project-content{min-height:0}}@media (max-width:640px){.portfolio-shell{--margin:22px}.portfolio-shell .project-cover{min-height:calc(100svh - 82px)}.portfolio-shell .project-cover h1{font-size:clamp(46px,13.5vw,62px)}.portfolio-shell .record-jump{width:100%;justify-content:space-between}.portfolio-shell .record-inner{padding-top:68px}.portfolio-shell .record-intro h2{font-size:48px}.portfolio-shell .proof-rail{grid-template-columns:1fr}.portfolio-shell .proof-rail>div{padding:24px 0 26px}.portfolio-shell .proof-rail>div+div{padding-left:0;border-top:1px solid #a8aaa5;border-left:0}.portfolio-shell .proof-rail dt{margin-bottom:16px}.portfolio-shell .proof-rail dd{font-size:54px}.portfolio-shell .record-grid{padding:42px 0}.portfolio-shell .record-grid p{font-size:18px}.portfolio-shell .record-overview .record-lede{font-size:34px}.portfolio-shell .record-detail-grid{grid-template-columns:1fr;margin:66px 0}.portfolio-shell .record-detail{min-height:auto;padding:30px 26px 36px}.portfolio-shell .record-people dl>div{grid-template-columns:1fr;gap:6px}.portfolio-shell .project-inquiry{padding:30px 26px 36px}.portfolio-shell .project-inquiry-actions{align-items:stretch;flex-direction:column;gap:18px}.portfolio-shell .project-inquiry-secondary{align-self:flex-start}.portfolio-shell .project-navigation{align-items:stretch;flex-direction:column;gap:34px}.portfolio-shell .project-navigation a:last-child{align-self:flex-end}}@media (min-width:1600px){.portfolio-shell .record-inner{width:min(1360px,calc(100% - (2 * var(--margin))))}.portfolio-shell .project-cover-inner{width:min(850px,44vw)}}.portfolio-shell .diagnostics{position:fixed;top:85px;right:25px;max-width:360px;max-height:80vh;overflow:auto;background:#101719ef;border:1px solid #ffffff35;padding:12px;z-index:10;font:12px/1.4 monospace;pointer-events:auto}.portfolio-shell .diagnostic-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.portfolio-shell .diagnostics button{background:#29343a;border:1px solid #65737a;padding:7px;font:12px monospace}.portfolio-shell .diagnostics pre{white-space:pre-wrap}@media (prefers-reduced-motion:reduce){.portfolio-shell .journey-fade{transition:opacity .18s!important}}html[data-capable=false] .portfolio-shell .view-toggle{display:none}.portfolio-shell .footer-actions button{padding:5px 0}@media (min-width:768px) and (max-width:1023px){.portfolio-shell .site-footer{align-items:center;flex-direction:row}}.portfolio-shell{--daylight:0;--daylight-percent:0%;--daylight-ink-percent:0%;--daylight-ink-veil:0;--day-ink:color-mix(in srgb,#f6f5f1,#101810 var(--daylight-ink-percent));--day-copy:color-mix(in srgb,#e0dfdc,#202a22 var(--daylight-ink-percent))}.portfolio-shell .shade:after{content:"";position:absolute;inset:0;opacity:var(--daylight);background:linear-gradient(180deg,#e6e5cc66,#e6e5cc12 16%,transparent 30%),linear-gradient(90deg,#e9e7d80d,transparent 52%)}.portfolio-shell .shade:before{content:"";position:absolute;inset:0;opacity:var(--daylight-ink-veil);background:linear-gradient(90deg,#e8e5d8ed,#e8e5d8dd 30%,transparent 57%);pointer-events:none}.portfolio-shell .shade{background:linear-gradient(90deg,color-mix(in srgb,#00000052,#e8e5d899 var(--daylight-percent)),color-mix(in srgb,#00000014,#e8e5d840 var(--daylight-percent)) 31%,transparent 54%),linear-gradient(0deg,color-mix(in srgb,#00000047,#e8e5d880 var(--daylight-percent)),transparent 17%,transparent 85%,color-mix(in srgb,#00000033,#e8e5d859 var(--daylight-percent)))}.portfolio-shell .ui:has(.project-content) .shade{background:linear-gradient(90deg,color-mix(in srgb,#00000052,#e8e5d8ad var(--daylight-percent)),color-mix(in srgb,#00000014,#e8e5d870 var(--daylight-percent)) 42%,color-mix(in srgb,transparent,#e8e5d820 var(--daylight-percent)) 67%,transparent 82%),linear-gradient(0deg,color-mix(in srgb,#00000047,#e8e5d880 var(--daylight-percent)),transparent 17%,transparent 85%,color-mix(in srgb,#00000033,#e8e5d859 var(--daylight-percent)))}.portfolio-shell .hero,.portfolio-shell .project-cover,.portfolio-shell .site-header{color:var(--day-ink);text-shadow:0 1px 8px color-mix(in srgb,#080a0bdd,transparent var(--daylight-ink-percent))}.portfolio-shell .project-cover,.portfolio-shell .site-header{transition:color .18s ease,text-shadow .18s ease}.portfolio-shell .hero{transition:opacity .16s,transform .2s,color .18s ease,text-shadow .18s ease}.portfolio-shell .back-link,.portfolio-shell .cover-proof-note,.portfolio-shell .lede,.portfolio-shell .project-copy,.portfolio-shell .project-eyebrow{color:var(--day-copy);transition:color .18s ease}.portfolio-shell .work-meta{color:color-mix(in srgb,#9da2a4,#354238 var(--daylight-ink-percent))}.portfolio-shell .work-list li a{color:var(--day-ink);border-color:color-mix(in srgb,#ffffff30,#34463755 var(--daylight-percent))}.portfolio-shell .hero kbd{color:var(--day-copy);border-color:color-mix(in srgb,#ffffff55,#34463766 var(--daylight-percent))}.portfolio-shell .bucket-menu-trigger svg{stroke:var(--day-ink)}.portfolio-shell .footer-shortcut,.portfolio-shell .loading-status,.portfolio-shell .site-footer{color:var(--day-copy)}.portfolio-shell .footer-shortcut:focus-visible,.portfolio-shell .footer-shortcut:hover:not(:disabled){color:var(--day-ink)}.portfolio-shell .footer-shortcut kbd,.portfolio-shell .project-pagination kbd,.portfolio-shell .text-link kbd,.portfolio-shell .work-number kbd{color:var(--day-copy);border-color:color-mix(in srgb,#ffffff38,#34463766 var(--daylight-percent))}.portfolio-shell .credits-dialog,.portfolio-shell .diagnostics,.portfolio-shell .project-navigation{color:#f6f5f1}html[data-view=simple] .portfolio-shell .ui{background:linear-gradient(110deg,color-mix(in srgb,#080a0bf5,#e8e5d8f5 var(--daylight-percent)),color-mix(in srgb,#080a0bd9,#dddccaeb var(--daylight-percent)) 60%,color-mix(in srgb,#080a0bab,#a9b5a299 var(--daylight-percent)))}html[data-view=simple] .portfolio-shell .site-footer{color:var(--day-copy)}.portfolio-shell .work-list a:is(:hover,:focus-visible,.is-active){color:color-mix(in srgb,#84b5ff,#101810 var(--daylight-ink-percent));border-color:color-mix(in srgb,#328cff,#064f9c var(--daylight-ink-percent))}.portfolio-shell .work-list a:is(:hover,:focus-visible,.is-active) .work-number kbd{color:color-mix(in srgb,#7eb2ff,#102942 var(--daylight-ink-percent));border-color:color-mix(in srgb,#328cff,#064f9c var(--daylight-ink-percent))}.portfolio-shell .text-link:hover{color:color-mix(in srgb,#84b5ff,#064f9c var(--daylight-percent))}.portfolio-shell .work-list a.is-active .work-meta,.portfolio-shell .work-list a:focus-visible .work-meta,.portfolio-shell .work-list a:hover .work-meta{color:var(--day-copy)}.portfolio-shell .location-label{color:var(--day-copy)}.portfolio-shell .project-record{color:var(--day-ink)}.portfolio-shell .project-record .record-detail{background:color-mix(in srgb,#1b2426,#e8e6de var(--daylight-percent))}.portfolio-shell .project-record .record-detail-grid{background:color-mix(in srgb,#384447,#aeb2ad var(--daylight-percent));border-color:color-mix(in srgb,#384447,#aeb2ad var(--daylight-percent))}.portfolio-shell .project-record .record-grid>h3,.portfolio-shell .project-record .record-kicker,.portfolio-shell .project-record .record-section-label{color:color-mix(in srgb,#8abaff,#245fa9 var(--daylight-ink-percent))}.portfolio-shell .project-record .record-sources a{color:color-mix(in srgb,#8abaff,#134f9d var(--daylight-ink-percent))}.portfolio-shell .project-record .proof-detail,.portfolio-shell .project-record .proof-rail dt,.portfolio-shell .project-record .record-detail li,.portfolio-shell .project-record .record-people dd,.portfolio-shell .project-record .record-sources>div>p{color:color-mix(in srgb,#b8c1c1,#525d60 var(--daylight-ink-percent))}.portfolio-shell .project-record .record-grid p,.portfolio-shell .project-record .record-overview .record-lede,.portfolio-shell .project-record .record-people dt{color:var(--day-ink)}.portfolio-shell .project-record .record-credits dd,.portfolio-shell .project-record .record-media-caption,.portfolio-shell .project-record .record-sources>div>p{color:color-mix(in srgb,#b8c1c1,#525d60 var(--daylight-ink-percent))}.portfolio-shell .project-record .record-credits dt,.portfolio-shell .project-record .record-graphic-list span{color:var(--day-ink)}.portfolio-shell .project-record .record-link-list a{color:color-mix(in srgb,#8abaff,#134f9d var(--daylight-ink-percent))}.portfolio-shell .project-record .proof-detail,.portfolio-shell .project-record .proof-rail dt,.portfolio-shell .project-record .record-credits dd,.portfolio-shell .project-record .record-credits dt,.portfolio-shell .project-record .record-detail li,.portfolio-shell .project-record .record-graphic-list span,.portfolio-shell .project-record .record-grid p,.portfolio-shell .project-record .record-grid>h3,.portfolio-shell .project-record .record-kicker,.portfolio-shell .project-record .record-link-list a,.portfolio-shell .project-record .record-media-caption,.portfolio-shell .project-record .record-overview .record-lede,.portfolio-shell .project-record .record-people dd,.portfolio-shell .project-record .record-people dt,.portfolio-shell .project-record .record-section-label,.portfolio-shell .project-record .record-sources a{transition:color .18s ease}.portfolio-shell .project-record .proof-rail,.portfolio-shell .project-record .proof-rail>div+div,.portfolio-shell .project-record .record-detail li,.portfolio-shell .project-record .record-grid,.portfolio-shell .project-record .record-people dl>div{border-color:color-mix(in srgb,#4b5859,#b9bbb5 var(--daylight-percent))}.portfolio-shell .project-navigation{background:color-mix(in srgb,#0b0e10,#e8e5d8 var(--daylight-percent));color:var(--day-ink)}.portfolio-shell .project-navigation .project-pagination a{border-color:color-mix(in srgb,#ffffff3d,#34463755 var(--daylight-percent))}.portfolio-shell .project-navigation{transition:color .18s ease}@media (max-width:1023px){.portfolio-shell .route-poster[data-project=tako-the-ghost]{background-image:url(/posters/tako-the-ghost-mobile.jpg)!important;background-position:100% top;opacity:1}html[data-view=simple] .portfolio-shell:has(.route-poster[data-project=tako-the-ghost]) .ui{background:linear-gradient(180deg,#080a0b33,#080a0b40 29svh,#080a0bd9 42svh,#080a0bf5 60svh,#080a0bef 100svh)}html[data-view=simple][data-theme] .portfolio-shell:has(.route-poster[data-project=tako-the-ghost]) .ui{background:linear-gradient(180deg,color-mix(in srgb,#080a0b33,#e8e5d866 var(--daylight-percent)) 0,color-mix(in srgb,#080a0b40,#e8e5d899 var(--daylight-percent)) 29svh,color-mix(in srgb,#080a0bd9,#e8e5d8ed var(--daylight-percent)) 42svh,color-mix(in srgb,#080a0bf5,#e8e5d8f5 var(--daylight-percent)) 60svh,color-mix(in srgb,#080a0bef,#e8e5d8f5 var(--daylight-percent)) 100svh)}}@media (max-width:1023px){.portfolio-shell .route-poster[data-project=ribena-jelly-faceoff]{background-position:78% top;opacity:1}html[data-view=simple] .portfolio-shell:has(.route-poster[data-project=ribena-jelly-faceoff]) .ui{background:linear-gradient(180deg,#080a0b26,#080a0b33 28svh,#080a0bcc 42svh,#080a0bf2 60svh,#080a0bef 100svh)}html[data-view=simple][data-theme] .portfolio-shell:has(.route-poster[data-project=ribena-jelly-faceoff]) .ui{background:linear-gradient(180deg,color-mix(in srgb,#080a0b26,#e8e5d866 var(--daylight-percent)) 0,color-mix(in srgb,#080a0b33,#e8e5d899 var(--daylight-percent)) 28svh,color-mix(in srgb,#080a0bcc,#e8e5d8ed var(--daylight-percent)) 42svh,color-mix(in srgb,#080a0bf2,#e8e5d8f5 var(--daylight-percent)) 60svh)}}.portfolio-shell .site-navigation-adapter{position:-webkit-sticky;position:sticky;top:0;z-index:30;pointer-events:auto;flex-shrink:0}.portfolio-shell .site-navigation-adapter input,.portfolio-shell .site-navigation-adapter label{pointer-events:auto}.portfolio-shell .site-footer>a{flex-shrink:0}.portfolio-shell .site-footer{gap:20px;flex-wrap:wrap}html[data-site-theme=light] .portfolio-shell:not([data-daylight-initialized]){--daylight:1;--daylight-percent:100%;--daylight-ink-percent:100%;--daylight-ink-veil:0}.portfolio-shell [aria-label="Blue Bucket home"]{font-family:var(--font-body),Inter,sans-serif}.portfolio-shell .site-footer>nav{display:flex;flex-wrap:wrap;gap:24px;font:13px/1.5 var(--font-body),Inter,sans-serif}.portfolio-shell .editorial-footer nav a,.portfolio-shell .editorial-footer-contact,.portfolio-shell .site-footer>nav a{display:inline-flex;align-items:center;min-height:44px}.portfolio-shell .editorial-footer nav{flex-wrap:wrap}.portfolio-shell .home-description{max-width:34ch;margin:-8px 0 26px;color:var(--day-copy,#e0dfdc);font-size:clamp(16px,1.3vw,19px);line-height:1.55;text-wrap:pretty}.portfolio-shell .home-actions{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}.portfolio-shell .home-contact{font-size:15px}.portfolio-shell .works-hero .lede{max-width:30ch;text-wrap:pretty}.portfolio-shell .work-title{text-wrap:balance}@media (max-width:720px){.portfolio-shell .home-actions{align-items:flex-start;flex-direction:column;gap:14px}}.portfolio-shell .secret-floor-launch-note{display:none;max-width:34rem;margin:0;font-size:18px;line-height:1.5}.portfolio-shell noscript .secret-floor-launch-note,html[data-view=simple] .portfolio-shell .secret-floor-launch-note{display:block}.portfolio-shell .ui:has(.about-content) .shade{display:none}.portfolio-shell .ui:has(.about-content) .footer-shortcuts{visibility:hidden}.portfolio-shell .about-content .about-fallback,.portfolio-shell .about-content h1{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.portfolio-shell noscript .about-fallback,html[data-view=simple] .portfolio-shell .about-content .about-fallback{position:static;width:auto;height:auto;overflow:visible;-webkit-clip-path:none;clip-path:none;white-space:normal}.portfolio-shell .about-fallback{max-width:40rem;color:var(--day-ink);font-size:18px;line-height:1.55}html[data-view=simple] .portfolio-shell .about-content h1{position:static;width:auto;height:auto;overflow:visible;-webkit-clip-path:none;clip-path:none;white-space:normal}.portfolio-shell .about-fallback h1{margin:0 0 .35em;font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.035em}.portfolio-shell .about-fallback h2{margin:2.2em 0 .6em;font:11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--day-copy)}.portfolio-shell .about-fallback p{margin:0 0 1em;color:var(--day-copy);text-wrap:pretty}.portfolio-shell .about-fallback .about-lede{color:var(--day-ink);font-size:clamp(20px,2.1vw,25px);line-height:1.4}.portfolio-shell .about-fallback a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}.portfolio-shell .about-fallback ul{margin:0;padding:0;list-style:none}.portfolio-shell .about-fallback li{padding:.7em 0;border-top:1px solid color-mix(in srgb,currentColor,transparent 84%)}.portfolio-shell .about-fallback .about-members span,.portfolio-shell .about-fallback .about-souvenirs{color:var(--day-copy)}.portfolio-shell .about-fallback .about-members strong,.portfolio-shell .about-fallback .about-souvenirs a{color:var(--day-ink)}.portfolio-shell .about-orb{--orb:clamp(235px,20.4vw,348px);--orb-glass:rgba(10,14,20,0.82);--orb-line:rgba(233,211,155,0.28);--orb-gold:#e9d39b;--orb-live:#7dffb8;display:grid;grid-template-columns:var(--orb) auto;grid-template-areas:"ball controls";align-items:end;grid-gap:10px 10px;gap:10px 10px;color:#f4f1e8;font:12px/1.35 var(--font-mono)}.portfolio-shell .about-orb--scene{position:fixed;right:var(--margin);bottom:clamp(18px,3vh,38px);z-index:3;opacity:0;transform:translateY(10px) scale(.98);transform-origin:100% 100%;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}.portfolio-shell .about-hud[data-arrived=true] .about-orb--scene[data-ready=true]{opacity:1;transform:none;pointer-events:auto}.portfolio-shell .about-orb--page{--orb:min(72vw,360px);margin:1.6em 0 2em;justify-content:start;white-space:normal}.portfolio-shell .about-orb-ball{grid-area:ball;position:relative;width:var(--orb);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45));touch-action:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.portfolio-shell .about-orb-ball:active{cursor:-webkit-grabbing;cursor:grabbing}.portfolio-shell .about-orb-bezel{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.portfolio-shell .about-orb-compass{transform-box:view-box;transform-origin:50% 50%}.portfolio-shell .about-orb-n,.portfolio-shell .about-orb-s{fill:var(--orb-gold);font:700 11px/1 var(--font-mono);text-anchor:middle;dominant-baseline:middle}.portfolio-shell .about-orb-s{fill:#8c7346}.portfolio-shell .about-orb-canvas,.portfolio-shell .about-orb-fallback,.portfolio-shell .about-orb-glare{position:absolute;inset:7%;width:86%;height:86%;border-radius:50%}.portfolio-shell .about-orb-canvas{display:block;background:radial-gradient(circle at 38% 30%,#23262c,#050607 62%,#000 100%)}.portfolio-shell .about-orb-glare{pointer-events:none;background:radial-gradient(ellipse 40% 20% at 33% 17%,rgba(255,255,255,.5),transparent 70%),radial-gradient(ellipse 18% 7% at 68% 84%,rgba(200,220,255,.22),transparent 70%),radial-gradient(circle at 50% 50%,transparent 72%,rgba(0,0,0,.45) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 16px rgba(170,190,230,.28),inset 0 -10px 22px rgba(0,0,0,.55)}.portfolio-shell .about-orb-fallback{display:grid;place-items:center;padding:18%;text-align:center;color:var(--orb-gold);background:#07090b}.portfolio-shell .about-orb-prompt{position:absolute;right:4%;bottom:calc(100% + 10px);width:max-content;max-width:250px;margin:0;padding:9px 12px;border:1px solid var(--orb-line);border-radius:10px 10px 2px 10px;background:var(--orb-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4f1e8;opacity:0;transform:translateY(6px);transition:opacity 1.2s ease,transform 1.2s ease;pointer-events:none}.portfolio-shell .about-orb-prompt[data-visible=true]{opacity:1;transform:none}.portfolio-shell .about-orb--page .about-orb-prompt{margin:0;color:#f4f1e8;right:12%;left:12%;bottom:14%;width:auto;max-width:none;border-radius:10px;text-align:center}.portfolio-shell .about-orb-controls{grid-area:controls;display:flex;flex-direction:column;gap:6px;padding-bottom:6px}.portfolio-shell .about-orb-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--orb-line);border-radius:50%;background:var(--orb-glass);color:var(--orb-gold);font:18px/1 var(--font-mono);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.portfolio-shell .about-orb-controls button:focus-visible,.portfolio-shell .about-orb-controls button:hover:not(:disabled){background:rgba(233,211,155,.18);color:#fff}.portfolio-shell .about-orb-controls button:disabled{opacity:.38;cursor:default}.portfolio-shell .about-orb-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.portfolio-shell .about-orb-clock{color:var(--orb-gold)}.portfolio-shell .about-orb-tip{position:absolute;z-index:2;display:grid;grid-gap:1px;gap:1px;width:max-content;max-width:220px;padding:7px 10px;border:1px solid var(--orb-line);border-radius:8px;background:var(--orb-glass);color:#f4f1e8;transform:translate(-50%,calc(-100% - 10px));pointer-events:none}.portfolio-shell .about-orb-tip strong{color:#fff}.portfolio-shell .about-souvenir-label{position:fixed;top:0;left:0;z-index:4;width:0;height:0;opacity:0;transition:opacity .18s ease;pointer-events:none}.portfolio-shell .about-souvenir-label[data-visible=true]{opacity:1}.portfolio-shell .about-souvenir-label[data-visible=true] .about-souvenir-card{pointer-events:auto}.portfolio-shell .about-souvenir-card{position:absolute;left:0;bottom:14px;display:grid;grid-gap:4px;gap:4px;width:max-content;max-width:260px;padding:10px 13px 11px;border:1px solid rgba(233,211,155,.32);border-radius:10px;background:rgba(10,13,18,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.35);color:#f4f1e8;font:12px/1.4 var(--font-mono);transform:translateX(-50%)}.portfolio-shell .about-souvenir-card:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid rgba(233,211,155,.32);border-bottom:1px solid rgba(233,211,155,.32);background:rgba(10,13,18,.88);transform:translateX(-50%) rotate(45deg)}.portfolio-shell .about-souvenir-card strong{font-family:var(--font-sans,system-ui,sans-serif);font-size:15px;font-weight:600;line-height:1.2;color:#fff}.portfolio-shell .about-souvenir-card span{color:rgba(244,241,232,.78)}.portfolio-shell .about-souvenir-card a{color:#7dffb8;text-decoration:none}.portfolio-shell .about-souvenir-card a:focus-visible,.portfolio-shell .about-souvenir-card a:hover{text-decoration:underline}.portfolio-shell .about-souvenir-card em{font-style:normal;color:#e9d39b}.portfolio-shell .about-souvenir-card--tag{padding:7px 11px 8px;gap:2px}.portfolio-shell .about-souvenir-card--tag strong{font-size:14px}.portfolio-shell .about-pins{position:fixed;inset:0;z-index:4;pointer-events:none}.portfolio-shell .about-pin{position:absolute;top:-15px;left:-15px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(20,30,60,.82);color:#fff;font:700 13px/1 var(--font-mono);box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer;pointer-events:auto;transition:background .15s ease,opacity .2s ease}.portfolio-shell .about-pin[data-visible=false]{opacity:0;pointer-events:none}.portfolio-shell .about-pin[data-selected=true]{background:#2f55ff;top:-17px;left:-17px;width:34px;height:34px}.portfolio-shell .about-closeview{position:fixed;left:50%;bottom:clamp(16px,3.4vh,40px);z-index:5;display:grid;grid-gap:10px;gap:10px;width:min(calc(100vw - 2 * var(--margin)),max(320px,calc(100vw - 2 * var(--margin) - 2 * (clamp(235px, 20.4vw, 348px) + 56px))),640px);padding:14px 16px 16px;border:1px solid rgba(140,160,255,.34);border-radius:14px;background:rgba(7,10,22,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.4);color:#eef0ff;font:13px/1.45 var(--font-mono);transform:translateX(-50%);animation:about-closeview-in .35s ease both}@keyframes about-closeview-in{0%{opacity:0;transform:translate(-50%,12px)}}.portfolio-shell .about-closeview-bar{display:flex;align-items:center;gap:12px}.portfolio-shell .about-closeview-bar h2{margin:0;font:600 15px/1.2 var(--font-sans,system-ui,sans-serif);color:#fff}.portfolio-shell .about-closeview-back,.portfolio-shell .about-closeview-item,.portfolio-shell .about-closeview-steps button,.portfolio-shell .about-dock button{border:1px solid rgba(140,160,255,.4);border-radius:8px;background:rgba(255,255,255,.04);color:#eef0ff;font:inherit;cursor:pointer}.portfolio-shell .about-closeview-back{padding:6px 10px;white-space:nowrap}.portfolio-shell .about-closeview-items{display:flex;flex-wrap:wrap;gap:6px}.portfolio-shell .about-closeview-item{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 6px}.portfolio-shell .about-closeview-item[aria-selected=true]{border-color:#8fa4ff;background:rgba(47,85,255,.35);color:#fff}.portfolio-shell .about-closeview-num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.14);font-size:11px;font-weight:700}.portfolio-shell .about-closeview-detail{display:grid;grid-gap:3px;gap:3px;min-height:3.2em}.portfolio-shell .about-closeview-detail strong{font:600 17px/1.25 var(--font-sans,system-ui,sans-serif);color:#fff}.portfolio-shell .about-closeview-detail span{color:rgba(238,240,255,.78)}.portfolio-shell .about-closeview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-shell .about-closeview-steps{display:flex;gap:6px}.portfolio-shell .about-closeview-steps button{width:36px;height:34px;font-size:18px}.portfolio-shell .about-closeview-open{margin-left:auto;padding:9px 16px;border-radius:8px;background:#2f55ff;color:#fff;font-weight:700;text-decoration:none}.portfolio-shell .about-closeview-open:focus-visible,.portfolio-shell .about-closeview-open:hover{background:#4b6bff}.portfolio-shell .about-closeview-soon{margin-left:auto;font-style:normal;color:#e9d39b}.portfolio-shell .about-closeview button:focus-visible,.portfolio-shell .about-closeview button:hover,.portfolio-shell .about-dock button:focus-visible,.portfolio-shell .about-dock button:hover:not(:disabled){border-color:#b4c2ff;background:rgba(47,85,255,.22);outline:none}.portfolio-shell .about-closeview :focus-visible{box-shadow:0 0 0 2px #9fb2ff}.portfolio-shell .about-dock{position:fixed;left:var(--margin);bottom:calc(100px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;gap:8px;font:13px/1.2 var(--font-mono);animation:about-dock-in .3s ease both}@keyframes about-dock-in{0%{opacity:0;transform:translateY(10px)}}.portfolio-shell .about-dock button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(7,10,22,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.35)}.portfolio-shell .about-dock button:disabled{opacity:.45;cursor:default}.portfolio-shell .about-dock .about-dock-primary{border-color:#5d7dff;background:rgba(47,85,255,.85);color:#fff;font-weight:700}.portfolio-shell .about-dock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.portfolio-shell .about-dock-hint{padding:10px 12px;border-radius:8px;background:rgba(7,10,22,.7);color:#eef0ff}.portfolio-shell .about-souvenir-list{position:fixed;top:clamp(90px,13vh,140px);left:var(--margin);z-index:4;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.portfolio-shell .about-souvenir-list:focus-within{width:auto;height:auto;max-height:62vh;overflow:auto;-webkit-clip-path:none;clip-path:none;padding:10px;border:1px solid rgba(233,211,155,.28);border-radius:10px;background:rgba(10,13,18,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-shell .about-souvenir-list ul{display:grid;grid-gap:2px;gap:2px;margin:0;padding:0;list-style:none}.portfolio-shell .about-souvenir-list a,.portfolio-shell .about-souvenir-list button{display:block;width:100%;padding:5px 8px;border:0;border-radius:6px;background:none;color:#f4f1e8;font:12px/1.35 var(--font-mono);text-align:left;text-decoration:none}.portfolio-shell .about-souvenir-list a:focus-visible,.portfolio-shell .about-souvenir-list button:focus-visible{outline:1px solid #7dffb8;background:rgba(125,255,184,.1)}html[data-motion=reduced] .portfolio-shell .about-orb,html[data-motion=reduced] .portfolio-shell .about-orb-prompt,html[data-motion=reduced] .portfolio-shell .about-souvenir-label{transition:none}html[data-view=simple] .portfolio-shell .about-closeview,html[data-view=simple] .portfolio-shell .about-dock,html[data-view=simple] .portfolio-shell .about-hud .bb-story,html[data-view=simple] .portfolio-shell .about-orb--scene,html[data-view=simple] .portfolio-shell .about-pins,html[data-view=simple] .portfolio-shell .about-souvenir-label,html[data-view=simple] .portfolio-shell .about-souvenir-list{display:none}html[data-view=simple] .portfolio-shell .about-content .about-fallback{padding:clamp(20px,3vw,40px);border-radius:14px;background:color-mix(in srgb,var(--bg),transparent 12%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:720px){.portfolio-shell .about-orb--scene{--orb:192px}.portfolio-shell .about-dock-hint{display:none}.portfolio-shell .about-orb--page{grid-template-columns:var(--orb) auto}}.portfolio-shell .bb-story{--bb-blue:#2f55ff;--bb-blue-soft:#5d7dff;--bb-blue-deep:#13207a;--bb-line:rgba(140,160,255,0.34);--bb-panel:rgba(7,10,22,0.84);position:fixed;left:var(--margin);bottom:clamp(16px,3.4vh,44px);z-index:3;width:min(calc(64vw - var(--margin)),1080px);font:400 clamp(13.5px,.98vw,18px) /1.62 var(--font-mono),ui-monospace,monospace;color:#eef0ff;--bb-shift:14px;--bb-lift:0%;transform:translateY(calc(var(--bb-lift) + var(--bb-shift)));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease,transform .36s ease,left .4s cubic-bezier(.3,.7,.2,1),width .4s cubic-bezier(.3,.7,.2,1),visibility 0s linear .36s}.portfolio-shell .bb-story[data-tab=members]{width:min(88vw,1500px);left:calc((100vw - min(88vw, 1500px)) / 2)}.portfolio-shell .bb-story[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;--bb-shift:0px;transition:opacity .42s ease,transform .42s ease,left .4s cubic-bezier(.3,.7,.2,1),width .4s cubic-bezier(.3,.7,.2,1),visibility 0s}.portfolio-shell .bb-story-frame{position:relative;padding:clamp(16px,1.3vw,24px) clamp(16px,1.5vw,26px) clamp(14px,1.2vw,22px);border:1px solid var(--bb-line);border-radius:14px;background:var(--bb-panel);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.portfolio-shell .bb-story-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:clamp(10px,.85vw,16px)}.portfolio-shell .bb-story-tabs{display:flex}.portfolio-shell .bb-story-tab{min-width:clamp(118px,9.6vw,190px);min-height:42px;padding:.3em 1.4em;border:1px solid rgba(255,255,255,.28);background:rgba(10,12,20,.6);color:#e4e7f5;font:inherit;font-size:1.08em;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.portfolio-shell .bb-story-tab:first-child{border-radius:6px 0 0 6px}.portfolio-shell .bb-story-tab:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.portfolio-shell .bb-story-tab:hover{border-color:rgba(140,160,255,.6)}.portfolio-shell .bb-story-tab[aria-selected=true]{position:relative;border-color:var(--bb-blue-soft);background:linear-gradient(#1f33c4,#13209a);box-shadow:0 0 14px rgba(60,90,255,.55);color:#fff}.portfolio-shell .bb-story-close:focus-visible,.portfolio-shell .bb-story-tab:focus-visible{outline:2px solid #9fb2ff;outline-offset:2px}.portfolio-shell .bb-story-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-6px -6px 0 0;padding:0;border:0;background:none;color:#fff;cursor:pointer}.portfolio-shell .bb-story-close svg{width:34px;height:34px;padding:8px;border:1.5px solid rgba(255,255,255,.85);border-radius:6px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:background .2s ease}.portfolio-shell .bb-story-close:hover svg{background:rgba(255,255,255,.1)}.portfolio-shell .bb-story-pane[data-active=true]{animation:bb-pane-in .32s ease both}@keyframes bb-pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.portfolio-shell .bb-story-text{display:grid;padding:clamp(12px,1.1vw,20px) clamp(18px,2vw,36px);border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(5,7,14,.35);letter-spacing:.02em}.portfolio-shell .bb-story-text[data-typing=true]{cursor:pointer}.portfolio-shell .bb-story-text p{grid-area:1/1;margin:0;white-space:pre-wrap}.portfolio-shell .bb-story-text .bb-story-measure{visibility:hidden}.portfolio-shell .bb-story-cursor{display:inline-block;width:.62em;height:1.15em;margin-left:.12em;vertical-align:-.2em;background:var(--bb-blue-soft);box-shadow:0 0 8px rgba(93,125,255,.7)}.portfolio-shell .bb-story-cursor[data-done=true]{animation:bb-cursor 1.05s steps(1) infinite}@keyframes bb-cursor{50%{opacity:0}}.portfolio-shell .bb-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(14px,1.4vw,26px);gap:clamp(14px,1.4vw,26px)}.portfolio-shell .bb-member{display:grid;grid-template-columns:clamp(140px,12.5vw,240px) minmax(0,1fr);grid-gap:clamp(16px,1.7vw,32px);gap:clamp(16px,1.7vw,32px);padding:clamp(10px,.9vw,16px);border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(5,7,14,.35)}.portfolio-shell .bb-member-image{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:2px solid rgba(255,255,255,.85);background:#1a1410}.portfolio-shell .bb-member-info{display:flex;flex-direction:column;min-width:0;padding-top:.2em}.portfolio-shell .bb-member-name{margin:0;font:inherit;font-size:1.7em;font-weight:700;line-height:1.1;letter-spacing:.03em;color:#fff}.portfolio-shell .bb-member-role{margin:.25em 0 .7em;font-size:1.12em;line-height:1.35;color:var(--bb-blue-soft);text-shadow:0 0 10px rgba(70,100,255,.35)}.portfolio-shell .bb-member-quote{position:relative;margin:0;padding:.65em 2.4em .65em 3em;border:1px solid rgba(110,135,255,.28);border-radius:6px;background:rgba(18,28,70,.55)}.portfolio-shell .bb-member-quote:after,.portfolio-shell .bb-member-quote:before{position:absolute;font-size:2.1em;line-height:1;font-weight:700;color:var(--bb-blue-soft)}.portfolio-shell .bb-member-quote:before{content:"“";top:.18em;left:.42em}.portfolio-shell .bb-member-quote:after{content:"”";right:.42em;bottom:-.2em}.portfolio-shell .bb-member-quote p{margin:0}.portfolio-shell .bb-member-likes{display:grid;grid-template-columns:auto 1fr;grid-gap:.4em 1.6em;gap:.4em 1.6em;margin-top:.8em;padding-top:.7em;border-top:1px solid rgba(255,255,255,.22)}.portfolio-shell .bb-member-likes-label{color:var(--bb-blue-soft);text-transform:uppercase;letter-spacing:.04em}.portfolio-shell .bb-member-likes ul{display:grid;grid-gap:.1em;gap:.1em;margin:0;padding:0;list-style:none}.portfolio-shell .bb-member-likes li{display:flex;align-items:center;gap:.7em}.portfolio-shell .bb-member-like-icon{display:inline-grid;place-items:center;width:1.4em;font-size:1.12em}.portfolio-shell .bb-phone-key{position:fixed;right:var(--margin);bottom:clamp(20px,3.2vh,40px);z-index:4;padding:.7em 1.1em;border:1px solid #5d7dff;border-radius:6px;background:rgba(7,10,22,.92);color:#fff;font:400 13px/1.2 var(--font-mono),monospace;opacity:0;pointer-events:none;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.portfolio-shell .bb-phone-key:focus-visible{opacity:1;pointer-events:auto;-webkit-clip-path:none;clip-path:none;outline:2px solid #9fb2ff;outline-offset:2px}.portfolio-shell .bb-contact{width:min(620px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid rgba(140,160,255,.3);border-radius:12px;background:rgba(8,10,18,.94);box-shadow:0 30px 80px rgba(0,0,0,.55);color:#eef0ff;font:400 clamp(15px,1.1vw,18px) /1.6 var(--font-mono),ui-monospace,monospace;overflow:visible}.portfolio-shell .bb-contact[open]{animation:bb-contact-in .28s ease both}.portfolio-shell .bb-contact::-webkit-backdrop{background:rgba(4,4,8,.42);animation:bb-backdrop-in .3s ease both}.portfolio-shell .bb-contact::backdrop{background:rgba(4,4,8,.42);animation:bb-backdrop-in .3s ease both}@keyframes bb-contact-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes bb-backdrop-in{0%{opacity:0}}.portfolio-shell .bb-contact-inner{padding:clamp(22px,2vw,34px) clamp(22px,2.4vw,40px)}.portfolio-shell .bb-contact-message{display:flex;align-items:flex-start;gap:1.1em;margin:0 0 1.4em;letter-spacing:.02em}.portfolio-shell .bb-contact-icon{flex:none;width:2.4em;height:2.4em;fill:#ffd27a;stroke:none}.portfolio-shell .bb-contact-icon .bb-contact-ring{fill:none;stroke:#ffd27a;stroke-width:2;stroke-linecap:round}.portfolio-shell .bb-contact-actions{display:flex;flex-wrap:wrap;gap:14px;padding-left:calc(2.4em + 1.1em)}.portfolio-shell .bb-contact-actions>*{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:46px;padding:.5em 1.4em;border-radius:6px;font:inherit;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.portfolio-shell .bb-contact-primary{border:1.5px solid #4f6dff;background:linear-gradient(#1a2cb8,#111d8f);box-shadow:0 0 14px rgba(60,90,255,.5);color:#fff}.portfolio-shell .bb-contact-primary:hover{box-shadow:0 0 20px rgba(80,110,255,.75)}.portfolio-shell .bb-contact-primary svg{width:1.15em;height:.95em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.portfolio-shell .bb-contact-cancel{min-width:8em;border:1px solid rgba(255,255,255,.35);background:transparent;color:#b9bdcc}.portfolio-shell .bb-contact-cancel:hover{border-color:rgba(255,255,255,.6);color:#fff}.portfolio-shell .bb-contact-actions>:focus-visible{outline:2px solid #9fb2ff;outline-offset:3px}html[data-motion=reduced] .portfolio-shell .bb-story,html[data-motion=reduced] .portfolio-shell .bb-story[data-open=true]{--bb-shift:0px;transition:opacity .2s ease,visibility 0s linear .2s}html[data-motion=reduced] .portfolio-shell .bb-contact[open],html[data-motion=reduced] .portfolio-shell .bb-story-cursor,html[data-motion=reduced] .portfolio-shell .bb-story-pane[data-active=true]{animation:none}@media (prefers-reduced-motion:reduce){.portfolio-shell .bb-story,.portfolio-shell .bb-story[data-open=true]{--bb-shift:0px;transition:opacity .2s ease,visibility 0s linear .2s}.portfolio-shell .bb-contact[open],.portfolio-shell .bb-story-cursor,.portfolio-shell .bb-story-pane[data-active=true]{animation:none}}@media (max-width:1100px){.portfolio-shell .bb-story[data-tab=members]{width:calc(100vw - 32px);left:16px}}@media (max-width:1023px){.portfolio-shell .bb-story{width:calc(100vw - 32px);left:16px}}@media (max-width:900px){.portfolio-shell .bb-members{grid-template-columns:1fr}.portfolio-shell .bb-member{grid-template-columns:clamp(96px,26vw,180px) minmax(0,1fr)}}@media (max-width:720px){.portfolio-shell .bb-story{top:calc(100svh - 12px);bottom:auto;--bb-lift:-100%;font-size:13.5px;line-height:1.6}.portfolio-shell .bb-story,.portfolio-shell .bb-story[data-tab=members]{left:12px;width:calc(100vw - 24px)}.portfolio-shell .bb-story-frame{padding:14px 12px 12px}.portfolio-shell .bb-story-body{max-height:calc(100svh - 230px);overflow-y:auto;overscroll-behavior:contain}.portfolio-shell .bb-story-tab{min-width:0;padding:.35em 1.1em}.portfolio-shell .bb-story-text{padding:12px 14px}.portfolio-shell .bb-member{grid-template-columns:92px minmax(0,1fr);gap:12px}.portfolio-shell .bb-member-name{font-size:1.5em}.portfolio-shell .bb-member-quote{padding:.7em 2em .7em 2.4em}.portfolio-shell .bb-member-likes{gap:.3em 1em}.portfolio-shell .bb-contact-actions{padding-left:0}.portfolio-shell .bb-contact-actions>*{flex:1 1 auto}}html[data-view=simple] .portfolio-shell .bb-phone-key{display:none}.portfolio-shell .about-fallback .about-members li{display:flex;gap:16px;align-items:center}.portfolio-shell .about-fallback .about-members img{flex:none;width:72px;height:72px;border-radius:12px;object-fit:cover;background:#1a1612}html[data-view=immersive] .portfolio-shell:has(.about-content) .site-navigation-adapter:before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,9,.78),rgba(6,8,9,.46) 62%,rgba(6,8,9,0))}html[data-view=immersive] .portfolio-shell:has(.about-content) .site-navigation-adapter{--day-ink:#f6f5f1;--day-copy:#e0dfdc;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.65)}