body.depth-preview-page{margin:0;background:#d7e0e1}.depth-homepage,.depth-homepage *,.depth-homepage *:before,.depth-homepage *:after{box-sizing:border-box}.depth-homepage{--depth-ui-font: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--depth-chrome-ink: #121212;--homepage-left-rail: clamp(30px, 8vw, 144px);--homepage-right-rail: calc(100vw - clamp(30px, 7vw, 120px) - min(28vw, 360px)) ;--right-rail-eyebrow-size: 9.35px;--right-rail-body-size: clamp(9.9px, .792vw, 11.55px);--right-rail-body-line-height: 1.35;min-height:calc(100svh + var(--depth-range));color:#121212;font-family:var(--depth-ui-font);font-size:9.84px;font-weight:400;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.depth-homepage[data-chrome-contrast=light]{--depth-chrome-ink: #D8DDDC}.depth-homepage .depth-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}.depth-homepage .depth-header,.depth-homepage .depth-frame-bottom{color:var(--depth-chrome-ink);transition:color .25s ease}.depth-homepage .depth-header{position:fixed;top:0;left:0;padding:18px;z-index:1000;display:flex;align-items:baseline;gap:24px;pointer-events:none;white-space:nowrap}.depth-homepage .depth-brand{display:flex;align-items:baseline;gap:6.6px;white-space:nowrap}.depth-homepage .depth-brand h1{margin:0;font:inherit;font-weight:600}.depth-homepage .depth-brand>span{font-weight:400;opacity:.84}.depth-homepage .depth-nav{display:flex;gap:24px;pointer-events:auto}.depth-homepage .depth-nav-button{appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.depth-homepage .depth-nav-link{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;text-transform:inherit}.depth-homepage .depth-nav-button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.depth-homepage .depth-nav-link:focus-visible{outline:1px solid currentColor;outline-offset:4px}.depth-homepage .depth-editorial{position:fixed;inset:0;z-index:80;color:var(--depth-theme, #2e2e2e);pointer-events:none}.depth-homepage[data-active-project=project-a] .depth-editorial{color:#173038}.depth-homepage .depth-project-identity{position:absolute;left:clamp(30px,8vw,144px);top:50%;display:grid;justify-items:start;gap:9px}.depth-homepage .depth-section-identity{position:absolute;left:var(--homepage-left-rail);top:50%;display:grid;justify-items:start;gap:9px}.depth-homepage .depth-section-label,.depth-homepage .depth-section-line{margin:0;font-size:clamp(9px,.78vw,11px)}.depth-homepage .depth-section-label{font-weight:600}.depth-homepage .depth-section-line{max-width:28ch}.depth-homepage[data-active-project=about] .depth-section-identity{gap:3px}.depth-homepage[data-active-project=about] .depth-section-identity-line--name{margin-top:9px;font-weight:600}.depth-homepage[data-active-project=about] .depth-section-identity-line--native{letter-spacing:.04em;text-transform:none}.depth-homepage[data-active-project=about] .depth-section-identity-line--creative{margin-top:12px;font-weight:600}.depth-homepage[data-active-project=about] .depth-section-identity-line--role{max-width:25ch;line-height:1.35}.depth-homepage[data-active-project=about] .depth-section-profile{position:absolute;top:50%;left:var(--homepage-right-rail);width:min(28vw,340px);display:grid;gap:clamp(12px,1.35vw,19px);transform:translateY(-50%)}.depth-homepage .depth-section-profile-group{display:grid;gap:4px}.depth-homepage .depth-section-profile-eyebrow,.depth-homepage .depth-section-profile-line{margin:0}.depth-homepage .depth-section-profile-eyebrow{font-size:var(--right-rail-eyebrow-size);opacity:.68}.depth-homepage .depth-section-profile-line{max-width:44ch;font-size:var(--right-rail-body-size);line-height:var(--right-rail-body-line-height);white-space:pre-line}.depth-homepage .depth-section-profile-inline-emphasis{font-weight:600}.depth-homepage .depth-section-profile-group--emphasis{margin-top:calc(clamp(12px,1.1vw,16px) - clamp(12px,1.35vw,19px))}.depth-homepage .depth-section-profile-group--emphasis .depth-section-profile-line{font-weight:600}.depth-homepage[data-active-project=contact] .depth-contact-identity{position:absolute;left:var(--homepage-left-rail);top:50%}.depth-homepage[data-active-project=contact] .depth-contact-list{position:absolute;top:50%;left:var(--homepage-right-rail);width:min(16.5vw,250px);margin:0;display:grid;gap:clamp(9px,1.05vw,15px);transform:translateY(-50%)}.depth-contact-iggy-annotation{position:fixed;left:var(--contact-media-left);top:var(--contact-media-top);width:var(--contact-media-width);height:var(--contact-media-height);z-index:80;color:#303634;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.2;text-transform:uppercase;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.depth-contact-iggy-annotation[data-visible=true]{opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s}.depth-contact-iggy-composition{position:absolute;inset:0;visibility:hidden}.depth-contact-iggy-composition[aria-hidden=false]{visibility:visible}.depth-contact-iggy-label{position:absolute;font-size:9px;font-weight:400;letter-spacing:.12em;white-space:nowrap;opacity:0}.depth-contact-iggy-label>span{display:block}.depth-contact-iggy-composition--intro .depth-contact-iggy-label{top:-34px;left:34%}.depth-contact-iggy-composition--breed .depth-contact-iggy-label{top:40%;right:calc(100% + 28px);line-height:1.35}.depth-contact-iggy-arrow{position:absolute;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.depth-contact-iggy-composition--intro .depth-contact-iggy-arrow{top:-20px;left:calc(34% + 54px);width:18px;height:18px}.depth-contact-iggy-composition--breed .depth-contact-iggy-arrow{top:calc(40% + 7px);left:-24px;width:20px;height:16px}.depth-contact-iggy-arrow-shaft,.depth-contact-iggy-arrowhead{opacity:0}.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-label{animation:contact-iggy-label-in .2s ease-out 40ms both}.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-arrow-shaft,.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-arrowhead{animation:contact-iggy-arrow-in .32s ease-out 80ms forwards}@keyframes contact-iggy-label-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes contact-iggy-arrow-in{to{opacity:1}}.depth-homepage .depth-contact-row{display:grid;align-content:start;gap:2px}.depth-homepage .depth-contact-row dt{margin:0;font-size:var(--right-rail-eyebrow-size);opacity:.66}.depth-homepage .depth-contact-row dd{margin:0}.depth-homepage .depth-contact-link,.depth-homepage .depth-contact-value{min-height:36px;display:inline-flex;align-items:center;color:inherit;font-size:var(--right-rail-body-size);line-height:var(--right-rail-body-line-height);letter-spacing:.045em;text-decoration:none;text-transform:none}.depth-homepage .depth-contact-link{gap:8px;pointer-events:auto;transition:opacity .18s ease}.depth-homepage .depth-contact-arrow{display:inline-block;transition:transform .18s ease}.depth-homepage .depth-contact-link:is(:hover,:focus-visible){opacity:.62}.depth-homepage .depth-contact-link:is(:hover,:focus-visible) .depth-contact-arrow{transform:translate(3px)}.depth-homepage .depth-contact-link:focus-visible{outline:1px solid currentColor;outline-offset:4px}.depth-homepage .depth-index{margin:0;font-size:9px}.depth-homepage .depth-project-title{margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;font-size:clamp(9px,.78vw,11px);letter-spacing:inherit;white-space:nowrap;pointer-events:auto}.depth-homepage .depth-project-title:focus-visible{outline:1px solid currentColor;outline-offset:5px}.depth-homepage .depth-sonic{display:block;width:48px;height:10px;color:currentColor;opacity:.88;overflow:visible}.depth-homepage .depth-sonic--reference-chip{width:18px;height:18px;opacity:1}.depth-homepage .depth-specs{position:absolute;top:50%;right:clamp(30px,7vw,120px);width:min(28vw,360px);margin:0;display:grid;gap:3px;line-height:1.15}.depth-homepage .depth-specs>div{display:grid;grid-template-columns:42px 1fr;gap:9.6px;align-items:baseline}.depth-homepage .depth-specs dt{margin:0;font-size:9px}.depth-homepage .depth-specs dd{margin:0;font-size:clamp(9px,.72vw,11px)}.depth-homepage .depth-frame-bottom{position:fixed;inset:auto 18px 18px;display:flex;justify-content:space-between;pointer-events:none;z-index:1000}.depth-homepage .depth-frame-bottom>:last-child{font-size:9.36px;font-weight:500;opacity:.78}.depth-homepage .depth-status{position:fixed;bottom:48px;left:18px;z-index:1001}@media(prefers-reduced-motion:reduce){.depth-homepage .depth-header,.depth-homepage .depth-frame-bottom,.depth-homepage .depth-contact-link,.depth-homepage .depth-contact-arrow{transition-duration:0s}.depth-contact-iggy-annotation[data-visible=true]{transition:none}.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-label{animation:none;opacity:1;transform:none}.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-arrow-shaft,.depth-contact-iggy-annotation[data-visible=true] .depth-contact-iggy-composition[aria-hidden=false] .depth-contact-iggy-arrowhead{animation:none;opacity:1}}.depth-homepage .depth-project-trigger{position:fixed;z-index:2;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.depth-homepage .depth-project-trigger:focus{outline:none}.depth-homepage .depth-project-trigger:focus-visible{outline:1px solid currentColor;outline-offset:5px}.depth-homepage[inert]{visibility:hidden}.depth-homepage[inert] .depth-canvas{visibility:visible}.depth-homepage[data-bridge-phase=detail] .depth-canvas{visibility:hidden}@media(min-width:53.001em){.depth-contact-iggy-composition--intro .depth-contact-iggy-label{left:calc(62% - 66px)}.depth-contact-iggy-composition--intro .depth-contact-iggy-arrow{left:calc(62% - 12px)}}@media(max-width:53em){.depth-homepage{--right-rail-eyebrow-size: 8.25px;--right-rail-body-size: 8.8px;--right-rail-body-line-height: 1.32}.depth-homepage[data-active-project=about] .depth-editorial[data-project-id=about]{inset:0;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.depth-homepage[data-active-project=contact] .depth-editorial[data-project-id=contact]{inset:0;padding:0}.depth-homepage[data-active-project=about] .depth-section-identity{position:absolute;top:auto;bottom:max(75px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));gap:2px}.depth-homepage[data-active-project=about] .depth-section-identity-line--name{margin-top:5px}.depth-homepage[data-active-project=about] .depth-section-identity-line--creative{margin-top:7px}.depth-homepage[data-active-project=about] .depth-section-profile{top:max(68px,env(safe-area-inset-top));left:auto;right:max(12px,env(safe-area-inset-right));width:min(82vw,320px);gap:7px;transform:none}.depth-homepage[data-active-project=about] .depth-section-profile-group{gap:2px}.depth-homepage[data-active-project=about] .depth-section-profile-group--emphasis{margin-top:5px}.depth-homepage[data-active-project=contact] .depth-contact-identity{top:auto;bottom:max(75px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}.depth-homepage[data-active-project=contact] .depth-contact-list{top:max(68px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:auto;width:min(calc(40vw - 24px),148px);gap:6px;transform:none}.depth-homepage .depth-contact-link,.depth-homepage .depth-contact-value{min-height:44px;overflow-wrap:anywhere}.depth-homepage .depth-contact-row:first-child .depth-contact-link{white-space:nowrap}.depth-homepage[data-active-project=punishing-gray-raven] .depth-editorial[data-project-id=punishing-gray-raven]{inset:auto 0 max(75px,env(safe-area-inset-bottom)) 0;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:start;column-gap:18px;row-gap:6.6px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.depth-homepage[data-active-project=punishing-gray-raven] .depth-project-identity{position:static;grid-column:1;grid-row:2;gap:6px}.depth-homepage[data-active-project=punishing-gray-raven] .depth-project-title{max-width:38vw;white-space:normal;font-size:10px}.depth-homepage[data-active-project=punishing-gray-raven] .depth-specs{position:static;grid-column:2;grid-row:2;width:auto;max-width:min(58vw,270px)}.depth-homepage[data-active-project=punishing-gray-raven] .depth-specs>div{grid-template-columns:33.6px 1fr;gap:7.2px}.depth-homepage[data-active-project=punishing-gray-raven] .depth-specs dd{font-size:9px}}@media(max-width:460px){.depth-homepage .depth-header{gap:8px;letter-spacing:.04em;font-size:9.4px}.depth-homepage .depth-nav{gap:8px}}@media(max-width:380px){.depth-homepage .depth-header{padding-inline:6px;gap:4px}.depth-homepage .depth-brand{letter-spacing:0}.depth-homepage .depth-nav{gap:6px}}@media(max-width:768px){.depth-homepage[data-active-project=night-of-the-full-moon] .depth-project-identity{left:30px;top:clamp(96px,18svh,150px)}.depth-homepage[data-active-project=night-of-the-full-moon] .depth-specs{left:30px;right:auto;top:calc(50% + 225px);width:min(330px,calc(100vw - 60px))}}.player-music-links{display:flex;flex-wrap:wrap;column-gap:22px;grid-area:spotify;position:relative;z-index:2}.player-music-links a:focus-visible{outline:1px solid currentColor;outline-offset:4px}.project-detail{font-family:Arial,Helvetica,sans-serif;font-synthesis:none}.project-detail,.project-detail *{box-sizing:border-box}.project-detail p{margin-top:0}#a-experience[hidden]{display:none}#a-back{position:fixed;z-index:70;border:0;cursor:pointer}.a-hero-slot{width:100%}.detail-hero-media{position:relative;width:100%;height:100%;overflow:hidden}.detail-hero-media>video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;transform:scale(1.04)}.depth-preview-page #a-experience,.depth-preview-page .arrival-stage{background:transparent}#a-experience{position:fixed;inset:0;z-index:40;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;background:#ededed;color:#171717;scrollbar-gutter:stable}#a-experience:focus{outline:none}.a-surface{position:fixed;inset:0;background:#ededed;z-index:-1}#a-back{top:.8svh;left:2vw;background:transparent;color:#171717;font:11px/1 monospace;letter-spacing:.06em;padding:0;mix-blend-mode:normal}#a-back:focus{outline:none}#a-back:focus-visible{outline:1px solid rgba(23,23,23,.56);outline-offset:4px}.detail-scene{position:relative;min-height:100svh;overflow:clip}.detail-stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}.detail-arrival{height:155svh}.arrival-stage{background:#ededed}.a-hero-slot{position:absolute;left:2vw;right:2vw;top:3svh;height:82svh;overflow:hidden;transform-origin:center;will-change:transform,clip-path}.arrival-copy{position:absolute;left:3vw;right:3vw;bottom:4svh;display:grid;grid-template-columns:minmax(330px,1fr) minmax(300px,34vw) auto;align-items:end;column-gap:clamp(24px,3vw,52px);z-index:3}.arrival-copy h2{font-size:clamp(52px,8.7vw,168px);line-height:.8;letter-spacing:-.065em;margin:0;transform:translateY(1.5svh)}.arrival-sonic{width:min(34vw,490px);padding-bottom:.2svh}.arrival-sonic>p{margin:0 0 7px;font:9px/1.2 monospace;letter-spacing:.07em;opacity:.46}.arrival-sonic>div{display:grid;gap:1px;font:clamp(10px,.92vw,13px)/1.45 monospace;letter-spacing:.025em}.arrival-sonic span{white-space:nowrap}.arrival-meta{display:grid;justify-items:end;gap:2px;font:10px/1.35 monospace;text-align:right;white-space:nowrap}.arrival-meta span:first-child{opacity:.54}.arrival-meta span:nth-child(3){opacity:.72}.detail-passage{height:210svh;background:#171717;color:#ededed}.passage-stage{background:#171717}.detail-media{position:absolute}.detail-media .media-object{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:#909090}.detail-media .media-object:before{content:"";position:absolute;inset:-8%;background:linear-gradient(135deg,#c9c9c9 0 35%,#696969 35% 66%,#aaa 66%);transform:translateY(var(--passage-inner-y,0)) scale(1.08)}.detail-media .media-object i{position:absolute;left:10%;right:10%;top:52%;height:1px;background:#eee}.detail-media em{display:block;margin-top:7px;font:9px monospace;font-style:normal}.passage-media-one{left:3vw;top:12svh;width:70vw;height:70svh}.passage-media-two{right:3vw;top:100svh;width:47vw;height:57svh;z-index:2;clip-path:inset(100% 0 0 0)}.passage-caption{position:absolute;right:3vw;top:16svh;font:10px/1.5 monospace;text-align:right}.detail-sound{height:160svh;background:#dedede}.sound-stage{background:#dedede}.sound-frame{position:absolute;left:3vw;top:14svh;width:58vw;height:62svh;background:#222;color:#eee;display:grid;place-items:center;overflow:hidden}.sound-frame strong{font-size:clamp(52px,12vw,210px);font-weight:500;letter-spacing:-.07em}.sound-orbit{position:absolute;width:52%;aspect-ratio:1;border:1px solid #aaa;border-radius:50%;transform:scale(.55)}.sound-info{position:absolute;right:3vw;bottom:18svh;width:31vw}.sound-info h3{font-size:clamp(30px,4vw,72px);line-height:.9;letter-spacing:-.05em;margin:0 0 20px}.sound-info p,.sound-info button{font:10px/1.5 monospace}.sound-info button{border:1px solid #222;background:transparent;padding:9px 12px;margin-top:18px}.player-study{background:#182126;color:#f1f1ed}.player-world{position:absolute;inset:0;background:#182126;overflow:hidden}.player-world:after{content:"";position:absolute;inset:0;background:#070b0d21;pointer-events:none}.project-player-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.player-ghost-toggle{position:absolute;left:50%;top:50%;z-index:3;width:96px;height:96px;padding:0;transform:translate(-50%,-50%);border:1px solid rgba(241,241,237,.2);border-radius:50%;background:transparent;color:#f1f1ed;opacity:.66;cursor:pointer;transition:opacity .34s ease,border-color .24s ease}.player-ghost-toggle:hover,.player-ghost-toggle:focus-visible{opacity:.82;border-color:#f1f1ed57}.player-ghost-toggle:focus-visible{outline:1px solid rgba(241,241,237,.72);outline-offset:4px}.player-ghost-toggle.is-auto-hidden{opacity:.05}.player-ghost-toggle.is-loading{opacity:.38}.player-ghost-toggle.is-error,.player-ghost-toggle:disabled{opacity:.16;cursor:default}.player-ghost-icon{position:relative;display:block;width:32px;height:32px;margin:auto}.player-ghost-toggle[data-state=play] .player-ghost-icon:before{content:"";position:absolute;left:11px;top:7px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor}.player-ghost-toggle[data-state=pause] .player-ghost-icon:before,.player-ghost-toggle[data-state=pause] .player-ghost-icon:after{content:"";position:absolute;top:7px;width:4px;height:18px;background:currentColor}.player-ghost-toggle[data-state=pause] .player-ghost-icon:before{left:9px}.player-ghost-toggle[data-state=pause] .player-ghost-icon:after{right:9px}.player-primary{position:absolute;left:3vw;top:18svh;width:min(39vw,620px);z-index:2;text-shadow:0 1px 14px rgba(0,0,0,.48)}.player-label,.player-track-type,.player-time,.player-track-list,.player-footer,.player-toggle,.player-spotify{font:9px/1.4 monospace;letter-spacing:.06em}.player-label{margin:0 0 16px;opacity:.68}.player-primary h3{max-width:7em;margin:0;font-size:clamp(52px,7vw,132px);font-weight:500;line-height:.78;letter-spacing:-.065em;text-transform:uppercase}.player-track-type{margin:17px 0 28px;opacity:.78}.player-toggle{display:block;margin:0 0 28px;padding:0;border:0;background:transparent;color:inherit;opacity:.9;text-align:left;cursor:pointer}.player-toggle:focus-visible{outline:1px solid rgba(241,241,237,.72);outline-offset:3px}.player-progress:focus-visible{outline:none}.player-progress{--player-progress:0%;display:block;width:100%;height:12px;margin:0;padding:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.player-progress::-webkit-slider-runnable-track{width:100%;height:1px;border:0;background:linear-gradient(to right,rgba(241,241,237,.82) 0 var(--player-progress),rgba(241,241,237,.28) var(--player-progress) 100%)}.player-progress::-webkit-slider-thumb{width:7px;height:7px;margin-top:-3px;border:0;border-radius:50%;-webkit-appearance:none;background:#f1f1ed;transition:width .14s ease,height .14s ease,margin-top .14s ease}.player-progress:hover::-webkit-slider-thumb,.player-progress:focus-visible::-webkit-slider-thumb{width:9px;height:9px;margin-top:-4px}.player-progress::-moz-range-track{width:100%;height:1px;border:0;background:#f1f1ed47}.player-progress::-moz-range-progress{height:1px;background:#f1f1edd1}.player-progress::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#f1f1ed;transition:width .14s ease,height .14s ease}.player-progress:hover::-moz-range-thumb,.player-progress:focus-visible::-moz-range-thumb{width:9px;height:9px}.player-time{display:flex;justify-content:space-between;margin-top:9px;opacity:.7}.player-spotify{display:inline-block;margin-top:25px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(241,241,237,.45);padding-bottom:2px}.player-track-list{position:absolute;right:3vw;top:18svh;z-index:2;width:min(25vw,390px);margin:0;padding:0;list-style:none;text-shadow:0 1px 12px rgba(0,0,0,.52)}.player-track{border-top:1px solid rgba(241,241,237,.28);transition:border-color .16s ease}.player-track:last-child{border-bottom:1px solid rgba(241,241,237,.28)}.player-track-button{display:grid;width:100%;grid-template-columns:34px 1fr;gap:12px;padding:10px 0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;opacity:.58;transition:opacity .16s ease}.player-track-button:hover{opacity:.84}.player-track.is-selected{border-top-color:#f1f1edb8}.player-track.is-selected .player-track-button{opacity:1}.player-track-button:focus-visible{outline:1px solid rgba(241,241,237,.72);outline-offset:3px}.player-track-button span{opacity:.55}.player-track.is-selected .player-track-button span{opacity:.9}.player-track-button strong{font:inherit;font-weight:400;text-transform:uppercase}.player-footer{position:absolute;left:3vw;right:3vw;bottom:4svh;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(241,241,237,.32);padding-top:12px;text-shadow:0 1px 12px rgba(0,0,0,.52)}.player-footer p{display:flex;gap:clamp(18px,3vw,54px);margin:0}.player-footer p span:first-child{font-weight:600}.waveform{position:absolute;left:3vw;right:3vw;bottom:5svh;height:6svh;display:flex;align-items:center;gap:clamp(3px,.5vw,9px)}.waveform i{flex:1;height:calc(12% + var(--bar) * 1%);max-height:100%;background:#222;transform:scaleY(.08);transform-origin:center}.detail-making{height:180svh;background:#ededed}.making-stage{background:#ededed}.making-large{left:3vw;top:13svh;width:62vw;height:66svh}.making-large .media-object:before{background:linear-gradient(32deg,#777 0 48%,#c8c8c8 48%)}.making-small{right:3vw;top:51svh;width:28vw;height:34svh;z-index:2}.making-small .media-object:before{background:radial-gradient(circle at 45% 48%,#ddd 0 22%,#555 23% 100%)}.making-copy{position:absolute;right:3vw;top:18svh;font-size:clamp(24px,3.3vw,64px);line-height:.92;letter-spacing:-.04em;text-align:right}@media(max-width:700px){.arrival-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title" "sonic meta";row-gap:9px}.arrival-copy h2{grid-area:title}.arrival-sonic{grid-area:sonic;width:auto}.arrival-sonic>div{font-size:9px}.arrival-sonic span{white-space:normal}.arrival-meta{grid-area:meta;white-space:normal}.passage-media-one{width:88vw}.passage-media-two{width:66vw}.sound-frame{width:78vw}.sound-info{width:50vw;bottom:10svh}.making-large{width:78vw}.making-small{width:42vw}}@media(max-width:900px)and (orientation:portrait){#a-back{top:max(12px,calc(env(safe-area-inset-top) + 8px))}.detail-sound{height:auto;min-height:100svh;overflow:visible}.project-player{--player-padding-inline: clamp(18px, 5vw, 28px);--player-padding-start: max( calc(env(safe-area-inset-top) + 52px) , clamp(58px, 7svh, 72px));--player-padding-end: max( calc(env(safe-area-inset-bottom) + 18px) , 24px);--player-title-size: clamp(38px, min(10.8vw, 6.4svh), 64px);--player-transport-gap: clamp(18px, 2.8svh, 24px);--player-section-gap: clamp(18px, 2.8svh, 24px);--player-track-row: 44px;--player-footer-gap: clamp(18px, 2.8svh, 24px);position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "title" "type" "transport" "toggle" "timeline" "time" "spotify" "tracks" "footer";width:100%;height:auto;min-height:100svh;padding:var(--player-padding-start) var(--player-padding-inline) var(--player-padding-end);overflow:hidden}.player-primary{display:contents}.player-label,.player-primary h3,.player-track-type,.player-toggle,.player-progress,.player-time,.player-spotify{position:relative;z-index:2}.player-label{grid-area:label;margin:0 0 8px}.player-primary h3{grid-area:title;width:100%;max-width:100%;margin:0;font-size:var(--player-title-size)}.player-track-type{grid-area:type;margin:10px 0 0}.player-ghost-toggle{grid-area:transport;position:relative;left:auto;top:auto;align-self:center;justify-self:center;margin:var(--player-transport-gap) 0;transform:none}.player-toggle{grid-area:toggle;display:flex;align-items:center;min-height:44px;margin:0 0 4px}.player-progress{grid-area:timeline;width:100%;touch-action:pan-y}.player-time{grid-area:time}.player-spotify{grid-area:spotify;display:flex;align-items:center;justify-self:start;min-height:44px;margin-top:4px}.player-track-list{grid-area:tracks;position:static;width:100%;margin:var(--player-section-gap) 0 0}.player-track{padding:0}.player-track-button{min-height:var(--player-track-row);padding:11px 0}.player-footer{grid-area:footer;position:static;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;width:100%;margin-top:var(--player-footer-gap);padding-top:12px}.player-footer p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 18px;width:100%}}
