/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.lanyard-shell{z-index:200;isolation:isolate;pointer-events:none;touch-action:none;width:100vw;height:100svh;animation:lanyard-enter .9s cubic-bezier(.16,1,.3,1) both;position:fixed;inset:0;overflow:visible;transform:translateZ(0)}.lanyard-wrapper{transform-origin:50% 0;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .72s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.lanyard-shell.is-retracted .lanyard-wrapper{transform:translateY(-112%)}.lanyard-wrapper canvas{outline:0;display:block;width:100%!important;height:100%!important}@keyframes lanyard-enter{0%{opacity:0;transform:translateY(-4rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.lanyard-shell{width:100vw;height:100svh}.lanyard-shell .lanyard-wrapper{transform:translateY(-112%)}}@media (prefers-reduced-motion:reduce){.lanyard-shell{animation:none}}:root{--black:#050505;--white:#f5f5f0;--paper:#eeeeea;--ink:#0a0a0a;--muted:#a6a6a0;--line:#ffffff3d;--dark-line:#0a0a0a2e;--font-display:Arial,"Helvetica Neue","Microsoft YaHei UI",sans-serif;--font-body:"Segoe UI","Microsoft YaHei UI",sans-serif;--font-mono:"Cascadia Mono",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);--fast:.16s;--standard:.48s;--slow:.85s;--page:clamp(1.25rem,4vw,4.25rem)}*{box-sizing:border-box}body,html{background:var(--black);min-height:100%}html{color-scheme:dark}body{font-family:var(--font-body);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;overflow:hidden}a,button{color:inherit;font:inherit}button{background:0 0;border:0}a{text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--white);outline-offset:4px}::selection{color:#050505;background:#ff6433}.project-portfolio{--film-frame-width:clamp(22rem,38vw,42rem);background:var(--black);-webkit-user-select:none;user-select:none;width:100%;height:100svh;position:relative;overflow:hidden}.project-portfolio:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(at 50% 44%,#ffffff0e,#0000 48%);position:absolute;inset:0}.site-loader{z-index:100;background:var(--black);font-family:var(--font-mono);letter-spacing:.07em;justify-content:center;align-items:center;gap:1.1rem;font-size:.75rem;font-weight:600;transition:opacity linear,visibility linear;display:flex;position:fixed;inset:0}.site-loader i{background:#ffffff2e;width:7rem;height:2px;overflow:hidden}.site-loader i:after{background:var(--white);content:"";width:100%;height:100%;animation:loading-line .9s var(--ease) both;display:block}.site-loader.is-done{visibility:hidden;opacity:0;pointer-events:none}.project-portfolio:not(.is-intro-done) .interaction-hint,.project-portfolio:not(.is-intro-done) .project-footer,.project-portfolio:not(.is-intro-done) .project-header,.project-portfolio:not(.is-intro-done) .project-world{visibility:hidden}.project-footer,.project-header{right:var(--page);left:var(--page);z-index:110;font-family:var(--font-mono);letter-spacing:.045em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:clamp(.72rem,.75vw,.82rem);font-weight:600;display:grid;position:fixed}.project-header{top:clamp(1.5rem,4.6vh,3rem)}.project-header p{color:var(--muted);text-align:center;margin:0}.profile-trigger,.project-footer a,.project-footer button,.wordmark{cursor:pointer;width:max-content;padding:.25rem 0}.wordmark{justify-self:start}.profile-trigger,.project-footer a{justify-self:end}.profile-trigger:after,.project-footer a:after,.project-footer button:after,.wordmark:after{content:"";width:0;height:1px;transition:width var(--fast) ease;background:currentColor;margin-top:.22rem;display:block}.profile-trigger:hover:after,.project-footer a:hover:after,.project-footer button:hover:after,.wordmark:hover:after{width:100%}.project-world{perspective:1200px;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.project-portfolio.is-dragging .project-world{cursor:grabbing}.world-ceiling{z-index:0;background:radial-gradient(at 50% 100%,#ffffff0e,#0000 58%);position:absolute;inset:0 0 52%}.world-floor{z-index:0;opacity:.48;transform-origin:top;background-image:linear-gradient(#ffffff47 1px,#0000 0),linear-gradient(90deg,#ffffff47 1px,#0000 0);background-size:5.5rem 3.6rem;height:76%;position:absolute;bottom:-39%;left:-15%;right:-15%;transform:perspective(500px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 26% 100%);mask-image:linear-gradient(#0000,#000 26% 100%)}.world-label{z-index:2;color:#ffffff52;font-family:var(--font-mono);letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:600;position:absolute;top:12.5%;left:50%;transform:translate(-50%)}.project-orbit{z-index:5;position:absolute;inset:0;overflow:hidden}.project-orbit:after{z-index:9;background:linear-gradient(90deg,var(--black) 0,transparent 13%,transparent 87%,var(--black) 100%);content:"";inset:0}.project-orbit:after,.projector-beam{pointer-events:none;position:absolute}.projector-beam{z-index:1;filter:blur(8px);background:radial-gradient(#fff8da1a 0,#fff8da09 36%,#0000 70%);width:min(86vw,82rem);height:70vh;top:49%;left:50%;transform:translate(-50%,-50%)}.film-strip{z-index:5;width:calc(var(--film-frame-width) * var(--film-frame-count));contain:layout paint style;backface-visibility:hidden;transform:translate3d(var(--film-shift),-50%,0);will-change:transform;background:#11110f;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff29;padding:1.4rem 0;display:flex;position:absolute;top:49%;left:0;box-shadow:0 2.3rem 7rem #0000009e,inset 0 1px #ffffff0f,inset 0 -1px #ffffff0a}.film-strip:after,.film-strip:before{z-index:8;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 .4rem,#020202 .4rem 1.08rem,#0000 1.08rem 1.48rem);height:.88rem;position:absolute;left:0;right:0}.film-strip:before{top:.23rem;box-shadow:0 1px #ffffff14}.film-strip:after{bottom:.23rem;box-shadow:0 -1px #ffffff0f}.orbit-card{flex:0 0 var(--film-frame-width);aspect-ratio:1.55;opacity:.82;cursor:pointer;background:#151515;border-left:1px solid #000000e6;border-right:1px solid #fff3;border-radius:0;transition:opacity .18s;position:relative;overflow:hidden;transform:translateZ(0)}.orbit-card:before{z-index:6;opacity:1;content:"";pointer-events:none;background:#00000070;transition:opacity .18s;position:absolute;inset:0}.orbit-card.is-active{opacity:1}.orbit-card.is-active:before{opacity:0}.orbit-card:not(.is-active):hover{opacity:.95}.orbit-card:not(.is-active):hover:before{opacity:.18}.orbit-card:after{content:"";border:1px solid #ffffff21;inset:0}.orbit-card:after,.projector-gate{z-index:7;pointer-events:none;position:absolute}.projector-gate{width:var(--film-frame-width);aspect-ratio:1.55;animation:gate-focus .52s var(--ease) both;border:1px solid #fffae5b8;transition:opacity .12s;top:49%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b8,0 0 2.8rem #fff6d321,inset 0 0 2.8rem #fff6d314}.projector-gate i{border-style:solid;border-color:#fffae5e6;width:1.1rem;height:1.1rem;position:absolute}.projector-gate i:first-child{border-width:2px 0 0 2px;top:-.35rem;left:-.35rem}.projector-gate i:nth-child(2){border-width:2px 2px 0 0;top:-.35rem;right:-.35rem}.projector-gate i:nth-child(3){border-width:0 2px 2px 0;bottom:-.35rem;right:-.35rem}.projector-gate i:nth-child(4){border-width:0 0 2px 2px;bottom:-.35rem;left:-.35rem}.orbit-card__scrim{z-index:3;background:linear-gradient(#0000,#000000d6);position:absolute;inset:45% 0 0}.orbit-card__meta{z-index:4;font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;font-size:.72rem;font-style:normal;font-weight:600;display:flex;position:absolute;top:1.1rem;left:1.15rem;right:1.15rem}.orbit-card__meta i{font-style:normal}.orbit-card__title{z-index:4;text-align:left;gap:.15rem;display:grid;position:absolute;bottom:1.15rem;left:1.25rem;right:4rem;overflow:visible}.orbit-card__title small{font-size:clamp(.78rem,1vw,.95rem);font-weight:500;line-height:1.35}.orbit-card__title strong{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(1.9rem,3.4vw,3.65rem);font-weight:500;line-height:1}.orbit-card.is-active .orbit-card__title small{animation:frame-copy-in .46s var(--ease) 40ms both}.orbit-card.is-active .orbit-card__title strong{animation:frame-copy-in .62s var(--ease) 90ms both}.orbit-card__open{z-index:5;background:var(--white);width:2.25rem;height:2.25rem;color:var(--ink);opacity:0;transition:opacity var(--fast),transform .28s var(--ease);border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;bottom:1.15rem;right:1.15rem;transform:scale(.65)rotate(-35deg)}.orbit-card.is-active:hover .orbit-card__open{opacity:1;transform:scale(1)rotate(0)}.project-portfolio.is-dragging .orbit-card{cursor:grabbing}.project-portfolio.is-dragging .projector-gate{opacity:.78}.media-art{width:100%;min-height:34rem;color:var(--white);background:#181818;position:relative;overflow:hidden}.media-art--compact{height:100%;min-height:0}.media-art--compact .media-art__copy{display:none}.studio-cover{background:#162724;width:100%;height:100%;min-height:24rem;position:relative;overflow:hidden}.studio-cover--compact{min-height:0}.studio-cover img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:.6rem;width:90%;height:62%;position:absolute;top:14%;left:5%}.media-art:after,.media-art:before{content:"";pointer-events:none;position:absolute}.media-art:before{background:radial-gradient(circle at 50% 50%,var(--accent),transparent 38%);inset:0}@supports (color:color-mix(in lab,red,red)){.media-art:before{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 65%,transparent),transparent 38%)}}.media-art:before{opacity:.74}.media-art:after{aspect-ratio:1;width:42%;box-shadow:0 0 0 2.7rem var(--accent),0 0 0 5.4rem var(--accent);border:1px solid #ffffff9e;border-radius:50%;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.media-art:after{box-shadow:0 0 0 2.7rem color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 5.4rem color-mix(in srgb,var(--accent) 8%,transparent)}}.media-art:after{transform:translate(-50%,-50%)}.media-art__grid{opacity:.45;background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:3rem 3rem;position:absolute;inset:0}.media-art__mark{z-index:2;aspect-ratio:1;background:var(--accent);width:28%;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-art__mark span{font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(2.2rem,5vw,5.5rem);font-weight:600}.media-art__copy{z-index:3;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.72rem;font-weight:600;display:flex;position:absolute;inset:1.25rem}.media-art__copy strong{font-family:var(--font-display);letter-spacing:-.065em;text-transform:none;align-self:flex-end;margin:auto 0 0;font-size:clamp(2.2rem,5vw,5.8rem);font-weight:500;line-height:.85}.media-art__copy small{margin-left:auto}.media-art--frames:after{border-radius:0;transform:translate(-50%,-50%)rotate(45deg)}.media-art--frames .media-art__mark{border-radius:0;transform:translate(-50%,-50%)rotate(-8deg)}.media-art--frames .media-art__mark span{transform:rotate(8deg)}.media-art--matrix:before{background:conic-gradient(from 45deg at 50% 50%,transparent,var(--accent),transparent 40%,var(--accent),transparent 78%);filter:blur(24px)}.media-art--matrix:after{border-radius:12%;width:28%;transform:translate(-50%,-50%)rotate(45deg)}.media-art--orbit:before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2rem,var(--accent) 2.1rem 2.2rem)}@supports (color:color-mix(in lab,red,red)){.media-art--orbit:before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2rem,color-mix(in srgb,var(--accent) 34%,transparent) 2.1rem 2.2rem)}}.media-art--orbit:after{border-style:dashed;width:56%}.media-art--portal:before{background:linear-gradient(90deg,transparent 0 34%,var(--accent) 34% 66%,transparent 66%)}@supports (color:color-mix(in lab,red,red)){.media-art--portal:before{background:linear-gradient(90deg,transparent 0 34%,color-mix(in srgb,var(--accent) 72%,transparent) 34% 66%,transparent 66%)}}.media-art--portal:after{width:31%;height:62%;box-shadow:0 0 0 3rem var(--accent);border-radius:50% 50% 0 0}@supports (color:color-mix(in lab,red,red)){.media-art--portal:after{box-shadow:0 0 0 3rem color-mix(in srgb,var(--accent) 13%,transparent)}}.media-art--terrain:before{background:repeating-linear-gradient(165deg,transparent 0 2.8rem,var(--accent) 2.9rem 3rem)}@supports (color:color-mix(in lab,red,red)){.media-art--terrain:before{background:repeating-linear-gradient(165deg,transparent 0 2.8rem,color-mix(in srgb,var(--accent) 38%,transparent) 2.9rem 3rem)}}.media-art--terrain:after{border-radius:50%;width:58%;transform:translate(-50%,-50%)rotateX(66deg)}.media-art--topography:before{background:repeating-radial-gradient(ellipse at 50% 60%,transparent 0 1.4rem,var(--accent) 1.5rem 1.58rem)}@supports (color:color-mix(in lab,red,red)){.media-art--topography:before{background:repeating-radial-gradient(ellipse at 50% 60%,transparent 0 1.4rem,color-mix(in srgb,var(--accent) 34%,transparent) 1.5rem 1.58rem)}}.media-art--topography:after{border-radius:10%;width:28%;transform:translate(-50%,-50%)rotate(12deg)}.active-caption{z-index:18;width:min(70rem,calc(100% - 2 * var(--page)));pointer-events:none;grid-template-columns:auto minmax(18rem,32rem);align-items:start;gap:2rem;display:grid;position:absolute;bottom:16.5%;left:50%;transform:translate(-50%)}.active-caption span{color:#fff9;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.active-caption p{color:#ffffffbd;margin:0;font-size:clamp(.85rem,1vw,.98rem);line-height:1.65}.active-caption span{animation:caption-copy-in .44s var(--ease) both}.active-caption p{animation:caption-copy-in .56s var(--ease) 70ms both}.project-footer{bottom:clamp(1.5rem,4.6vh,3rem)}.project-footer button{justify-self:start}.project-footer button span{color:var(--muted)}.project-progress{color:var(--muted);align-items:center;gap:.8rem;display:flex}.project-progress>div{align-items:center;gap:.05rem;display:flex}.project-progress button{cursor:pointer;place-items:center;width:1.65rem;height:1.35rem;padding:0 .18rem;display:grid}.project-progress button:after{display:none}.project-progress i{width:100%;height:2px;transition:background var(--fast),transform .22s var(--ease);background:#ffffff42;display:block}.project-progress button.is-active{width:3rem}.project-progress button.is-active i{background:var(--white)}.project-progress button:hover i{background:#ffffffc7;transform:scaleY(2)}.project-progress button:focus-visible{outline-offset:1px;border-radius:.2rem}.interaction-hint{right:var(--page);z-index:19;color:#ffffff75;font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;align-items:center;gap:.7rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;bottom:12%}.interaction-hint i{font-size:1.1rem;font-style:normal}.detail-layer,.index-layer,.profile-layer{z-index:120;animation:layer-in .52s var(--ease) both;position:fixed;inset:0}.detail-layer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f5;overflow:hidden}.detail-card-stage{animation:detail-pop-in .48s var(--ease) both;position:absolute;inset:0;overflow:hidden}.detail-card-slot{opacity:.76;contain:layout paint;backface-visibility:hidden;width:calc(100% - clamp(9rem,12vw,14rem));height:calc(100% - clamp(2.5rem,5vw,5rem));transition:transform .56s var(--ease),opacity .32s ease;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.detail-card-slot--prev{z-index:1;transform:translate(calc(-150% - 1rem),-50%)scale(.985)}.detail-card-slot--current{z-index:3;opacity:1;transform:translate(-50%,-50%)}.detail-card-slot--next{z-index:2;transform:translate(calc(50% + 1rem),-50%)scale(.985)}.detail-card-stage:not(.is-sliding-next):not(.is-sliding-prev) .detail-card-slot--prev:hover{transform:translate(calc(.4rem - 150%),-50%)scale(.985)}.detail-card-stage:not(.is-sliding-next):not(.is-sliding-prev) .detail-card-slot--next:hover{transform:translate(calc(50% - .4rem),-50%)scale(.985)}.detail-card-stage.is-sliding-next .detail-card-slot--prev{z-index:1;opacity:0;transform:translate(calc(-250% - 2rem),-50%)scale(.96)}.detail-card-stage.is-sliding-next .detail-card-slot--current{z-index:2;opacity:.76;transform:translate(calc(-150% - 1rem),-50%)scale(.985)}.detail-card-stage.is-sliding-next .detail-card-slot--next,.detail-card-stage.is-sliding-prev .detail-card-slot--prev{z-index:4;opacity:1;transform:translate(-50%,-50%)scale(1)}.detail-card-stage.is-sliding-prev .detail-card-slot--current{z-index:2;opacity:.76;transform:translate(calc(50% + 1rem),-50%)scale(.985)}.detail-card-stage.is-sliding-prev .detail-card-slot--next{z-index:1;opacity:0;transform:translate(calc(150% + 2rem),-50%)scale(.96)}.detail-card-stage.is-rebasing .detail-card-slot{transition:none}.detail-panel{width:100%;height:100%;color:var(--ink);scrollbar-width:none;background:#fff;border:1px solid #0a0a0a1f;border-radius:1.2rem;grid-template-columns:minmax(18rem,.68fr) minmax(31rem,1.32fr);display:grid;position:relative;overflow:hidden auto;box-shadow:0 1.5rem 5rem #0000003d}.detail-panel::-webkit-scrollbar{width:0;height:0}.detail-panel.is-active:after{z-index:20;content:"";pointer-events:none;animation:detail-gradient-reveal .72s var(--ease) 35ms both;will-change:transform,opacity;background:linear-gradient(100deg,#fff 0 36%,#fffffff5 55%,#ffffff2e 82%,#0000);position:absolute;inset:0}.detail-panel--preview{pointer-events:none;background:#f4f4f1;display:block;overflow:hidden}.detail-preview{background:linear-gradient(128deg,var(--preview-accent) 0,#f4f4f1 48%,#fff 100%);flex-direction:column;width:100%;height:100%;padding:clamp(2rem,4vw,4rem);display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.detail-preview{background:linear-gradient(128deg,color-mix(in srgb,var(--preview-accent) 10%,#f4f4f1) 0,#f4f4f1 48%,#fff 100%)}}.detail-preview:after{content:"";background:linear-gradient(90deg,#0000,#ffffffad);position:absolute;inset:0}.detail-preview small,.detail-preview span{z-index:1;color:#676763;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600;position:relative}.detail-preview h2{z-index:1;max-width:40rem;font-family:var(--font-display);letter-spacing:-.075em;margin:auto 0 .8rem;font-size:clamp(3.2rem,7vw,8rem);font-weight:500;line-height:.84;position:relative}.detail-preview p{z-index:1;color:#676763;margin:0 0 auto;font-size:clamp(.95rem,1.3vw,1.2rem);position:relative}.detail-preview small{margin-top:auto}.detail-close{z-index:75;background:var(--ink);width:3rem;height:3rem;color:var(--white);cursor:pointer;transition:background var(--fast),transform var(--fast) var(--ease);border-radius:50%;place-items:center;font-size:0;display:grid;position:fixed;top:clamp(2.8rem,4vw,4rem);right:clamp(5rem,6vw,7rem)}.detail-close span{display:none}.detail-close:after,.detail-close:before{content:"";background:currentColor;width:1rem;height:1px;position:absolute}.detail-close:before{transform:rotate(45deg)}.detail-close:after{transform:rotate(-45deg)}.detail-close:hover{background:#2d2d2d;transform:scale(.94)}.detail-card-activate{z-index:8;color:var(--ink);cursor:pointer;border-radius:1.2rem;position:absolute;inset:0;overflow:hidden}.detail-card-activate span{font-family:var(--font-display);writing-mode:vertical-rl;align-items:center;gap:.8rem;font-size:1rem;font-weight:500;line-height:1;display:flex;position:absolute;top:1.4rem}.detail-card-activate span small{color:#777;font-family:var(--font-mono);letter-spacing:.06em;font-size:.6rem;font-weight:600}.detail-card-activate--prev span{right:1.1rem}.detail-card-activate--next span{left:1.1rem}.detail-card-activate:focus-visible{outline-offset:3px;outline:2px solid #fff}.detail-card-activate:disabled{cursor:default}.detail-mobile-nav{display:none}.detail-intro{border-right:1px solid var(--dark-line);flex-direction:column;justify-content:space-between;gap:3rem;height:calc(100svh - clamp(2.5rem,5vw,5rem));padding:clamp(2rem,4vw,4rem) clamp(2rem,4vw,4.5rem);display:flex;position:sticky;top:0}.detail-eyebrow{color:#666;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.76rem;font-weight:600}.detail-intro h1{font-family:var(--font-display);letter-spacing:-.07em;flex-wrap:wrap;gap:.08em .16em;margin:0;padding-bottom:.06em;font-size:clamp(3rem,5vw,6.6rem);font-weight:500;line-height:.9;display:flex}.detail-title-word{white-space:nowrap;margin:0 -.04em -.08em 0;padding:0 .04em .08em 0;overflow:hidden}.detail-title-word,.detail-title-word>span{display:inline-block}.detail-panel.is-active .detail-title-word>span{animation:detail-title-word-in .52s var(--ease) both;animation-delay:var(--word-delay)}.detail-intro h2{color:#5b5b57;margin:.9rem 0 0;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:500}.detail-summary{color:#3e3e3a;max-width:31rem;margin:2rem 0 0;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.8}.detail-panel.is-active .detail-eyebrow{animation:detail-copy-in .4s var(--ease) .11s both}.detail-panel.is-active .detail-intro h2{animation:detail-copy-in .44s var(--ease) .24s both}.detail-panel.is-active .detail-summary{animation:detail-copy-in .48s var(--ease) .29s both}.detail-data{border-top:1px solid var(--dark-line);grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.1rem;display:grid}.detail-panel.is-active .detail-data{animation:detail-copy-in .46s var(--ease) .33s both}.detail-data dl{margin:0}.detail-data dt,.detail-scope>span{color:#777;font-family:var(--font-mono);letter-spacing:.04em;font-size:.72rem;font-weight:600}.detail-data dd{margin:.35rem 0 0;font-size:.88rem;font-weight:600}.detail-scope{gap:.25rem;display:grid}.detail-panel.is-active .detail-scope,.detail-panel.is-active .rights-note{animation:detail-copy-in .46s var(--ease) .37s both}.detail-scope>span{margin-bottom:.4rem}.detail-scope p{margin:0;font-size:.88rem}.detail-scope p:before{content:"—";margin-right:.5rem}.rights-note{border-top:1px solid var(--dark-line);color:#6a5c56;margin:0;padding-top:1rem;font-size:.78rem;line-height:1.65}.detail-gallery{gap:2rem;padding:2rem;display:grid}.detail-panel.is-active .detail-gallery>*{animation:detail-media-in .56s var(--ease) both}.detail-panel.is-active .detail-gallery>:first-child{animation-delay:.15s}.detail-panel.is-active .detail-gallery>:nth-child(2){animation-delay:.22s}.detail-panel.is-active .detail-gallery>:nth-child(3){animation-delay:.29s}.detail-gallery>.media-art{border-radius:.7rem}.detail-gallery__pair{grid-template-columns:1fr 1fr;gap:2rem;min-height:28rem;display:grid}.detail-gallery__pair>*{border-radius:.7rem}.detail-placeholder{border:1px solid var(--dark-line);background:#d8d8d2;flex-direction:column;justify-content:space-between;min-height:28rem;padding:1.4rem;display:flex}.detail-placeholder small,.detail-placeholder span{color:#6b6b65;font-family:var(--font-mono);letter-spacing:.04em;font-size:.72rem;font-weight:600}.detail-placeholder strong{font-family:var(--font-display);letter-spacing:-.05em;align-self:center;margin:auto;font-size:clamp(2rem,3.5vw,4rem);font-weight:500}.detail-placeholder--wide{min-height:36rem;color:var(--white);background:#111}.detail-placeholder--wide small,.detail-placeholder--wide span{color:#aaa}.studio-case{--studio-ink:#162724;--studio-accent:#476f66;align-content:start;gap:0;min-width:0}.studio-case__hero{background:var(--studio-ink);color:#f5f8f6;border-radius:.7rem;padding:clamp(1.25rem,3vw,2.5rem);overflow:hidden}.studio-case .studio-case__eyebrow{color:var(--studio-accent);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 1.2rem;font-size:.8rem;font-weight:600}.studio-case__hero .studio-case__eyebrow{color:#b4d3c9}.studio-case h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 1.2rem;font-size:clamp(1.5rem,2.25vw,2.6rem);font-weight:500;line-height:1.3}.studio-case p{margin:0 0 1.5rem;font-size:1rem;line-height:1.85}.studio-case__hero>p:not(.studio-case__eyebrow){color:#cbdad5}.studio-screen{min-width:0;margin:1.5rem 0 0}.studio-screen img{border:1px solid #dbe2de;border-radius:.5rem;width:100%;height:auto;display:block}.studio-screen figcaption{color:#65716c;padding:.8rem 0 0;font-size:.875rem;line-height:1.7}.studio-case__hero .studio-screen figcaption{color:#b4c9c1}.studio-case__section{color:#263b34;border-bottom:1px solid #dce3df;padding:2.8rem 0}.studio-case__section>p:not(.studio-case__eyebrow){color:#4b5851}.studio-decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.75rem;display:grid}.studio-decisions article{border-top:2px solid #7c9e93;padding-top:1rem}.studio-decisions h3{margin:0 0 .6rem;font-size:1.125rem;font-weight:600}.studio-decisions p{color:#4b5851;margin:0}.studio-case p.studio-case__note{color:#65716c;border-left:2px solid #91afa4;margin:1.5rem 0 0;padding-left:1rem;font-size:.875rem;line-height:1.8}.studio-journey{counter-reset:studio-step;background:#eff4f1;border-radius:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.75rem 0 0;padding:1.5rem;list-style:none;display:grid}.studio-journey li{counter-increment:studio-step;padding-left:1.75rem;position:relative}.studio-journey li:before{content:counter(studio-step,decimal-leading-zero);color:var(--studio-accent);font-family:var(--font-mono);font-size:.8rem;position:absolute;top:.05rem;left:0}.studio-journey b{font-size:1rem;display:block}.studio-journey span{color:#65716c;margin-top:.35rem;font-size:.875rem;display:block}.studio-case__closing{border-bottom:0}.detail-panel.detail-panel--studio{display:block}.detail-panel--studio .detail-intro{border-bottom:0;border-right:0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:2rem 3rem;height:auto;min-height:0;display:grid;position:relative;top:auto}.detail-panel--studio .detail-intro>div:first-child{border-right:1px solid var(--dark-line);grid-row:span 2;align-self:stretch;padding-right:3rem}.detail-panel--studio .detail-data{border-top:0;padding-top:0}.studio-case--full{width:100%;max-width:76rem;margin-inline:auto}.studio-contents{border-bottom:1px solid #dce3df;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem 1rem;padding:1.8rem 0;display:grid}.studio-contents a{color:#345a4b;align-items:baseline;gap:.65rem;padding:.45rem .15rem;font-size:.9rem;text-decoration:none;display:flex}.studio-contents a:hover{color:#142c21;text-decoration:underline}.studio-contents a span{color:#758c80;font:.75rem var(--font-mono)}.studio-demo-link{color:#e3eee8;text-underline-offset:.3em}.studio-demo__heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.studio-demo__heading>a{color:#345a4b;text-underline-offset:.3em;font-size:.9rem}.studio-demo iframe{background:#f6f8f7;border:1px solid #cbd8d0;border-radius:.65rem;width:100%;height:780px;display:block}.studio-case__section{scroll-margin-top:1.5rem}.studio-source{color:#30473b;overflow-wrap:anywhere}.studio-source .cover,.studio-source .four,.studio-source .three,.studio-source .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.studio-source .three{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-source .cover{align-items:center}.studio-source .card{border-top:2px solid #89a798;padding:1.2rem 0}.studio-source .tag{color:#567263;font:.875rem var(--font-mono);margin-bottom:.8rem;display:block}.studio-source h3{margin:0 0 .75rem;font-size:1.15rem;line-height:1.5}.studio-source .mt{margin-top:1.75rem}.studio-source .card p:last-child{margin-bottom:0}.studio-source .meta,.studio-source .muted{color:#63776b;font-size:.9rem;line-height:1.8}.studio-source .quote,.studio-source .thesis{font-size:1.25rem}.studio-source img{border:1px solid #d7e1db;border-radius:.5rem;width:100%;height:auto;display:block}.studio-source .caption{color:#63776b;margin:.8rem 0 0;font-size:.875rem}.studio-source .gloss,.studio-source .ribbon{background:#edf3ef;border-left:2px solid #86a797;margin-top:1.5rem;padding:1.15rem 1.3rem;font-size:.95rem;line-height:1.8}.studio-source .map-center{border-bottom:1px solid #cedbd3;margin-bottom:1rem;padding:1rem 0;font-size:1.25rem;font-weight:600}.studio-source .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.studio-source .step{border-top:2px solid #89a798;padding-top:1rem}.studio-source .step>strong{color:#789687;font:1rem var(--font-mono);margin-bottom:.5rem;display:block}.studio-source .step p{margin:0;font-size:.95rem}.studio-source .legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem;font-size:.95rem;line-height:1.8;display:grid}.studio-source table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.9rem;line-height:1.8}.studio-source td,.studio-source th{text-align:left;vertical-align:top;border-bottom:1px solid #d5e0d8;padding:1rem .85rem}.studio-source thead{color:#264d39;background:#eaf1ec}.studio-source .decision{border-top:1px solid #d5e0d8;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;padding:1.5rem 0;display:grid}.studio-source .equation{margin-bottom:1rem;font-size:1.4rem}.studio-evidence{color:#667e70;margin-top:1.75rem;font-size:.875rem}.studio-evidence summary{cursor:pointer;width:fit-content;padding:.4rem 0}.studio-evidence p{margin:.7rem 0 0;font-size:.875rem}@media (max-width:760px){.detail-panel--studio .detail-intro{grid-template-columns:1fr;gap:1.8rem;padding:2.2rem 1.5rem}.detail-panel--studio .detail-intro>div:first-child{border-right:0;border-bottom:1px solid var(--dark-line);grid-row:auto;padding-bottom:1.8rem;padding-right:0}.studio-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.studio-source .cover,.studio-source .decision,.studio-source .four,.studio-source .legend,.studio-source .three,.studio-source .two{grid-template-columns:1fr}.studio-source .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-source table{table-layout:auto;display:block;overflow-x:auto}.studio-source td,.studio-source th{min-width:9rem;padding:.8rem}.studio-demo iframe{height:860px}}.studio-case__closing ul{gap:1rem;margin:0;padding-left:1.2rem;font-size:1rem;line-height:1.8;display:grid}@media (max-width:700px){.studio-cover img{width:92%;height:54%;top:18%;left:4%}.studio-decisions{grid-template-columns:1fr}.studio-case__section{padding:2rem 0}.studio-journey{column-gap:.8rem;padding:1rem}}@media (max-width:380px){.studio-journey{grid-template-columns:1fr}}.profile-layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;place-items:center;display:grid;overflow:hidden}.overlay-close{top:clamp(1.5rem,4.6vh,3rem);right:var(--page);z-index:4;font-family:var(--font-mono);cursor:pointer;border-bottom:1px solid;padding:.2rem 0;font-size:.76rem;font-weight:600;position:absolute}.profile-ring{z-index:1;aspect-ratio:1;width:min(60vw,48rem);animation:ring-enter .72s var(--ease) both;border:1px solid #ffffffad;border-radius:50%;position:absolute;box-shadow:0 0 0 1rem #ffffff0a,0 0 0 2.5rem #ffffff06,inset 0 0 8rem #ffffff0e}.profile-ring i,.profile-ring:after,.profile-ring:before{content:"";border-radius:50%;position:absolute}.profile-ring:before{border:1px dashed #ffffff45;inset:5%}.profile-ring:after{border:1px solid #ffffff24;inset:18%}.profile-ring i{aspect-ratio:1;background:#ff6433;width:1rem;box-shadow:0 0 1.5rem #ff6433}.profile-ring i:first-child{top:10%;left:23%}.profile-ring i:nth-child(2){background:#7e63ff;bottom:28%;right:8%;box-shadow:0 0 1.5rem #7e63ff}.profile-ring i:nth-child(3){background:#57d5b0;bottom:7%;left:38%;box-shadow:0 0 1.5rem #57d5b0}.profile-copy{z-index:2;text-align:center;width:min(36rem,76vw);position:relative}.profile-copy>p:first-child{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;margin:0 0 1.3rem;font-size:.76rem;font-weight:600}.profile-copy h1{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,5.4vw,6.6rem);font-weight:500;line-height:.9}.profile-copy h1+p{color:#c6c6c0;margin:2rem auto;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.75}.profile-copy>div{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.profile-copy>div span{border:1px solid var(--line);font-family:var(--font-mono);border-radius:999px;padding:.45rem .7rem;font-size:.72rem}.profile-copy a{font-family:var(--font-mono);border-bottom:1px solid;margin-top:1.8rem;padding-bottom:.2rem;font-size:.76rem;font-weight:600;display:inline-block}.index-layer{padding:clamp(1.5rem,4vw,4rem) var(--page);background:var(--paper);color:var(--ink);overflow:auto}.index-layer header{justify-content:space-between;align-items:flex-start;margin-bottom:clamp(3rem,8vw,8rem);display:flex}.index-layer header h1{font-family:var(--font-display);letter-spacing:-.085em;margin:0;font-size:clamp(4rem,10vw,11rem);font-weight:500;line-height:.78}.index-layer header button{font-family:var(--font-mono);cursor:pointer;border-bottom:1px solid;padding:.2rem 0;font-size:.76rem;font-weight:600}.index-list{border-top:1px solid var(--dark-line)}.index-list button{border-bottom:1px solid var(--dark-line);text-align:left;cursor:pointer;width:100%;transition:padding var(--standard) var(--ease),background var(--fast);grid-template-columns:4rem minmax(15rem,1.4fr) minmax(10rem,.6fr) 6rem 2rem;align-items:center;gap:1rem;padding:1.35rem 0;display:grid}.index-list button:hover{background:#dfdfda;padding-left:1rem;padding-right:1rem}.index-list button>span{color:#666;font-family:var(--font-mono);font-size:.74rem;font-weight:600}.index-list strong{font-family:var(--font-display);letter-spacing:-.045em;align-items:baseline;gap:1rem;font-size:clamp(1.5rem,2.8vw,3.2rem);font-weight:500;display:flex}.index-list strong small{color:#6d6d68;font-family:var(--font-body);letter-spacing:0;font-size:.85rem;font-weight:500}.index-list i{font-size:1.1rem;font-style:normal}.index-note{color:#686863;margin:3rem 0 0;font-size:.82rem}@keyframes loading-line{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes layer-in{0%{opacity:0}to{opacity:1}}@keyframes panel-rise{0%{opacity:0;transform:translateY(2rem)scale(.975)}to{opacity:1;transform:none}}@keyframes ring-enter{0%{opacity:0;transform:scale(.62)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes gate-focus{0%{opacity:.2;transform:translate(-50%,-50%)scale(1.035)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes frame-copy-in{0%{opacity:0;transform:translateY(115%)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes caption-copy-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes detail-pop-in{0%{opacity:0;transform:translateY(1.1rem)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes detail-gradient-reveal{0%{opacity:1;transform:translate(0)}68%{opacity:1}to{opacity:0;transform:translate(108%)}}@keyframes detail-title-word-in{0%{opacity:0;transform:translateY(108%)}to{opacity:1;transform:translateY(0)}}@keyframes detail-copy-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes detail-media-in{0%{opacity:0;transform:translateY(1rem)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.project-portfolio{--film-frame-width:min(68vw,39rem)}.project-header{grid-template-columns:1fr 1fr}.project-header p{display:none}.active-caption{grid-template-columns:1fr;gap:.45rem;bottom:17%}.active-caption p{max-width:36rem}.interaction-hint{display:none}.detail-panel{grid-template-columns:1fr}.detail-intro{border-right:0;border-bottom:1px solid var(--dark-line);height:auto;min-height:44rem;position:relative}.detail-gallery{padding:1.25rem}.index-list button{grid-template-columns:3.5rem 1fr 6rem 1.5rem}.index-list button>span:nth-of-type(2){display:none}}@media (max-width:620px){:root{--page:1.1rem}.project-portfolio{--film-frame-width:84vw}.project-footer,.project-header{font-size:.72rem}.project-header{top:1.25rem}.project-footer{grid-template-columns:1fr auto;bottom:1.25rem}.project-footer a{display:none}.project-progress{justify-self:end;gap:.25rem}.project-progress button{width:.78rem;padding:0 .12rem}.project-progress button.is-active{width:1.45rem}.world-label{text-align:center;width:100%;font-size:.68rem;top:10%}.film-strip,.projector-beam,.projector-gate{top:45%}.film-strip{padding:1.25rem 0}.orbit-card,.projector-gate{aspect-ratio:.82}.orbit-card__title strong{font-size:clamp(2rem,10vw,3.3rem)}.orbit-card__open{opacity:1;transform:none}.media-art__copy{font-size:.68rem}.media-art__copy strong{font-size:clamp(2.4rem,13vw,4.3rem)}.active-caption{width:calc(100% - 2.2rem);bottom:13.5%}.active-caption span{font-size:.68rem}.active-caption p{max-width:92%;font-size:.82rem;line-height:1.55}.detail-card-slot{width:92vw;height:calc(100% - 1.2rem)}.detail-panel{border-radius:.8rem;width:100%;height:100%}.detail-close{width:2.8rem;height:2.8rem;top:1.45rem;right:calc(4vw + .55rem)}.detail-card-activate span{font-size:.76rem;top:4.7rem}.detail-card-activate--prev span{right:.45rem}.detail-card-activate--next span{left:.45rem}.detail-card-activate span small{display:none}.detail-mobile-nav{right:calc(4vw + .6rem);bottom:max(1rem,env(safe-area-inset-bottom));z-index:76;pointer-events:none;justify-content:space-between;display:flex;position:fixed;left:calc(4vw + .6rem)}.detail-mobile-nav button{min-width:5.8rem;min-height:2.75rem;color:var(--ink);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;pointer-events:auto;transition:transform .15s var(--ease),opacity .15s ease,background .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f5f0f0;border:1px solid #05050529;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1rem;font-size:.68rem;font-weight:600;display:flex;box-shadow:0 .45rem 1.4rem #00000038}.detail-mobile-nav button:active{transform:scale(.95)}.detail-mobile-nav button:disabled{opacity:.42;cursor:default}.detail-intro{min-height:100svh;padding:5.5rem 1.4rem 2rem}.detail-intro h1{font-size:clamp(3.2rem,17vw,5.4rem)}.detail-data,.detail-gallery__pair{grid-template-columns:1fr}.detail-gallery>.media-art{min-height:26rem}.profile-ring{width:92vw}.profile-copy{width:84vw}.profile-copy h1{font-size:clamp(3rem,16vw,5rem)}.index-layer{padding-top:4.5rem}.index-layer header h1{font-size:clamp(4rem,19vw,7rem)}.index-list button{grid-template-columns:2.5rem 1fr 1.5rem;gap:.6rem;padding:1rem 0}.index-list button>span:nth-of-type(2),.index-list button>span:nth-of-type(3){display:none}.index-list strong{gap:.15rem;font-size:1.7rem;display:grid}.index-list strong small{font-size:.78rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.site-loader{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}