:root{color-scheme:dark;--bg:#101312;--text:#ecebe2;--muted:#a6aea4;--gold:#d5c096;--line:#343b34;--size:clamp(80px,8vw,138px);--height:calc(var(--size)*1.43)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;padding:8px 16px}button:disabled{cursor:default}button,input,select{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:4px}button:hover{border-color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-80px;left:12px;padding:10px;background:var(--text);color:var(--bg);z-index:50}.skip:focus{top:6px}.topbar{height:82px;padding:0 clamp(16px,4vw,64px);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#101312fa;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;letter-spacing:3px}.brand img{width:48px;height:32px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.topbar nav{display:flex;gap:28px;margin-left:auto;font-size:12px;color:var(--muted)}.topbar nav a:hover{color:var(--gold)}.language{margin-left:auto;width:130px;min-width:0;padding:6px 10px;background:var(--bg);font-size:12px}.topbar nav+.language{margin-left:12px}.shared-language:focus-visible{outline-color:var(--gold)}main{max-width:1800px;margin:auto}.showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:32px;padding:60px clamp(20px,4vw,64px) 48px;min-height:calc(100svh - 82px);background:radial-gradient(ellipse at 72% 60%,#30372b65,transparent 65%)}.hero-copy{padding-bottom:60px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 20px}h1{white-space:pre-line;font:400 clamp(32px,4.3vw,70px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;margin:0 0 25px;color:var(--gold)}.hero-description{max-width:260px;color:var(--muted);font-size:14px}.carousel{min-width:0}.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px}.carousel-heading h2{font-size:12px;font-weight:400;color:var(--muted);margin:0}.edition{font:10px/1.5 monospace;color:var(--gold);letter-spacing:2px}.carousel-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px;align-items:start;touch-action:pan-y}.project-option{min-width:0;display:block;padding:0 0 10px;border-radius:4px;--accent:#657c54}.theme-stone{--accent:#979288}.theme-rose{--accent:#a87379}.theme-violet{--accent:#8279a7}.cube-scene{display:block;position:relative;width:100%;height:calc(var(--height) + 40px);perspective:950px;margin-bottom:24px}.cube-scene:after{content:'';position:absolute;bottom:-4px;left:16%;width:68%;height:20px;background:radial-gradient(ellipse,#d6d3b31c,transparent 72%);border-top:1px solid #d6d3b30d;transform:scaleY(.65);pointer-events:none}.cube-spinner{position:absolute;left:calc(50% - var(--size)/2);top:10px;width:var(--size);height:var(--height);transform-style:preserve-3d;animation:cube-turn 42s linear infinite;transform:rotateX(-7deg) rotateY(-22deg)}.slot-1 .cube-spinner{animation-delay:-10.5s}.slot-2 .cube-spinner{animation-delay:-21s}.slot-3 .cube-spinner{animation-delay:-31.5s}.cube-face{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #dadfd43b;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:inset 0 0 22px #0002}.face-0{transform:translateZ(calc(var(--size)/2))}.face-1{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.face-2{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}.face-3{transform:rotateY(270deg) translateZ(calc(var(--size)/2))}.face-screenshot{background:linear-gradient(150deg,#252c27,#101310);color:var(--text)}.face-logo{background:rgb(245 247 238 / .78);color:#263026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.face-logo img{object-fit:contain;padding:14%}.face-screenshot img{object-fit:cover;object-position:top}.cube-face img{display:block;width:100%;height:100%}.asset-placeholder{display:flex;width:100%;height:100%;padding:12%;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.placeholder-name{font:400 clamp(10px,1vw,17px)/1.15 Georgia,serif;overflow-wrap:anywhere}.placeholder-label{font-size:8px;line-height:1.3;max-width:110px;opacity:.8}.wireframe{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.wireframe i{display:block;height:12px;background:var(--accent);opacity:.4}.wireframe i:first-child{grid-column:1/-1;height:30px;opacity:.6}.project-caption{display:grid;grid-template-columns:20px 1fr;gap:2px 5px;padding:0 6px}.project-number{grid-row:1/4;font:9px/1.7 monospace;color:var(--gold);padding-top:3px}.project-name{font-size:12px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.project-category{font-size:10px;color:var(--muted);line-height:1.4}.project-status{font-size:9px;color:var(--gold);margin-top:4px}.carousel-controls{display:flex;align-items:center;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding:16px 6px 0}.arrows{display:flex;gap:8px}.arrows button{font-size:21px;width:44px;padding:0}.position{font:10px/1.4 monospace;color:var(--muted);letter-spacing:2px}.carousel-controls #motion{margin-left:auto;font-size:10px;padding:6px 10px}.carousel-note{font-size:10px;color:var(--muted);padding:0 6px;margin:10px 0 0}.motion-paused .cube-spinner,.carousel:hover .cube-spinner,.carousel:focus-within .cube-spinner,.offscreen .cube-spinner,.page-hidden .cube-spinner{animation-play-state:paused}.directory-section,.about-section,.contact-section{margin:0 clamp(20px,4vw,64px);padding:60px 0;border-top:1px solid var(--line)}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:start}.section-intro h2{font:400 28px/1.2 Georgia,serif;margin:0 0 12px}.muted{color:var(--muted);font-size:12px;max-width:470px}.search-field{width:280px;max-width:100%}.search-field label{display:block;font-size:11px;margin-bottom:8px}.search-field input{width:100%;height:44px;padding:8px 12px}.search-field p{font-size:10px;color:var(--muted)}.directory{margin-top:25px}.directory-link{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.directory-link span:nth-child(2){color:var(--muted)}.directory-link>span:last-child{justify-self:end;color:var(--gold);font-size:11px}.about-section{max-width:900px}.about-section h2,.contact-section h2{font:400 clamp(26px,3vw,46px)/1.1 Georgia,serif;margin:0 0 24px}.about-section>p:last-child,.contact-section p{color:var(--muted);max-width:600px}.contact-section{padding-bottom:80px}.pending-chip{display:inline-block;border:1px solid var(--line);padding:10px 16px;font-size:12px;color:var(--gold)}footer{display:flex;gap:24px;justify-content:space-between;padding:25px clamp(20px,4vw,64px);border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--muted)}.pending-page{min-height:calc(100svh - 150px);padding:clamp(40px,10vw,140px) 24px;max-width:900px}.pending-page h2{font:400 25px/1.3 Georgia,serif}.pending-page p{max-width:640px}.domain{overflow-wrap:anywhere;color:var(--gold)}.button{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--line);padding:8px 15px;margin-top:25px}@keyframes cube-turn{from{transform:rotateX(-7deg) rotateY(-22deg)}to{transform:rotateX(-7deg) rotateY(338deg)}}
@media(max-width:1100px){.showcase{display:block;padding-top:36px;padding-bottom:28px;min-height:calc(100svh - 82px)}.hero-copy{padding-bottom:15px}.hero-copy h1{font-size:42px;white-space:normal;margin-bottom:10px}.hero-description{max-width:100%;margin:0}.eyebrow{margin-bottom:12px}.carousel{margin-top:26px}.carousel-stage{margin-top:22px}:root{--size:clamp(84px,11vw,118px)}}
@media(max-width:600px){:root{--size:72px;--height:94px}.topbar{height:64px;gap:10px;padding:0 16px}.topbar nav{display:none}.topbar nav+.language{margin-left:auto}.brand{font-size:10px;letter-spacing:2px;gap:8px}.brand img{width:38px;height:26px}.language{width:115px;font-size:11px;padding:6px}.showcase{padding:20px 16px;min-height:calc(100svh - 64px)}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:29px;line-height:1.1;letter-spacing:-.6px;margin-bottom:8px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.hero-description{font-size:11px;max-width:290px;line-height:1.4}.carousel{margin-top:16px}.carousel-heading h2{font-size:10px}.edition{font-size:8px;letter-spacing:1px}.carousel-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin-top:12px}.cube-scene{height:118px;margin-bottom:6px;perspective:600px}.cube-scene:after{bottom:-2px;height:10px}.project-option{padding-bottom:0}.project-caption{grid-template-columns:16px 1fr;gap:0 3px;padding:0}.project-name{font-size:11px;line-height:1.2}.project-category{font-size:9px;line-height:1.3}.project-status{font-size:8px;margin-top:2px}.project-number{font-size:8px;padding:0}.placeholder-name{font-size:10px}.placeholder-label{font-size:6px}.asset-placeholder{gap:6px}.wireframe i{height:7px}.wireframe i:first-child{height:19px}.carousel-controls{margin-top:14px;padding-top:10px;gap:10px}.carousel-controls #motion{font-size:9px}.carousel-note{font-size:9px;margin-top:7px}.section-intro{display:block}.search-field{width:100%;margin-top:25px}.directory-section,.about-section,.contact-section{margin:0 16px;padding:36px 0}.directory-link{grid-template-columns:1fr auto;gap:4px 16px;font-size:12px}.directory-link span:nth-child(2){grid-column:1;font-size:10px}.directory-link>span:last-child{grid-column:2;grid-row:1/3;font-size:10px}footer{padding:22px 16px;font-size:8px;gap:16px}.pending-page{padding:44px 20px}}
@media(max-width:600px) and (max-height:700px){:root{--size:58px;--height:76px}.showcase{padding-top:13px;padding-bottom:13px}.hero-copy h1{font-size:26px}.hero-description{display:none}.carousel{margin-top:12px}.cube-scene{height:94px}.carousel-stage{gap:9px 22px;margin-top:8px}.carousel-controls{margin-top:10px}.carousel-note{margin-top:5px}}
@media(max-height:500px) and (min-width:601px){:root{--size:55px;--height:72px}.topbar{height:56px}.showcase{padding:12px 20px;min-height:calc(100svh - 56px)}.hero-copy{padding:0}.hero-copy h1{font-size:25px;margin:0}.hero-copy .eyebrow,.hero-description{display:none}.carousel{margin-top:8px}.carousel-heading{display:none}.carousel-stage{margin-top:8px}.cube-scene{height:90px;margin-bottom:5px}.carousel-controls{margin-top:8px;padding-top:6px}.carousel-note{margin-top:4px}.project-status{margin-top:0}.project-name{font-size:11px}.project-category{font-size:9px}.placeholder-name{font-size:9px}.placeholder-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cube-spinner{animation:none;transform:rotateX(-7deg) rotateY(-18deg)}.slot-1 .cube-spinner,.slot-3 .cube-spinner{transform:rotateX(-7deg) rotateY(70deg)}}
@supports not (transform-style:preserve-3d){.cube-spinner{animation:none;transform:none}.cube-face{transform:none}.cube-face:not(.face-0){display:none}}

/* Reference-inspired camera field; reduced motion retains the four-slot static layout. */
.cube-reflection{position:absolute;left:calc(50% - var(--size)/2);top:calc(var(--height) + 13px);width:var(--size);height:calc(var(--height)*.48);pointer-events:none;overflow:hidden;opacity:.30;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent)}
.reflection-spinner{position:absolute;top:calc(var(--height)*-1);width:var(--size);height:var(--height);transform-style:preserve-3d;transform-origin:center bottom;animation:reflection-turn 8s linear infinite}
.reflection-face{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #dadfd43b;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.reflection-face img{display:block;width:100%;height:100%}
.cube-spinner{animation-duration:8s;transform:rotateY(-22deg)}
.slot-1 .cube-spinner,.slot-1 .reflection-spinner{animation-delay:-2s}.slot-2 .cube-spinner,.slot-2 .reflection-spinner{animation-delay:-4s}.slot-3 .cube-spinner,.slot-3 .reflection-spinner{animation-delay:-6s}
@keyframes cube-turn{from{transform:rotateY(-22deg)}to{transform:rotateY(338deg)}}
@keyframes reflection-turn{from{transform:scaleY(-1) rotateY(-22deg)}to{transform:scaleY(-1) rotateY(338deg)}}
.motion-paused .reflection-spinner,.carousel:hover .reflection-spinner,.carousel:focus-within .reflection-spinner,.offscreen .reflection-spinner,.page-hidden .reflection-spinner{animation-play-state:paused}
.orbital{--size:clamp(84px,9vw,150px);--height:calc(var(--size)*1.8)}
.orbital .carousel-stage{position:relative;display:block;height:clamp(330px,30vw,440px);margin-top:20px;isolation:isolate}
.orbital .project-option{position:absolute;left:50%;top:43%;width:calc(var(--size)*1.22);transform:translate(-50%,-50%);will-change:transform}
.orbital .cube-scene{height:calc(var(--height)*1.42);margin-bottom:0;perspective:1200px}
.orbital .cube-scene:after{display:none}
.orbital .project-caption{position:absolute;top:calc(var(--height) + 14px);left:0;right:0;text-shadow:0 1px 5px #000;background:linear-gradient(transparent,#101312dd);padding:7px 4px;border-radius:4px}
.orbital .project-number{display:none}.orbital .project-caption{grid-template-columns:1fr}.orbital .project-category{display:none}
.orbital .carousel-controls{margin-top:8px}
.orbital .face-logo{background:rgb(245 247 238 / .82)}
@media(max-width:1100px){.orbital{--size:clamp(90px,14vw,140px)}.orbital .carousel-stage{height:380px}}
@media(max-width:600px){.orbital{--size:clamp(58px,18vw,88px);--height:calc(var(--size)*1.8)}.orbital .carousel-stage{height:300px;margin-top:8px}.orbital .project-name{font-size:10px}.orbital .project-status{font-size:7px}.orbital .project-caption{top:calc(var(--height) + 12px)}.cube-reflection{display:none}.orbital .cube-reflection{display:block}}
@media(max-width:600px) and (max-height:700px){.orbital{--size:54px}.orbital .carousel-stage{height:248px}.orbital .project-name{font-size:9px}}
@media(max-height:500px) and (min-width:601px){.orbital{--size:56px}.orbital .carousel-stage{height:200px;margin-top:4px}.orbital .project-name{font-size:9px}.orbital .project-status{font-size:7px}}
@media(prefers-reduced-motion:reduce){.cube-reflection{display:none}.cube-spinner{animation:none}}

.orbital .carousel-stage{isolation:auto;transform-style:preserve-3d;transform:translateZ(0)}
.reflection-face.face-logo{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Framer Motion owns both transform timelines; CSS retains the static fallback. */
.orbital .cube-spinner,.orbital .reflection-spinner{animation:none}

/* Readability and stable interaction feedback from the UI/UX review. */
.carousel-controls #motion,.carousel-note{font-size:12px}.orbital .project-name{font-size:12px;line-height:1.25}.orbital .project-status{font-size:10px}.orbital .project-caption{background:#101312e8}.project-option:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.arrows button:active,#motion:active{background:#d5c09626}.project-option{cursor:pointer}

.orbital .project-option:focus-visible{translate:0 0 600px}