/* The owner's glass language, with a short procedural wake and real project loop. */
.pointer-ribbon { position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20; }
.pointer-ribbon[hidden] { display:none; }
[data-scene=orb] canvas { filter:none; }
.cycle-tabs { z-index:2; }
.cycle-canvas { z-index:1; }
.gallery-range { -webkit-appearance:none;appearance:none;cursor:grab;color:var(--ink);touch-action:none; }
.gallery-range:active { cursor:grabbing; }
.gallery-range::-webkit-slider-runnable-track { height:3px;border-radius:3px;background:var(--line); }
.gallery-range::-moz-range-track { height:3px;border-radius:3px;background:var(--line); }
.gallery-range::-webkit-slider-thumb { -webkit-appearance:none;width:26px;height:26px;margin-top:-11.5px;border-radius:8px;border:1px solid #ffffff9c;background:linear-gradient(90deg,transparent 25%,currentColor 25% 35%,transparent 35% 65%,currentColor 65% 75%,transparent 75%) center / 9px 10px no-repeat,color-mix(in srgb,var(--raised) 88%,transparent); }
.gallery-range::-moz-range-thumb { width:26px;height:26px;border-radius:8px;border:1px solid #ffffff9c;background:var(--raised); }
.gallery-range:focus-visible { outline:2px solid var(--ink);outline-offset:3px;border-radius:8px; }
.service-rows > a { z-index:2; }
[data-page=approach] .service-rows > a { min-height:360px; }
[data-page=approach] .service-rows > a > svg { position:absolute;right:0;top:30px; }
[data-page=approach] .service-rows p { max-width:calc(100% - 60px); }
[data-page=approach] .service-preview { width:180px;height:180px; }
.experience-projects { pointer-events:auto;z-index:4; }
.experience-eight,.experience-caption,.experience-resolution { pointer-events:none; }
.experience-project-track,.experience-project-set { display:flex;gap:24px;width:max-content; }
.experience-project-track { animation:project-stream var(--stream-duration,48s) linear infinite;animation-play-state:paused; }
.experience-projects.is-marquee-active.is-in-view:not(:hover):not(.is-page-hidden):not(.is-paused) .experience-project-track { animation-play-state:running; }
@keyframes project-stream { to { transform:translateX(calc(-1 * var(--stream-distance,0px))); } }
.experience-projects { mask-image:linear-gradient(to right,transparent,#000 3%,#000 96%,transparent); }
[data-page=about] .page-opening { grid-template-columns:1.25fr .75fr;align-items:center;min-height:90svh;position:relative; }
.about-opening-copy { position:relative;z-index:1;grid-column:1;grid-row:1; }
.about-opening-copy h1 { font-size:clamp(78px,10.5vw,180px); }
.about-opening-copy p { margin-top:32px;max-width:23em; }
[data-page=about] .page-opening .about-profile { width:min(42vw,570px);height:min(42vw,570px);justify-self:center;grid-column:2;grid-row:1; }
[data-page=about] .about-intro { grid-template-columns:1fr;max-width:980px;padding-top:50px; }
[data-page=about] .about-intro > p { font-size:clamp(28px,3.4vw,54px);line-height:1.32;letter-spacing:-.025em; }
[data-page=about] .about-summary { max-width:650px;margin:40px 0 80px auto; }
[data-page=about] .bio-tabs { margin-bottom:45px; }
.experience-stream-pause { position:absolute;right:0;bottom:24px;z-index:6;border:0;min-height:44px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(12px);color:var(--ink);font:inherit;font-size:13px; }
.experience-stream-pause[hidden] { display:none; }
.experience-projects:not(.is-marquee-active) { pointer-events:none; }
@media(max-width:1024px){[data-page=about] .page-opening{min-height:78svh}.about-opening-copy h1{font-size:10.5vw}[data-page=about] .page-opening .about-profile{width:38vw;height:38vw}}
@media(max-width:640px){[data-page=about] .page-opening{grid-template-columns:1fr;gap:28px;padding-bottom:40px;min-height:auto}.about-opening-copy h1{font-size:17vw}.about-opening-copy p{font-size:18px;margin-top:24px}[data-page=about] .page-opening .about-profile{grid-column:1;grid-row:2;width:70vw;height:70vw;margin:0 auto}[data-page=about] .about-intro > p{font-size:27px}[data-page=about] .about-summary{margin:30px 0 55px}.experience-stream-pause{right:15px;bottom:18px;font-size:12px}[data-page=approach] .service-rows > a{min-height:210px}[data-page=approach] .service-rows p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.pointer-ribbon{display:none}.experience-project-track{animation:none}.experience-stream-pause{display:none}}
[data-theme=dark] .gallery-enhanced .work-grid .work-card:nth-child(n) .work-caption,
[data-theme=dark] .gallery-enhanced .work-grid .work-card:nth-child(n)>p { color:var(--ink); }
[data-theme=dark] .gallery-enhanced .work-grid .work-card:nth-child(n) .work-caption>span { color:var(--muted); }