:root{color:#f0f4e9;font-synthesis:none;--acid:#b9ff45;--ink:#080a08;--muted:#92998d;--line:#f0f4e933;background:#080a08;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:#080a08}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.landing,.experience-view{background:radial-gradient(circle at 50% 110%,#b9ff451f,#0000 35%),#080a08;min-height:100svh}.site-header,.detail-header,.detail-footer{justify-content:space-between;align-items:center;display:flex}.site-header{padding:24px clamp(22px,4vw,64px)}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:1rem;font-weight:700;display:inline-flex}.brand img{object-fit:contain;width:38px;height:38px}.header-note,.detail-count{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:700}.landing-intro{padding:clamp(42px,8vh,96px) clamp(22px,7vw,108px) 12px}.detail-title p{color:var(--acid);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:.69rem;font-weight:700}.landing-intro h1{letter-spacing:-.075em;max-width:850px;margin:0;font-size:clamp(3rem,8vw,7.7rem);font-weight:500;line-height:.86}.orb-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(24px,4vw,72px);padding:clamp(68px,10vh,120px) clamp(22px,5vw,76px) clamp(70px,9vh,104px);display:grid}.portfolio-orb{opacity:0;text-align:center;position:relative}.orb-button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:min(25vw,340px);margin:auto;padding:0;display:block;position:relative}.orb-image-wrap{background:0 0;border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb-image{object-fit:cover;filter:saturate(.82)contrast(1.05);width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s}.portfolio-orb--moderation .orb-image{object-position:58% 46%;transform:scale(1.05)}.orb-button:hover .orb-image{filter:saturate()contrast(1.08);transform:scale(1.075)}.portfolio-orb--moderation .orb-button:hover .orb-image{transform:scale(1.12)}.mini-icon{z-index:2;aspect-ratio:1;background:0 0;place-items:center;width:clamp(42px,4vw,62px);display:grid;position:absolute;bottom:7%}.mini-icon img{object-fit:contain;width:100%;height:100%}.mini-icon--1{left:-3%}.mini-icon--2{right:-3%}.portfolio-orb h2{white-space:pre-line;letter-spacing:-.045em;min-height:2.2em;margin:28px auto 0;font-size:clamp(1.15rem,2vw,2rem);font-weight:500;line-height:1.05}.detail-footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 clamp(22px,4vw,64px);padding:20px 0 28px;font-size:.65rem;font-weight:700}.experience-view{outline:none;grid-template-rows:auto auto 1fr auto;min-height:100svh;display:grid;overflow:hidden}.detail-header{border-bottom:1px solid var(--line);padding:20px clamp(20px,4vw,62px)}.back-button{color:#d9ded3;text-align:left;cursor:pointer;background:0 0;border:0;min-width:110px;padding:10px 0}.back-button span{color:var(--acid);margin-right:8px;transition:transform .2s;display:inline-block}.back-button:hover span{transform:translate(-4px)}.detail-title{justify-content:space-between;align-items:end;gap:24px;padding:clamp(30px,5vh,56px) clamp(22px,7vw,110px) 24px;display:flex}.detail-title h1{letter-spacing:-.065em;text-align:right;max-width:900px;margin:0;font-size:clamp(2.3rem,5vw,5.4rem);font-weight:500;line-height:.92}.experience-stage{grid-template-columns:100px minmax(0,1fr);gap:clamp(20px,5vw,72px);min-height:0;padding:12px clamp(22px,7vw,110px) clamp(24px,4vh,48px);display:grid}.experience-dots{flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.4vh,16px);display:flex}.experience-dots button{cursor:pointer;background:0 0;border:1px solid #f0f4e942;border-radius:50%;place-items:center;width:clamp(36px,5vh,48px);height:clamp(36px,5vh,48px);padding:0;transition:border-color .22s,transform .22s;display:grid;overflow:hidden}.experience-dots button span{background:#d8ddd2;border-radius:50%;width:6px;height:6px;transition:transform .22s,background .22s}.experience-dots button img{object-fit:contain;width:100%;height:100%}.experience-dots button:has(img){border-color:#0000}.experience-dots button:hover{border-color:#f0f4e98c}.experience-dots button:hover:has(img){border-color:#0000}.experience-dots button.is-active{border-color:#f0f4e9ad;transform:scale(1.1)}.experience-dots button.is-active:has(img){border-color:#0000}.experience-dots button.is-active span{background:#f0f4e9;transform:scale(1.5)}.experience-dots button:focus-visible{outline-color:#f0f4e9}.media-placeholder{background:linear-gradient(135deg,#ffffff0b,#b9ff4509);border:1px solid #f0f4e938;border-radius:2px;align-content:center;place-items:center;min-height:min(410px,52vh);display:grid;position:relative;overflow:hidden}.media-placeholder:before{content:"";border:1px solid #f0f4e914;position:absolute;inset:18px}.media-placeholder--filled{background:#050505;justify-self:center;width:100%;min-height:0}.media-placeholder--filled:before{display:none}.experience-media{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.media-link{z-index:2;color:#f0f4e9;letter-spacing:.12em;text-transform:uppercase;background:#080a08c2;border-radius:999px;padding:9px 12px;font-size:.65rem;font-weight:700;text-decoration:none;position:absolute;top:16px;left:16px}.gallery-arrow{z-index:2;color:#f0f4e9;cursor:pointer;background:#080a08c2;border:0;border-radius:50%;width:48px;height:48px;font-size:1.4rem;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow--previous{left:16px}.gallery-arrow--next{right:16px}.gallery-arrow:disabled{opacity:.25;cursor:default}.media-number{color:#f0f4e93d;letter-spacing:-.08em;font-size:clamp(3rem,7vw,7rem);font-weight:700;position:absolute;top:30px;right:34px}.media-empty-icon{border:1px solid var(--acid);width:58px;height:44px;margin-bottom:24px;position:relative}.media-empty-icon span:first-child{border:1px solid var(--acid);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.media-empty-icon span:last-child{border-left:1px solid var(--acid);border-bottom:1px solid var(--acid);height:18px;position:absolute;bottom:8px;left:8px;right:8px;transform:skewY(-28deg)}.media-placeholder p{letter-spacing:-.055em;text-transform:lowercase;margin:0 0 8px;font-size:clamp(1.5rem,3vw,3.2rem);font-weight:500}.media-placeholder small{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;font-weight:700}@media (width<=760px){.header-note{display:none}.landing-intro{padding-top:54px}.orb-grid{grid-template-columns:1fr;gap:76px}.orb-button{width:min(76vw,340px)}.portfolio-orb h2{min-height:auto}.detail-count,.detail-header .brand span{display:none}.detail-title{padding-top:28px;display:block}.detail-title h1{text-align:left}.experience-stage{grid-template-columns:54px minmax(0,1fr);gap:16px;padding:8px 18px 22px}.experience-dots{gap:10px}.experience-dots button{width:38px;height:38px}.detail-footer{margin-inline:18px}.detail-footer span:first-child{font-size:0}.detail-footer span:first-child:after{content:"Swipe · arrows";font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}