@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@300;700&display=swap";:root{--panel: rgba(0, 0, 0, .34);--line: rgba(255, 255, 255, .08);--text: #ffffff;--muted: rgba(255, 255, 255, .5);--logo-card-left: 37px;--logo-card-top: 37px;--logo-card-width: 300px;--logo-card-ratio: .6;--logo-card-height: 248px;--logo-scale: 1.81;--logo-subtitle-offset: 0px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{color:#fff;text-align:center;background-color:#000;cursor:crosshair;font-family:Inter,sans-serif;overflow:hidden}body[data-focused=true] .header,body[data-focused=true] .hint{opacity:.18}body[data-focused=true] .scene{filter:saturate(.92) brightness(.86) blur(1.1px);transform:scale(1.006)}body[data-focused=true] .case-back,body[data-focused=true] .case-nav{opacity:1;pointer-events:auto}body[data-about=true] .scene{filter:saturate(.9) brightness(.82);transform:scale(1.008)}body[data-about=true] .hint,body[data-about=true] .project-label,body[data-about=true] .project-panel{opacity:0;pointer-events:none}body[data-intro-hidden=true] .intro-overlay{opacity:0;transform:scale(1.02)}body[data-intro-hidden=true] .intro-overlay-text{opacity:0}body[data-intro-hidden=false] .intro-overlay-text{opacity:1}canvas{display:block;width:100%;height:100%;transition:filter .26s ease,transform .26s ease}p{color:#ffffff80}#app,.scene{width:100vw;height:100vh}.intro-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:32px;z-index:10;pointer-events:none;transition:opacity 1.2s ease,transform 1.2s ease}.intro-overlay-text{margin:0;max-width:96vw;color:#fffffff0;font-family:Sora,sans-serif;font-size:clamp(1.2rem,3vw,3.15rem);font-weight:300;line-height:.98;letter-spacing:-.05em;text-align:center;white-space:nowrap;text-shadow:0 12px 44px rgba(0,0,0,.2);opacity:0;transition:opacity 1.6s ease .24s}.intro-overlay-text strong{font-weight:700}.container-fluid,.row,.col,.col-md-6{position:relative}.header{position:fixed;left:var(--logo-card-left);top:var(--logo-card-top);transform:none;pointer-events:auto;z-index:4;transition:opacity .28s ease}.row{display:flex;justify-content:flex-start}.col-md-6{display:flex;flex-direction:column;align-items:flex-start;width:min(calc(100vw - 48px),var(--logo-card-width))}.spacer{display:none}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:var(--logo-card-height);padding:14px;background-color:#0000004d;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000047}.header-actions{display:grid;gap:8px;width:100%}.header-below-actions{display:grid;gap:8px;width:100%;margin-top:10px}.header-content h1{margin:0;color:#fff;font-size:clamp(2.5rem,5vw,4rem);line-height:.92;font-weight:800;letter-spacing:-.06em;position:relative;width:100%;flex:1}.logo-title{display:flex;justify-content:center;align-items:center;min-height:100%}.header-logo{display:block;width:min(100%,192px);max-width:none;height:auto;transform:scale(var(--logo-scale));transform-origin:center center;pointer-events:none}.header-content h1:after{content:" 2026";font-size:9px;position:absolute;top:-2px;left:50%;transform:translate(-50%);padding-left:0;font-weight:400;letter-spacing:.1em}.small{width:100%;margin:0 0 var(--logo-subtitle-offset);font-size:.7rem;letter-spacing:.05em;text-transform:none;text-align:center}.about-trigger{display:inline-flex;align-items:center;justify-content:center;width:100%;position:relative;z-index:1;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#ffffff2e,#ff56822e);color:#fff;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.about-trigger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffffff3d,#ff568242);border-color:#ffffff38}.about-panel{position:fixed;left:var(--logo-card-left);top:calc(var(--logo-card-top) + var(--logo-card-height) + 62px);width:min(calc(100vw - 48px),720px);max-height:calc(100vh - (var(--logo-card-top) + var(--logo-card-height) + 84px));padding:18px;border-radius:20px;border:1px solid var(--line);background:#0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000047;z-index:5;overflow-y:auto;transition:opacity .24s ease,transform .24s ease}.about-panel[aria-hidden=true]{display:none}.customize-trigger{position:relative;z-index:1;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 16px;background:#ffffff0f;color:#ffffffe0;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.customize-trigger:hover{transform:translateY(-1px);background:#ffffff1c;border-color:#fff3}.customize-panel{position:fixed;top:20px;right:20px;width:min(440px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#12070cd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 28px 64px #00000061;z-index:12}.customize-panel[aria-hidden=true]{display:none}.customize-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customize-kicker{margin:0 0 6px;color:#ffffff8f;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.customize-title{margin:0;font-size:1.45rem;line-height:.96;letter-spacing:-.04em}.customize-close{border:0;border-radius:999px;padding:10px 14px;background:#ffffff1a;color:#fff;font:inherit;cursor:pointer}.customize-body{overflow-y:auto;padding-right:6px;display:grid;gap:16px}.customize-section{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a}.customize-section h3{margin:0;color:#ffffffeb;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-align:left}.control-field{display:grid;gap:8px;text-align:left;color:#ffffffd1;font-size:.9rem}.control-field-span-2{grid-column:span 2}.control-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;text-align:left;color:#ffffffd1;font-size:.9rem}.control-input{width:100%;accent-color:#ff4a73}.control-select,.control-text,.control-textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;background:#ffffff0f;color:#fff;font:inherit;resize:vertical}.control-select{appearance:none}.control-text[readonly],.control-textarea[readonly]{cursor:text}.control-textarea{min-height:120px;font-family:SFMono-Regular,Menlo,Monaco,Courier New,monospace;line-height:1.45}.control-value{color:#ffffff94;font-size:.8rem}.button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.control-button{border:0;border-radius:12px;padding:10px 12px;background:#ffffff14;color:#fff;font:inherit;cursor:pointer}.control-button:disabled,.control-select:disabled,.control-text:disabled,.control-input:disabled{opacity:.45;cursor:not-allowed}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.about-close{position:sticky;top:0;margin-left:auto;display:inline-flex;border:0;border-radius:999px;padding:8px 12px;background:#ffffff14;color:#fff;font:inherit;cursor:pointer}.about-media{overflow:hidden;width:100%;aspect-ratio:5 / 4;margin-top:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),transparent 45%),linear-gradient(135deg,#ffffff14,#ffffff08)}.about-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.about-copy{margin-top:16px;text-align:left;display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:18px;align-items:start}.about-kicker{margin:0 0 8px;color:#ffffff94;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.about-title{margin:0 0 14px;font-size:1.8rem;line-height:.95;letter-spacing:-.04em}.about-text{margin:0 0 16px;color:#ffffffc2;line-height:1.6;text-align:left}.about-copy-main{min-width:0}@media(max-width:720px){.about-panel{width:min(calc(100vw - 32px),520px);left:16px}.about-copy{grid-template-columns:1fr}}.hint{position:fixed;left:26px;bottom:24px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#00000042;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:4;transition:opacity .28s ease}.hint-key{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#fff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.project-label{position:fixed;top:0;left:0;min-width:164px;display:grid;gap:4px;padding:12px 14px;transform:translate3d(-999px,-999px,0);opacity:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0e060ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #0000003d;pointer-events:none;z-index:5;transition:opacity .16s ease}.project-label[data-visible=true]{opacity:1}.project-client{color:#fff;font-weight:600}.project-date{color:#ffffffa3;font-size:.9rem}.project-panel{position:fixed;top:50%;right:98px;width:min(360px,calc(100vw - 168px));padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0a04076b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 26px 80px #00000042;transform:translate3d(120%,-50%,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear .22s;z-index:4}.project-panel[data-open=true]{transform:translate3d(0,-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear 0s}.case-back{position:fixed;top:26px;left:26px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0a04076b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font:inherit;cursor:pointer;z-index:10;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.case-back-icon{font-size:1rem;line-height:1}.case-nav{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .22s ease}.case-nav-button{position:absolute;top:50%;width:48px;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0a04076b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font:inherit;font-size:1.1rem;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.case-nav-prev{left:26px}.case-nav-next{right:26px}.video-player-overlay{position:fixed;left:0;top:0;width:320px;height:180px;z-index:6;opacity:0;pointer-events:none;transition:opacity .22s ease;background:transparent}.video-player-overlay[aria-hidden=false]{opacity:1;pointer-events:auto}.video-player{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:0;border-radius:0;background:transparent;box-shadow:none}.mobile-focus-story{display:none}.mobile-focus-stage-inner{position:relative;width:100%;height:100%}.mobile-focus-scroll-button,.mobile-focus-return-button,.mobile-details-trigger,.mobile-details-sheet{display:none}.panel-close{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 16px;border:0;background:#ffffff14;color:#fff;font:inherit;cursor:pointer}.panel-close-key{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.panel-title{margin:10px 0;color:#fff;font-size:clamp(1.6rem,3.2vw,2.48rem);line-height:.92;letter-spacing:-.06em}.panel-meta{margin:18px 0 0;color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.panel-stats{margin:12px 0 0;color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.panel-description{margin:16px 0 0;color:#ffffffc7;line-height:1.7;text-align:left}a,a:hover,a:visited{color:#fff;text-decoration:none}.disable-selection{-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(max-width:820px){:root{--logo-card-width: 214px;--logo-card-height: 140px;--logo-scale: 1.2}.intro-overlay-text{max-width:min(94vw,760px);width:auto;padding:0;font-size:clamp(2.2rem,8vw,3.45rem);line-height:.94;white-space:normal;letter-spacing:-.07em;text-wrap:balance;text-align:center}.header{left:14px;top:14px}.col-md-6{width:min(calc(100vw - 28px),var(--logo-card-width))}.header-content{padding:18px 18px 20px;border-radius:18px}.button-row,.control-grid,.control-grid-three{grid-template-columns:1fr}.control-field-span-2{grid-column:auto}.customize-panel{inset:auto 14px 14px;width:auto;max-height:calc(100vh - 28px)}.project-panel{top:auto;right:14px;bottom:14px;transform:translate3d(0,120%,0);width:calc(100vw - 28px)}.project-panel[data-open=true]{transform:translateZ(0)}body[data-focused=true] .project-panel{opacity:0;pointer-events:none;transform:translate3d(0,120%,0)}.hint{display:none}.case-back{top:14px;left:14px}.case-nav-prev{left:14px}.case-nav-next{right:14px}body[data-focused=true] .case-nav{pointer-events:none}.video-player-overlay{z-index:8}.mobile-focus-story{position:fixed;inset:0;z-index:6;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none}.mobile-focus-story[aria-hidden=true]{display:none}.mobile-focus-story[aria-hidden=false]{display:block}body[data-focused=true] .mobile-focus-story{opacity:1;pointer-events:auto}.mobile-focus-story[data-scroll-section=details] .mobile-focus-stage-actions{opacity:0;pointer-events:none}.mobile-focus-stage{position:relative;min-height:100svh;padding:max(88px,calc(env(safe-area-inset-top) + 70px)) 0 26px}.mobile-focus-stage-inner{min-height:calc(100svh - max(88px,calc(env(safe-area-inset-top) + 70px)) - 26px)}.mobile-focus-stage-inner>.video-player-overlay{position:absolute}.mobile-focus-stage-actions{position:absolute;left:18px;right:18px;bottom:calc(26px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;z-index:9;transition:opacity .18s ease}.mobile-focus-scroll-button,.mobile-focus-return-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0a040794;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font:inherit;letter-spacing:.04em;pointer-events:auto}.mobile-focus-scroll-button{min-width:192px;padding:13px 18px;font-size:.84rem;text-transform:uppercase}.mobile-focus-details{position:relative;min-height:96svh;margin-top:-14px;padding:18px 22px calc(38px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);border-radius:28px 28px 0 0;background:linear-gradient(180deg,#130b11f0,#080509fa),radial-gradient(circle at top,rgba(255,255,255,.05),transparent 55%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -18px 44px #00000057;text-align:left}.mobile-focus-handle{width:56px;height:5px;margin:0 auto 20px;border-radius:999px;background:#ffffff2e}.mobile-focus-details-actions{position:sticky;top:calc(10px + env(safe-area-inset-top));z-index:2;display:flex;justify-content:flex-start;margin:0 0 18px}.mobile-focus-return-button{padding:11px 16px;font-size:.82rem;text-transform:uppercase}.mobile-focus-meta{margin:0;color:#ffffffa3;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.mobile-focus-title{margin:12px 0 14px;color:#fff;font-size:clamp(2.3rem,10vw,4rem);line-height:.92;letter-spacing:-.07em}.mobile-focus-stats{margin:0 0 16px;color:#ffffff8f;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.mobile-focus-description{margin:0;color:#ffffffd6;line-height:1.72;font-size:1rem;text-align:left}.mobile-details-trigger,.mobile-details-sheet,body[data-focused=true] .mobile-details-trigger{display:none;opacity:0;pointer-events:none}.mobile-details-sheet{position:fixed;inset:0;padding:18px;background:#0a0407e0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:9;color:#fff;overflow-y:auto}.mobile-details-sheet[aria-hidden=true]{display:none}.mobile-details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.mobile-details-back,.mobile-details-close{border:0;border-radius:999px;padding:10px 14px;background:#ffffff14;color:#fff;font:inherit}.mobile-details-content{text-align:left}.mobile-details-meta{margin:0;color:#ffffffb8;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}.mobile-details-title{margin:10px 0 12px;color:#fff;font-size:clamp(2rem,10vw,3rem);line-height:.92;letter-spacing:-.06em}.mobile-details-stats{margin:0 0 14px;color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.mobile-details-description{margin:0;color:#ffffffd1;line-height:1.65;text-align:left}}@media(max-width:430px){:root{--logo-card-left: 14px;--logo-card-top: 14px;--logo-card-width: 198px;--logo-card-height: 132px;--logo-scale: 1.14}.intro-overlay-text{max-width:94vw;width:auto;padding:0;font-size:clamp(2.05rem,8.4vw,3.05rem);line-height:.92;white-space:normal;text-wrap:balance;text-align:center}.header-content{padding:14px 14px 16px;border-radius:16px}.col-md-6{width:min(calc(100vw - 28px),var(--logo-card-width))}.header-below-actions{gap:7px;margin-top:10px}.header-content h1:after{font-size:8px;top:0}.about-trigger{padding:8px 12px;font-size:.62rem}.project-panel{width:calc(100vw - 20px);right:10px;bottom:10px;padding:18px}.panel-title{font-size:clamp(1.2rem,7.2vw,1.76rem)}.video-player{border-radius:0}.mobile-focus-stage{padding-top:max(92px,calc(env(safe-area-inset-top) + 74px))}.mobile-focus-stage-inner{min-height:calc(100svh - max(92px,calc(env(safe-area-inset-top) + 74px)) - 24px)}.mobile-focus-details{min-height:100svh;padding:18px 18px calc(34px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.mobile-focus-stage-actions{left:14px;right:14px;bottom:calc(20px + env(safe-area-inset-bottom))}.mobile-focus-scroll-button{min-width:172px;padding:12px 16px;font-size:.78rem}.mobile-focus-title{font-size:clamp(2.2rem,11vw,3.6rem)}.mobile-focus-description{font-size:.98rem}}
