:root{--background:#080908;--foreground:#e5e8df;--primary:#c4f568;--primary-foreground:#080908;--card:#151812;--card-foreground:#e5e8df;--popover:#151812;--popover-foreground:#e5e8df;--secondary:#20241b;--secondary-foreground:#e5e8df;--muted:#20241b;--muted-foreground:#92988b;--accent:#c4f568;--accent-foreground:#080908;--border:#31362b;--input:#31362b;--ring:#c4f568;--ink:#e5e8df;--paper:#080908;--soft:#92988b;--pop:#c4f568}body{color:#e5e8df;background:#080908}.archive-page{background:#080908;min-height:100svh;position:relative;overflow:hidden}.minimal-header{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:34px 4%;display:flex;position:absolute;top:0;left:0;right:0}.minimal-header a,.minimal-header button{pointer-events:auto}.minimal-name{letter-spacing:-.02em;font-size:14px}.minimal-name>span{color:#646c5c;margin-top:5px;font-size:12px;display:block}.minimal-header nav{color:#a0aa94;align-items:center;gap:30px;font-size:13px;display:flex}.minimal-header nav button{background:0 0;padding:8px}.minimal-header nav a{color:#c4f568;align-items:center;gap:8px;display:flex}.minimal-header nav button:hover{color:#c4f568}.box-main{height:100svh;min-height:650px;position:relative}.project-box{outline:none;width:100%;height:100%;position:relative}.project-box canvas{touch-action:pan-y;outline:none;width:100%;height:100%;display:block}.box-caption{letter-spacing:.03em;color:#91a27b;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;gap:13px;font-size:12px;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.caption-number{color:#b4e566;font-family:monospace}.box-caption svg{color:#b4e566}.minimal-footer{color:#505947;letter-spacing:.12em;pointer-events:none;justify-content:space-between;font:10px monospace;display:flex;position:absolute;bottom:27px;left:4%;right:4%}.box-keyboard{pointer-events:none;position:absolute;inset:0}.box-keyboard button{left:var(--card-x,50%);top:var(--card-y,50%);opacity:0;pointer-events:none;background:0 0;border:0;width:46px;height:46px;position:absolute;transform:translate(-50%,-50%)}.box-keyboard button:focus-visible{opacity:0;outline:none!important}.box-main:has(.box-keyboard button:focus-visible) .box-caption{text-underline-offset:7px;text-decoration:underline}.box-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:25% 15%}.box-fallback button{color:#c4f568;background:#171e11;border:1px solid #647743;border-radius:10px;padding:25px}.box-fallback button>span{margin-bottom:10px;font:12px monospace;display:block}:is(.archive-page :focus-visible,.archive-detail :focus-visible){outline-offset:5px;outline:2px solid #c4f568}.archive-detail[data-slot=dialog-content]{overscroll-behavior:contain;color:#eceee6;height:100dvh;max-height:100dvh;box-shadow:none;background:#0d100b;border:0;border-radius:0;padding:0;animation:.22s ease-out both detail-surface-in;display:block;position:fixed;overflow-y:auto;width:100%!important;max-width:none!important;inset:0!important;transform:scale(1)rotate(0)!important}.archive-detail[data-state=closed]{animation:.36s cubic-bezier(.4,0,.2,1) both detail-surface-out}.detail-topbar{z-index:2;letter-spacing:.06em;background:#0d100bf2;border-bottom:1px solid #c4f56819;justify-content:space-between;align-items:center;padding:34px 4%;font:11px monospace;display:flex;position:sticky;top:0}.detail-topbar>.detail-close{color:#c4f568;align-items:center;gap:18px;font:12px Manrope,sans-serif;display:flex}.detail-body{max-width:1440px;margin:auto;padding:70px 8% 50px;animation:.35s 40ms both detail-arrive}.detail-kicker{color:#93a47b;letter-spacing:.06em;justify-content:space-between;font:12px monospace;display:flex}.detail-title[data-slot=dialog-title]{letter-spacing:-.065em;max-width:1050px;margin:25px 0 35px;font-size:clamp(45px,6.5vw,100px);font-weight:400;line-height:1.1}.detail-title>span{color:#c4f568;margin-left:20px}.detail-intro{grid-template-columns:1.3fr 1fr;gap:80px;margin-bottom:60px;display:grid}.detail-intro [data-slot=dialog-description],.about-body [data-slot=dialog-description]{color:#a7b09b;font-size:18px;line-height:1.85}.detail-intro dl{gap:23px;margin:0;display:grid}.detail-intro dt{color:#7e8c6c;letter-spacing:.1em;margin-bottom:7px;font:10px monospace}.detail-intro dd{color:#d0d8c3;margin:0;font-size:14px}.detail-media{grid-template-columns:1fr 1fr;gap:36px;display:grid}.detail-media figure{min-width:0;margin:0}.detail-media figure:first-child{grid-column:1/-1}.detail-media img,.detail-media video{object-fit:contain;background:#141a10;border:1px solid #ffffff0d;border-radius:6px;width:100%;max-height:75svh;display:block}.detail-media figcaption{color:#7f8c70;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px;display:flex}.detail-media figcaption>span+span{color:#566348}.detail-next{border-top:1px solid #ffffff18;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:70px;padding-top:35px;display:grid}.detail-next>button{text-align:left;min-width:0;color:var(--detail-accent);background:0 0;border:0;border-radius:0;align-items:flex-start;gap:16px;padding:8px 0;display:flex}.detail-next>button+button{text-align:right;justify-content:flex-end}.detail-next>button>span{letter-spacing:.05em;min-width:0;color:var(--detail-muted);font:12px/1.5 monospace}.detail-next svg{flex-shrink:0;margin-top:28px}.detail-next strong{letter-spacing:-.04em;color:var(--detail-accent);overflow-wrap:anywhere;margin-top:12px;font:400 clamp(20px,2.7vw,36px)/1.2 Manrope,sans-serif;display:block}.detail-next button:hover strong{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.detail-end{color:#69765a;justify-content:center;align-items:center;gap:10px;margin:20px 0 40px;font:10px monospace;display:flex}.about-body{max-width:1000px;min-height:calc(100dvh - 180px)}.about-body .detail-title>span{margin:0}.about-body>p{color:#8c997e;max-width:640px;margin-top:25px;font-size:18px;line-height:1.8}.about-contact{color:#c4f568;align-items:center;gap:20px;margin-top:55px;font-size:20px;display:flex}@keyframes detail-surface-in{0%{opacity:0}to{opacity:1}}@keyframes detail-surface-out{0%{opacity:1}to{opacity:0}}@keyframes detail-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width:760px){.minimal-header{padding:26px 6%}.minimal-name{font-size:13px}.minimal-header nav{gap:15px;font-size:12px}.box-main{min-height:580px}.box-caption{font-size:11px;bottom:17%}.minimal-footer{font-size:9px;left:6%;right:6%}.detail-topbar{padding:26px 6%;font-size:10px}.detail-topbar>.detail-close>span{display:none}.detail-body{padding:40px 6% 30px}.detail-title[data-slot=dialog-title]{margin:25px 0;font-size:46px}.detail-title>span{margin-left:10px}.detail-intro{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.detail-intro [data-slot=dialog-description]{font-size:16px}.detail-intro dl{grid-template-columns:1fr 1fr;gap:20px}.detail-media{grid-template-columns:1fr;gap:25px}.detail-media figcaption{font-size:11px}.detail-media figcaption>span+span{display:none}.detail-next{gap:20px;margin-top:40px}.detail-kicker{font-size:10px}.about-body>p,.about-body [data-slot=dialog-description]{font-size:16px}}@media (prefers-reduced-motion:reduce){.archive-detail[data-slot=dialog-content],.detail-body{animation:none!important}}.project-box[data-flight=true]{pointer-events:none}.box-main:has([data-flight=true])+.minimal-footer{opacity:0;transition:opacity .2s}.archive-page:has([data-flight=true]) .minimal-header nav{opacity:0;transition:opacity .2s}.box-main:has([data-flight=true]) .box-caption{opacity:0;transition:opacity .2s}.minimal-header nav,.minimal-footer,.box-caption{transition:opacity .15s}.box-caption{opacity:var(--about-caption-opacity,1)}.box-caption.is-hive,.box-caption.is-hive .caption-number,.box-caption.is-hive svg{color:#ff655e}.scene-about{z-index:2;pointer-events:none;opacity:0;contain:layout paint;will-change:opacity;width:min(30%,360px);max-height:calc(100svh - 160px);padding:0 5px 5px 0;position:absolute;top:112px;left:4%;overflow:auto}.scene-about:not([inert]){pointer-events:auto}.scene-about h2{letter-spacing:-.06em;margin:18px 0 22px;font-size:clamp(28px,2.6vw,40px);font-weight:400;line-height:1.15}.scene-about h2:focus{outline:none}.scene-about h2>.about-matrix:last-child{color:#bce979}.scene-about p{color:#b3baa9;max-width:490px;margin:0 0 18px;font-size:14px;line-height:1.85}.scene-about p+p{color:#86927b}.scene-about>a{color:#c4f568;align-items:center;gap:14px;margin-top:24px;font-size:14px;display:flex}.scene-about>button{color:#879c71;background:0 0;align-items:center;gap:10px;margin-top:28px;padding:10px 0;font-size:12px;display:flex}.scene-about{opacity:1;will-change:auto}.scene-about-portrait{aspect-ratio:4/3;background:0 0;width:100%;margin:16px 0 20px;overflow:hidden}.scene-about-portrait canvas{width:100%;height:100%;display:block}@media (max-width:760px){.scene-about{width:88%;max-height:calc(100svh - 150px);padding:0 5px 5px 0;top:94px;left:6%}.scene-about-portrait{aspect-ratio:3/2;width:min(100%,320px);margin:12px 0 16px}.scene-about h2{margin:14px 0 18px;font-size:32px}.scene-about p{margin-bottom:14px;font-size:14px;line-height:1.7}.scene-about>a{margin-top:24px;font-size:15px}.scene-about>button{margin-top:20px}}.archive-detail[data-project=hive]{background:#0d100b}.archive-detail[data-project=hive] .detail-topbar{background:#0d100bf2;border-bottom-color:#c4f56819}.archive-detail[data-project=hive] .detail-media img,.archive-detail[data-project=hive] .detail-media video{background:#141a10}.archive-detail[data-slot=dialog-content][data-project=hive]{background:#0d100b;overflow:hidden}.hive-gallery{isolation:isolate;background:radial-gradient(at 50% 48%,#151b10 0%,#0d100b 65%,#080908 100%);position:absolute;inset:0;overflow:hidden}.hive-intro{z-index:3;pointer-events:none;position:absolute;top:66px;left:0;right:0}.hive-intro .detail-intro{margin-bottom:0}.hive-space{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;outline:none!important}.hive-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}.hive-art{transform:translate3d(var(--start-x),var(--start-y),0);transition:transform .95s cubic-bezier(.22,.75,.16,1) var(--art-delay);outline-offset:8px;background:#141a10;border-radius:2px;margin:0;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000020}.hive-art img,.hive-art video{object-fit:contain;pointer-events:none;-webkit-user-drag:none;border-radius:2px;width:100%;height:100%;display:block}.hive-gallery:not([data-phase=intro]) .hive-art{transform:translate3d(var(--art-x),var(--art-y),0)}.hive-art:focus-visible{outline:2px solid #c4f568!important}.hive-gallery[data-phase=glitch] .hive-intro-content{animation:.65s step-end both hive-signal-loss}.archive-detail:not([data-project=hive]) .detail-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.archive-detail[data-project=hive] .detail-topbar{z-index:8;color:#879c6c;transition:background .4s,border-color .4s;position:absolute;inset:0 0 auto}.archive-detail[data-project=hive] .detail-topbar>.detail-close{color:#c4f568;justify-content:center;min-width:40px;min-height:40px}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar{pointer-events:none;background:0 0;border-color:#0000}.archive-detail[data-project=hive] .detail-topbar>.detail-close{pointer-events:auto}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close>span{display:none}.hive-controls{z-index:6;opacity:0;gap:4px;transition:opacity .5s;display:flex;position:absolute;bottom:24px;right:4%}.hive-controls button{color:#879c6c;background:#0d100bd9;border:1px solid #c4f56820;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.hive-drag-help{z-index:5;color:#879c6c;letter-spacing:.05em;pointer-events:none;opacity:0;margin:0;font:12px monospace;transition:opacity .5s;position:absolute;bottom:36px;left:4%}.hive-gallery[data-phase=explore] .hive-controls,.hive-gallery[data-phase=explore] .hive-drag-help{opacity:1}.hive-gallery[data-phase=explore] .hive-drag-help.is-quiet{opacity:0}@keyframes hive-signal-loss{0%,14%{opacity:1;clip-path:inset(0);text-shadow:3px 0 #ff6557,-3px 0 #a4efff,0 0 12px #ff665b99;transform:none}18%{clip-path:inset(4% 0 18%);text-shadow:12px 0 #ff443e,-8px 0 #aff6ff;transform:translate(-14px)}32%{clip-path:inset(0);opacity:1;text-shadow:-10px 0 #ff6757,6px 0 #e6fcff,0 0 16px #ff948399;transform:translate(11px)skew(-3deg)}47%{clip-path:inset(24% 0 12%);opacity:1;text-shadow:16px 0 #ff4a3f,-10px 0 #b1f3ff;transform:translate(-20px)}61%{clip-path:inset(0);opacity:.95;text-shadow:8px 0 #ffa595,-6px 0 #c9f9ff,0 0 14px #ff665b;transform:translate(8px)skew(2deg)}76%{clip-path:inset(7% 0 56%);opacity:.8;transform:translate(23px)skew(4deg)}88%{clip-path:inset(60% 0 8%);opacity:.55;transform:translate(-12px)}to{clip-path:inset(50% 0);opacity:0;transform:translate(18px)}}.hive-gallery[data-phase=glitch] .hive-intro-content{position:relative}.hive-gallery[data-phase=glitch] .hive-intro-content :is(.detail-title,.detail-kicker,dt,dd,[data-slot=dialog-description]){color:#fff4ed}.hive-gallery[data-phase=glitch] .detail-title{position:relative}.hive-gallery[data-phase=glitch] .detail-title:before,.hive-gallery[data-phase=glitch] .detail-title:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.hive-gallery[data-phase=glitch] .detail-title:before{color:#ff6758;clip-path:inset(12% 0 58%);animation:.65s step-end both hive-channel-split}.hive-gallery[data-phase=glitch] .detail-title:after{color:#c0f6ff;clip-path:inset(62% 0 9%);animation:.65s step-end reverse both hive-channel-split}.hive-gallery[data-phase=glitch] .hive-intro-content:after{content:"";pointer-events:none;background:#ffe1d4;height:2px;animation:.65s step-end both hive-channel-split;position:absolute;top:36%;left:0;right:0;box-shadow:0 3px #ff564c,0 72px #ff8a72,0 74px #ffe1d4}@keyframes hive-channel-split{0%,15%{transform:translate(-12px)}30%{transform:translate(18px)}50%{transform:translate(-24px)}70%{transform:translate(10px)}to{opacity:0;transform:translate(30px)}}@media (max-width:760px){.hive-intro{padding-top:28px;top:62px}.hive-intro .detail-title[data-slot=dialog-title]{margin:18px 0 22px;font-size:38px}.hive-intro .detail-intro{gap:20px}.hive-intro .detail-intro [data-slot=dialog-description]{font-size:15px;line-height:1.7}.hive-controls{gap:3px;bottom:20px;right:6%}.hive-controls button{width:36px;height:36px}.hive-drag-help{font-size:11px;bottom:32px;left:6%}}@media (prefers-reduced-motion:reduce){.hive-art,.hive-controls,.hive-drag-help{transition:none}.hive-gallery[data-phase=glitch] .hive-intro-content{animation:none}}.box-caption.is-district,.box-caption.is-district .caption-number,.box-caption.is-district svg{color:#c68aff}.project-media-error{color:#a7b09b;background:#141a10;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-height:75svh;padding:24px;display:flex}.project-media-error p{margin:0}.project-media-error a{color:#c4f568;text-underline-offset:4px;text-decoration:underline}.hive-gallery[data-settled=true] .hive-art{transition:none}.minimal-header nav .header-glass-icon{-webkit-backdrop-filter:blur(12px)saturate(1.35);backdrop-filter:blur(12px)saturate(1.35);background:linear-gradient(135deg,#ffffff26,#ffffff08),#0d120dbd;border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;padding:0;transition:background .2s,border-color .2s;box-shadow:0 4px 18px #00000050,inset 0 1px #ffffff1a}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close{-webkit-backdrop-filter:blur(12px)saturate(1.35);backdrop-filter:blur(12px)saturate(1.35);background:linear-gradient(135deg,#ffffff26,#ffffff08),#0d120dbd;border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;padding:0;transition:background .2s,border-color .2s;box-shadow:0 4px 18px #00000050,inset 0 1px #ffffff1a}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close{color:#f2f8e9}.minimal-header nav button:hover .header-glass-icon{background:#26321fdd;border-color:#ffffff70}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close:hover{background:#26321fdd;border-color:#ffffff70}.minimal-header nav .header-glass-icon{flex-shrink:0;place-items:center;display:grid}.detail-collection+.detail-collection{margin-top:64px}.detail-collection>h2{letter-spacing:-.035em;color:#d0d8c3;margin:0 0 26px;font:400 clamp(22px,3vw,32px) Manrope,sans-serif}.minimal-header nav .contact-trigger{color:#c4f568;opacity:1;visibility:visible;justify-content:flex-end;align-items:center;min-width:44px;height:44px;padding:0 10px;transition:color .2s;display:inline-flex;overflow:hidden;transform:none}.contact-trigger-label{opacity:0;white-space:nowrap;max-width:0;margin-right:0;transition:max-width .45s cubic-bezier(.2,.8,.2,1),margin-right .45s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .4s cubic-bezier(.2,.8,.2,1);display:inline-block;overflow:hidden;transform:translate(6px)}:is(.contact-trigger:hover .contact-trigger-label,.contact-trigger:focus-visible .contact-trigger-label){opacity:1;max-width:72px;margin-right:8px;transform:none}.archive-page[data-contact=true] .contact-trigger{opacity:0;visibility:hidden;pointer-events:none;transition:none;transform:none}body:has(.enquiry-card) .minimal-header .contact-trigger{opacity:0;visibility:hidden;pointer-events:none;transition:none;transform:none}.minimal-header nav .contact-trigger{min-width:48px;height:48px;padding:0;overflow:visible}.minimal-header nav .sound-toggle{border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;display:grid}.minimal-header nav .sound-toggle[aria-pressed=true]{color:#c4f568}.minimal-header nav :is(.sound-toggle,.contact-trigger):focus-visible{box-shadow:none;outline:none}.minimal-header nav button:focus-visible .header-glass-icon{box-shadow:0 4px 18px #00000050,inset 0 1px #ffffff1a,inset 0 -2px #c4f568}.minimal-header nav .sound-toggle:disabled{opacity:.5}.archive-page[data-contact=true] .box-caption{opacity:0}.enquiry-card[data-slot=sheet-content]{color:#e5e8df;width:min(430px,40vw);max-width:none;height:auto;max-height:calc(100dvh - 58px);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:16px;gap:0;padding:0;inset:34px 4% auto auto;overflow:visible;transform:translate(0,0);transition:none!important;animation:none!important}.enquiry-card:focus{outline:none}.enquiry-morph-surface{pointer-events:none;-webkit-backdrop-filter:blur(12px)saturate(1.35);backdrop-filter:blur(12px)saturate(1.35);background:linear-gradient(135deg,#ffffff26,#ffffff08),#0d120dbd;border:1px solid #ffffff40;border-radius:24px;width:48px;height:48px;position:absolute;top:0;right:0;box-shadow:0 4px 18px #00000050,inset 0 1px #ffffff1a}.enquiry-card-content{max-height:inherit;overscroll-behavior:contain;opacity:0;scrollbar-width:thin;scrollbar-color:#c4f56840 transparent;flex-direction:column;gap:26px;padding:30px;display:flex;position:relative;overflow-y:auto}.enquiry-card .enquiry-morph-toggle{z-index:2;color:#c4f568;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:0;right:0}.enquiry-card .enquiry-morph-toggle:hover{color:#f2f8e9}.enquiry-card .enquiry-morph-toggle:focus-visible{outline:none;box-shadow:inset 0 -2px #c4f568}.enquiry-card-top{color:#91a27b;letter-spacing:.12em;align-items:center;min-height:18px;padding-right:28px;font:12px monospace;display:flex}.enquiry-card [data-slot=sheet-title]{letter-spacing:-.06em;color:#e5e8df;margin:0 0 12px;font:400 clamp(34px,3.5vw,48px)/1.1 Manrope,sans-serif}.enquiry-card [data-slot=sheet-description]{color:#95a18a;font-size:16px;line-height:1.6}.enquiry-card form{gap:10px;display:grid}.enquiry-card label{color:#bcc6b2;font-size:14px}.enquiry-card label:not(:first-child){margin-top:10px}.enquiry-card [data-slot=input],.enquiry-card [data-slot=textarea]{color:#edf1e7;background:#080b0790;border:1px solid #d5e9bc22;border-radius:7px;height:auto;padding:11px 12px;font-size:16px;box-shadow:inset 0 1px 3px #0003}.enquiry-card [data-slot=textarea]{resize:vertical;field-sizing:fixed;min-height:100px;max-height:220px}.enquiry-card :is(input,textarea):focus-visible{border-color:#c4f56899;outline:none;box-shadow:0 0 0 2px #c4f56818}.enquiry-card .enquiry-submit{color:#142006;background:#c4f568;border-radius:7px;min-height:46px;margin-top:10px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.enquiry-card .enquiry-submit:hover{background:#d5ff86}.enquiry-card .enquiry-submit:active{transform:translateY(1px)}.enquiry-delivery{color:#839076;margin:0;font-size:12px;line-height:1.6}.enquiry-connect{border-top:1px solid #ffffff12;margin-top:2px;padding-top:22px}.enquiry-connect>span{color:#78876a;letter-spacing:.1em;font:12px monospace}.enquiry-connect>div{flex-wrap:wrap;gap:24px;margin-top:16px;display:flex}.enquiry-connect a{color:#c4f568;align-items:center;gap:9px;font-size:14px;display:inline-flex}.enquiry-connect a:hover{text-underline-offset:4px;text-decoration:underline}.enquiry-connect .enquiry-email{color:#87967a;overflow-wrap:anywhere;margin-top:18px;font-size:13px}.enquiry-connect-logo{width:20px;height:20px;-webkit-mask:var(--connect-logo) center/contain no-repeat;-webkit-mask:var(--connect-logo) center/contain no-repeat;mask:var(--connect-logo) center/contain no-repeat;background:#c4f568;flex-shrink:0;display:inline-block}.enquiry-connect-logo--instagram{--connect-logo:url(/logos/instagram.svg)}.enquiry-connect-logo--linkedin{--connect-logo:url(/logos/linkedin.png)}.enquiry-connect-logo--gmail{--connect-logo:url(/logos/gmail.png)}.enquiry-connect .enquiry-email>span{min-width:0}.enquiry-card :is(a,button):focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline}@media (max-width:760px){.enquiry-card[data-slot=sheet-content]{width:88%;max-height:calc(100dvh - 50px);inset:26px 6% auto auto}.enquiry-card-content{gap:22px;padding:24px}.enquiry-card [data-slot=sheet-title]{font-size:38px}}@media (prefers-reduced-motion:reduce){.enquiry-card[data-slot=sheet-content]{animation:none!important}.enquiry-card .enquiry-submit,.contact-trigger,.contact-trigger-label{transition:none!important}}.enquiry-card .enquiry-submit:disabled{opacity:.65;pointer-events:none}.enquiry-delivery:empty{display:none}.archive-detail{--detail-accent:#c4f568;--detail-muted:#879c6c;--detail-edge:#c4f56830;--detail-surface:#0d100b;--detail-media:#141a10;--pop:var(--detail-accent);--ring:var(--detail-accent)}.archive-detail[data-project=district]{--detail-accent:#c994ff;--detail-muted:#a58dbb;--detail-edge:#b776f53d;--detail-surface:#110c17;--detail-media:#1b1224}.archive-detail[data-project=hive]{--detail-accent:#ff8c7e;--detail-muted:#b48178;--detail-edge:#ff655e35;--detail-surface:#100b0b;--detail-media:#1a1010}.archive-detail[data-slot=dialog-content][data-project=district]{background:radial-gradient(ellipse at 75% 15%,#9f49e512,transparent 60%),var(--detail-surface)}.archive-detail:focus{outline:none!important}.archive-detail .detail-topbar{background:var(--detail-surface);border-bottom-color:var(--detail-edge)}.archive-detail .detail-topbar>.detail-close,.archive-detail .detail-next button,.archive-detail .detail-next strong,.archive-detail .project-media-error a{color:var(--detail-accent)}.archive-detail .detail-kicker,.archive-detail .detail-intro dt,.archive-detail .detail-end,.archive-detail .detail-next>button>span,.archive-detail .detail-media figcaption{color:var(--detail-muted)}.archive-detail .detail-media :is(img,video),.archive-detail .project-media-error{background:var(--detail-media)}.archive-detail[data-project=district] .detail-intro [data-slot=dialog-description]{color:#bbaacb}.archive-detail[data-project=district] .detail-intro dd{color:#e1d4ed}.archive-detail ::selection{background:var(--detail-accent);color:var(--detail-surface)}.archive-detail :is(button,a):focus:not(:focus-visible){box-shadow:none;outline:none}.archive-detail :is(button,a):focus-visible{text-underline-offset:5px;outline:none;text-decoration:underline}.archive-detail :is(.detail-close,.hive-controls button):focus-visible{box-shadow:inset 0 -2px 0 var(--detail-accent);outline:none}.archive-detail[data-project=district] .detail-body{padding-top:32px}.archive-detail[data-project=district] .detail-title{margin:18px 0;font-size:clamp(46px,5vw,72px)}.archive-detail[data-project=district] .detail-intro{max-width:620px;margin-bottom:32px;display:block}.archive-detail[data-project=district] .detail-intro dl{display:none}.archive-detail[data-project=district] .detail-intro [data-slot=dialog-description]{font-size:16px;line-height:1.6}.district-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.district-studies[data-single=true]{grid-template-columns:minmax(0,860px);justify-content:center}.district-study{outline:none;min-width:0;margin:0}.district-device-stage{isolation:isolate;background:0 0;border:0;border-radius:0;place-items:center;height:740px;display:grid;position:relative;overflow:visible}.district-device-stage:before{content:"";pointer-events:none;background:radial-gradient(#0301069c,#0000 65%);border-radius:50%;width:66%;height:38%;position:absolute;bottom:3%;left:17%;transform:rotate(-12deg)}.district-device-rig{aspect-ratio:71.5/149.6;width:286px;transform-style:preserve-3d;transition:translate .56s,transform .3s cubic-bezier(.2,.7,.3,1);position:relative;transform:translate(0,0)}.district-study[data-hovered=true] .district-device-rig{will-change:transform,translate;transition:translate .56s,transform 60ms linear;translate:0 -6px}@media (prefers-reduced-motion:reduce){.district-study .district-device-rig{will-change:auto;transition:none;transform:translate(0,0)!important}}.district-device-depth{background:linear-gradient(100deg,#09090b,#4d4c54 68%,#949098 95%,#18171d);border-radius:46px;position:absolute;inset:0;transform:translateZ(-12px);box-shadow:12px 18px 18px #0007,30px 44px 54px #0008}.district-device-body{transform-style:preserve-3d;background:linear-gradient(118deg,#c1bcc7 0%,#4c4853 4%,#19171e 18%,#504956 42%,#a29da7 52%,#25222c 69%,#696270 92%,#c6c1cb 100%);border-radius:46px;padding:3px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e5dbef6b,inset 1px 0 2px #fff7,2px 0 1px #b0aab591}.district-device-body:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:45px;position:absolute;inset:1px}.district-device-bezel{background:#08070b;border-radius:43px;width:100%;height:100%;padding:5px;position:relative;box-shadow:inset 0 0 0 1px #6c65743d,0 0 0 1px #030305}.district-device-display{background:#121214;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(.5px)}.district-device-display>video{object-fit:contain;background:#121214;width:100%;height:100%;display:block}.district-device-poster{object-fit:contain;pointer-events:none;background:#121214;width:100%;height:100%;position:absolute;inset:0}.district-study[data-previewing=true] .district-device-poster{visibility:hidden}.district-device-display[data-screen-fit=cover]>video,.district-device-display[data-screen-fit=cover]>.district-device-poster{object-fit:cover}.district-lottie{background:#20143d;width:100%;height:100%;position:relative}.district-lottie>canvas,.district-lottie>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.district-lottie>canvas{opacity:0}.district-lottie[data-ready=true]>canvas{opacity:1}.district-lottie-composition{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.district-lottie-composition>img{width:100%;height:100%;display:block;position:absolute;inset:0}.district-lottie-banner{position:absolute}.district-lottie-banner>canvas{opacity:0;width:100%;height:100%;display:block}.district-lottie[data-ready=true] .district-lottie-banner>canvas{opacity:1}.district-device-status{aspect-ratio:402/62;color:#fff;pointer-events:none;background:0 0;width:100%;height:auto;display:block;position:absolute;inset:0 0 auto}.district-device-island{pointer-events:none;background:#020204;border-radius:30px;width:31.343%;height:4.233%;position:absolute;top:1.373%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px #59546466}.district-device-island i{aspect-ratio:1;background:radial-gradient(circle at 38% 36%,#222843,#080c16 32%,#040407 62%);border-radius:50%;height:50%;position:absolute;top:25%;right:8%;box-shadow:inset 0 0 1px #333747}.district-device-button{background:linear-gradient(90deg,#66616d,#17151c 60%,#928b9b);border-radius:2px;width:3px;position:absolute;transform:translateZ(-1px);box-shadow:0 0 1px #08060b}.district-device-button.is-action{height:3.7%;top:17%;left:-3px}.district-device-button.is-volume-up{height:7.2%;top:25%;left:-3px}.district-device-button.is-volume-down{height:7.2%;top:34%;left:-3px}.district-device-button.is-power{height:11%;top:28%;right:-3px}.district-device-button.is-camera{background:#2b2731;height:7%;top:64%;right:-3px;box-shadow:inset 0 0 0 1px #89818d55}.district-study-caption{text-align:center;opacity:0;visibility:hidden;min-height:68px;margin-top:-58px;padding:18px 2px 0;transition:opacity .18s,transform .18s,visibility 0s linear .18s;transform:translateY(6px)}.district-study-caption h2{letter-spacing:-.025em;color:#eee7f3;margin:0;font:500 18px/1.4 Manrope,sans-serif}.district-study-caption p{color:#a690b7;margin:5px 0 0;font:12px/1.5 Manrope,sans-serif}:is(.district-study[data-hovered=true] .district-study-caption,.district-study:focus-visible .district-study-caption){opacity:1;visibility:visible;transition-delay:0s;transform:none}.district-playback-error{color:#e3d2ee;text-align:center;background:#140e1ef2;border-radius:8px;padding:12px;font-size:13px;position:absolute;bottom:20px;left:20px;right:20px}.district-playback-error a{text-decoration:underline}@media (max-width:1200px){.district-studies{gap-inline:18px}.district-device-stage{height:640px}.district-device-rig{width:min(82%,250px)}}@media (max-width:820px){.district-studies{grid-template-columns:repeat(2,minmax(0,1fr))}.district-device-stage{height:650px}}@media (max-width:760px){.archive-detail[data-project=district] .detail-body{padding-top:24px}.archive-detail[data-project=district] .detail-intro{margin-bottom:24px}.district-studies{grid-template-columns:minmax(0,1fr)}.district-device-stage{border-radius:18px;height:630px}.district-device-rig{width:min(65vw,260px);transform:none}.district-study-caption{margin-top:-28px}.district-study-caption h2{font-size:16px}}@media (any-hover:none){.district-study .district-study-caption{opacity:1;visibility:visible;transform:none}}@media (max-width:380px){.district-device-stage{height:560px}}.about-matrix{--matrix-accent:#d6ff8c;position:relative}.scene-about .about-matrix{display:block}.box-caption .about-matrix{display:inline-block}.about-matrix[data-scrambling=waiting]>.matrix-visual{visibility:hidden}.matrix-word{white-space:nowrap}.matrix-letter{display:inline-block;position:relative}.matrix-letter:after{content:attr(data-glyph);text-align:center;color:var(--matrix-accent);pointer-events:none;opacity:0;position:absolute;inset:0}.matrix-letter[data-phase=hidden],.about-matrix[data-scrambling=hidden]>.matrix-visual{visibility:hidden}.matrix-letter[data-phase=queued]{color:#0000}.matrix-letter[data-phase=queued]:after{opacity:.24;font-weight:600}.matrix-letter[data-phase=shuffling]{color:#0000}.matrix-letter[data-phase=shuffling]:after{opacity:1;-webkit-text-stroke:.55px var(--matrix-accent);text-shadow:0 0 4px var(--matrix-accent);font-weight:600;-webkit-mask-image:radial-gradient(circle,#000 1px,#0000 1.25px);mask-image:radial-gradient(circle,#000 1px,#0000 1.25px);-webkit-mask-size:3px 3px;mask-size:3px 3px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.scene-about h2 .matrix-letter[data-phase=shuffling]:after{-webkit-text-stroke:.7px var(--matrix-accent);-webkit-mask-image:radial-gradient(circle,#000 1.5px,#0000 1.8px);mask-image:radial-gradient(circle,#000 1.5px,#0000 1.8px);-webkit-mask-size:4.5px 4.5px;mask-size:4.5px 4.5px}.caption-title{--matrix-accent:#b4e566;display:inline-block}.box-caption.is-district .caption-title{--matrix-accent:#c68aff}.box-caption.is-hive .caption-title{--matrix-accent:#ff655e}.box-caption .matrix-letter[data-phase=queued]:after{opacity:.38}.box-caption .matrix-letter[data-phase=shuffling]:after{-webkit-mask-image:radial-gradient(circle,#000 .75px,#0000 1px);mask-image:radial-gradient(circle,#000 .75px,#0000 1px);-webkit-mask-size:2.3px 2.3px;mask-size:2.3px 2.3px}@media (prefers-reduced-motion:reduce){.about-matrix[data-scrambling=waiting]>.matrix-visual{visibility:visible}.matrix-letter{color:inherit!important}.matrix-letter:after{display:none}}@media (max-width:760px){.detail-next{gap:22px}.detail-next>button{gap:8px}.detail-next strong{font-size:19px}.detail-next svg{width:18px;height:18px;margin-top:30px}.detail-next>button>span{letter-spacing:.02em;font-size:11px}}.about-matrix>.sr-only,.matrix-letter:after{-webkit-user-select:none;user-select:none}.archive-detail .detail-home{color:#e5e8df;pointer-events:auto;flex-shrink:0}.archive-detail .detail-home .mn-tile{--mn-glow:var(--detail-accent)}.archive-detail .detail-home>span{color:inherit}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-home{box-shadow:none;text-shadow:0 1px 7px #000,0 0 16px #000;background:0 0;border-radius:0}.box-caption.is-district{--caption-accent:#c994ff}.box-caption.is-team-india{--caption-accent:#69b7ff}.box-caption.is-underworld-gang-wars{--caption-accent:#ffc247}.box-caption.is-india-fashion-week{--caption-accent:#ff80bd}.box-caption.is-marketing{--caption-accent:#ff4967}.box-caption.is-hive{--caption-accent:var(--hive-caption-accent,#c4f568)}.box-caption:is(.is-district,.is-team-india,.is-underworld-gang-wars,.is-india-fashion-week,.is-marketing,.is-hive){color:var(--caption-accent)}.box-caption:is(.is-district,.is-team-india,.is-underworld-gang-wars,.is-india-fashion-week,.is-marketing,.is-hive) :is(.caption-number,svg){color:inherit}.box-caption:is(.is-district,.is-team-india,.is-underworld-gang-wars,.is-india-fashion-week,.is-marketing,.is-hive) .caption-title{--matrix-accent:var(--caption-accent)}.box-caption.is-hive[data-hive-pulse=a] .caption-title{animation-name:hive-caption-glitch-a}.box-caption.is-hive[data-hive-pulse=b] .caption-title{animation-name:hive-caption-glitch-b}.box-caption.is-hive[data-hive-pulse] .caption-title{animation-duration:var(--hive-caption-glitch-duration,.16s);transform-origin:0;animation-timing-function:step-end;animation-iteration-count:1;animation-fill-mode:both}@keyframes hive-caption-glitch-a{0%,to{clip-path:inset(0);text-shadow:none;transform:none}13%{clip-path:inset(0 0 58%);text-shadow:4px 0 var(--hive-channel-a),-3px 0 var(--hive-channel-b);transform:translate(-4px,1px)}31%{clip-path:inset(38% 0 27%);text-shadow:-4px 0 var(--hive-channel-b),3px 0 var(--hive-channel-a);transform:translate(3px,-1px)}52%{clip-path:inset(67% 0 7%);text-shadow:3px 0 var(--hive-channel-a),-2px 0 var(--hive-channel-b);transform:translate(-2px)}74%{clip-path:inset(12% 0 18%);text-shadow:-3px 0 var(--hive-channel-b),2px 0 var(--hive-channel-a);transform:translate(2px,1px)}}@keyframes hive-caption-glitch-b{0%,to{clip-path:inset(0);text-shadow:none;transform:none}13%{clip-path:inset(62% 0 4%);text-shadow:-4px 0 var(--hive-channel-b),3px 0 var(--hive-channel-a);transform:translate(4px,-1px)}31%{clip-path:inset(17% 0 49%);text-shadow:4px 0 var(--hive-channel-a),-3px 0 var(--hive-channel-b);transform:translate(-3px,1px)}52%{clip-path:inset(43% 0 22%);text-shadow:-3px 0 var(--hive-channel-b),2px 0 var(--hive-channel-a);transform:translate(2px)}74%{clip-path:inset(7% 0 28%);text-shadow:3px 0 var(--hive-channel-a),-2px 0 var(--hive-channel-b);transform:translate(-2px,-1px)}}@media (prefers-reduced-motion:reduce){.box-caption.is-hive[data-hive-pulse] .caption-title{animation:none}}.archive-detail{--detail-haze:#a7df5c0b;--detail-copy:#a7b09b;--detail-strong:#d0d8c3}.archive-detail[data-project=district]{--detail-accent:#c994ff;--detail-muted:#a58dbb;--detail-edge:#b776f53d;--detail-surface:#110c17;--detail-media:#1b1224;--detail-haze:#9f49e514;--detail-copy:#bbaacb;--detail-strong:#e1d4ed}.archive-detail[data-project=team-india]{--detail-accent:#69b7ff;--detail-muted:#789dbd;--detail-edge:#5aaeff3a;--detail-surface:#091119;--detail-media:#0e1b28;--detail-haze:#238eff15;--detail-copy:#9eb4c7;--detail-strong:#d7e9f7}.archive-detail[data-project=underworld-gang-wars]{--detail-accent:#ffc247;--detail-muted:#b89b67;--detail-edge:#f6b93b3d;--detail-surface:#151108;--detail-media:#211a0d;--detail-haze:#e9a91218;--detail-copy:#c1b092;--detail-strong:#efe3c9}.archive-detail[data-project=india-fashion-week]{--detail-accent:#ff80bd;--detail-muted:#b78aa2;--detail-edge:#ff5bac3d;--detail-surface:#160a12;--detail-media:#23101b;--detail-haze:#f43c9817;--detail-copy:#c5a4b6;--detail-strong:#f0d9e5}.archive-detail[data-project=marketing]{--detail-accent:#ff4967;--detail-muted:#b57b86;--detail-edge:#ff375b3d;--detail-surface:#16090d;--detail-media:#231017;--detail-haze:#f7194618;--detail-copy:#c5a0a8;--detail-strong:#f0d8dd}.archive-detail[data-project=hive]{--detail-accent:#c4f568;--detail-muted:#879c6c;--detail-edge:#c4f56830;--detail-surface:#0d100b;--detail-media:#141a10;--detail-haze:#a7df5c0b;--detail-copy:#a7b09b;--detail-strong:#d0d8c3}.archive-detail[data-slot=dialog-content][data-project=district],.archive-detail[data-slot=dialog-content][data-project=team-india],.archive-detail[data-slot=dialog-content][data-project=underworld-gang-wars],.archive-detail[data-slot=dialog-content][data-project=india-fashion-week],.archive-detail[data-slot=dialog-content][data-project=marketing],.archive-detail[data-slot=dialog-content][data-project=hive]{background:radial-gradient(ellipse at 75% 15%,var(--detail-haze),transparent 60%),var(--detail-surface)}.archive-detail .detail-intro [data-slot=dialog-description]{color:var(--detail-copy)}.archive-detail .detail-intro dd,.archive-detail .detail-collection>h2{color:var(--detail-strong)}.archive-detail .detail-media figcaption>span+span{color:color-mix(in srgb,var(--detail-muted) 68%,var(--detail-surface))}.archive-detail .detail-home:hover{color:var(--detail-accent)}.archive-detail[data-project=hive] .detail-topbar{background:var(--detail-surface);border-bottom-color:var(--detail-edge);color:var(--detail-muted)}.archive-detail[data-project=hive] .detail-topbar>.detail-close{color:var(--detail-accent)}.hive-gallery{background:radial-gradient(at 50% 48%,#151b10 0%,#0d100b 64%,#080908 100%)}.hive-intro .detail-title{color:#eceee6}.hive-intro .detail-kicker,.hive-intro dt{color:var(--detail-muted)}.hive-intro [data-slot=dialog-description]{color:var(--detail-copy)}.hive-intro dd{color:var(--detail-strong)}.hive-art{background:var(--detail-media)}.hive-art:focus-visible{outline-color:var(--detail-accent)!important}.hive-controls button{border-color:var(--detail-edge);color:var(--detail-muted);background:#0d100bd9}.hive-controls button:hover{color:var(--detail-accent);background:#202a19}.hive-controls button:focus-visible{outline-color:var(--detail-accent)}.hive-drag-help{color:var(--detail-muted)}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close{color:#f2f8e9;background:linear-gradient(135deg,#ffffff26,#ffffff08),#0d120dbd}.archive-detail[data-project=hive]:has(.hive-gallery[data-phase=explore]) .detail-topbar>.detail-close:hover{background:#26321fdd;border-color:#ffffff70}@media (any-hover:hover) and (any-pointer:fine){html:has(.archive-page){--portfolio-native-cursor:url(/cursor-lime.png) 7 6,auto;cursor:var(--portfolio-native-cursor)!important}:is(html:has(.archive-page) body,html:has(.archive-page) body *){cursor:var(--portfolio-native-cursor)!important}html:has(.archive-page) .enquiry-card :is(input,textarea){cursor:text!important}html:has(.archive-detail[data-project=district]){--portfolio-native-cursor:url(/cursor-purple.png) 7 6,auto}html:has(.archive-detail[data-project=team-india]){--portfolio-native-cursor:url(/cursor-blue.png) 7 6,auto}html:has(.archive-detail[data-project=underworld-gang-wars]){--portfolio-native-cursor:url(/cursor-orange.png) 7 6,auto}html:has(.archive-detail[data-project=india-fashion-week]){--portfolio-native-cursor:url(/cursor-pink.png) 7 6,auto}html:has(.archive-detail[data-project=marketing]){--portfolio-native-cursor:url(/cursor-red.png) 7 6,auto}html:has(.archive-detail[data-project=hive]){--portfolio-native-cursor:url(/cursor-lime.png) 7 6,auto}html:has(.archive-detail[data-project=hive][data-hive-cursor=blue]){--portfolio-native-cursor:url(/cursor-blue.png) 7 6,auto}html:has(.archive-detail[data-project=hive][data-hive-cursor=orange]){--portfolio-native-cursor:url(/cursor-orange.png) 7 6,auto}html:has(.archive-detail[data-project=hive][data-hive-cursor=pink]){--portfolio-native-cursor:url(/cursor-pink.png) 7 6,auto}html:has(.archive-detail[data-project=hive][data-hive-cursor=red]){--portfolio-native-cursor:url(/cursor-red.png) 7 6,auto}html:has(.archive-detail[data-project=hive][data-hive-cursor=purple]){--portfolio-native-cursor:url(/cursor-purple.png) 7 6,auto}}.music-stream-container{opacity:0;pointer-events:none;width:min(360px,100vw);height:166px;position:fixed;bottom:0;right:0;overflow:hidden}.music-stream{border:0;width:100%;height:166px}.music-help{color:#b8c4ac;background:#0b100bf2;border:1px solid #ffffff1c;border-radius:10px;margin:8px 0 0;padding:10px 12px;font:12px/1.5 Manrope,Arial,sans-serif}.music-help p{margin:0}.portfolio-music .music-enable{width:auto;min-height:36px;color:var(--music-accent);border:1px solid #ffffff26;margin-top:6px;padding:4px 10px;display:inline-flex}.music-permission{color:#e5e8df;background:#10150f;border-color:#ffffff26;gap:12px;max-height:calc(100dvh - 32px);font-family:Manrope,Arial,sans-serif;overflow-y:auto}.music-permission [data-slot=dialog-title]{padding-right:24px}.music-permission [data-slot=dialog-description],.music-permission-hint{color:#b8c4ac;font-size:12px;line-height:1.6}.music-permission-frame{width:100%;min-width:0;height:320px}.music-permission-frame>iframe{border:0;border-radius:10px;width:100%;height:320px;display:block}.music-permission-hint{margin:0}.music-permission-retry{color:#c4f568;background:#c4f56812;border:1px solid #c4f56855;border-radius:8px;min-height:44px;padding:10px 14px;font-size:12px}.music-permission button:focus-visible{outline:none;box-shadow:inset 0 -2px #c4f568}.portfolio-music{--music-accent:var(--detail-accent,#c4f568);z-index:65;color:#e5e8df;pointer-events:auto;width:304px;max-width:calc(100vw - 32px);font-family:Manrope,Arial,sans-serif;position:fixed;bottom:24px;right:24px}.music-dock{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:linear-gradient(135deg,#ffffff0b,#ffffff02),#0b100bea;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid;box-shadow:0 7px 24px #0005,inset 0 1px #ffffff0b}.music-heading{align-items:center;gap:7px;min-width:0;display:flex}.music-equaliser{width:12px;height:18px;color:var(--music-accent);opacity:.42;flex:0 0 12px;justify-content:center;align-items:center;gap:1.5px;display:flex}.music-equaliser i{transform-origin:50%;background:currentColor;border-radius:1px;width:1px;height:11px;display:block;transform:scaleY(.28)}.portfolio-music[data-playing=true] .music-equaliser i{animation:1.05s ease-in-out infinite music-equalise}.portfolio-music[data-playing=true] .music-equaliser i:nth-child(2){animation-delay:-.72s}.portfolio-music[data-playing=true] .music-equaliser i:nth-child(3){animation-delay:-.38s}.portfolio-music[data-playing=true] .music-equaliser i:nth-child(4){animation-delay:-.9s}@keyframes music-equalise{0%,to{transform:scaleY(.24)}45%{transform:scaleY(.82)}70%{transform:scaleY(.42)}}.portfolio-music button{color:#909c87;background:0 0;border-radius:7px;flex-shrink:0;place-items:center;width:27px;min-height:27px;padding:0;transition:color .18s,background .18s,opacity .18s;display:grid}.portfolio-music button:hover{color:var(--music-accent);background:#ffffff0a}.portfolio-music button:disabled{opacity:.35}.portfolio-music .music-play{color:#d9dfd2;background:#ffffff08;border:1px solid #ffffff1c;border-radius:50%;width:36px;min-height:36px}.portfolio-music[data-playing=true] .music-play{color:var(--music-accent);border-color:color-mix(in srgb,var(--music-accent) 28%,transparent);background:color-mix(in srgb,var(--music-accent) 8%,transparent)}.music-track{flex:1;min-width:0;line-height:1.4}.music-track>a,.music-track>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;display:block;overflow:hidden}.music-track>div{color:#7e8975;align-items:center;gap:6px;margin-top:2px;font-size:8px;display:flex}.music-track>div>a:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-credit{flex-shrink:0;align-items:center;gap:3px;display:flex}.music-track a:hover,.music-error a:hover{color:var(--music-accent)}.music-controls{align-items:center;display:flex}.music-transport{opacity:.58;gap:0;transition:opacity .18s;display:flex}.portfolio-music:is(:hover,:focus-within) .music-transport{opacity:1}.portfolio-music :is(button,a):focus-visible{box-shadow:inset 0 -2px 0 var(--music-accent);outline:none!important}.archive-detail:has(.portfolio-music){padding-bottom:130px!important;scale:none!important}@media (max-width:600px){.portfolio-music{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:min(304px,100vw - 32px)}.minimal-footer{bottom:94px}}@media (prefers-reduced-motion:reduce){.portfolio-music button,.music-transport{transition:none}.portfolio-music[data-playing=true] .music-equaliser i{animation:none;transform:scaleY(.5)}}