/* Stage A: original spatial composition. No motion/parallax implementation. */
:root{--bg:#080d16;--panel:#132035;--text:#f0f5fa;--muted:#b4c3d4;--accent:#cbfc84;--on-accent:#172312;--cyan:#91e6e8;--scene-ink:#152232;--scene-glass:#13243970;--frame:#b4e5f547;--shadow-scene:0 35px 70px #0005;--sculpture-cyan:#44d9d6;--sculpture-violet:#8c64f1}
:root[data-theme=light]{--bg:#e8eef1;--panel:#f4f8fa;--text:#162b35;--muted:#3b5564;--accent:#c5f879;--on-accent:#23351b;--cyan:#145a68;--scene-ink:#173944;--scene-glass:#f4fbfc65;--frame:#ffffffbd;--shadow-scene:0 30px 65px #36586c22;--sculpture-cyan:#35c8c4;--sculpture-violet:#a493ee}
html{scrollbar-color:var(--cyan) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--cyan);border:3px solid var(--bg);border-radius:12px}
body{font-family:'Segoe UI',Arial,sans-serif}.shell{width:min(1600px,calc(100% - 96px))}.preview-note{display:flex;justify-content:space-between;gap:15px;padding:9px 48px;background:var(--accent);color:var(--on-accent);font-size:11px;line-height:1.5}.preview-note a{text-decoration:underline;text-underline-offset:3px}
.ambient{height:100vh;background:radial-gradient(ellipse at 80% 20%,#6d4a9e18,transparent 55%),radial-gradient(ellipse at 0 75%,#286c7840,transparent 50%)}.ambient:before,.ambient:after{display:none}.world-halo{position:absolute;width:95vw;height:95vw;right:-50vw;top:8vh;border:1px solid #80d9e24d;border-radius:50%;box-shadow:0 0 0 6vw #80d9e207,0 0 0 12vw #80d9e205}.world-ribbon{position:absolute;width:110vw;height:20vw;left:-30vw;top:67vh;transform:rotate(-34deg);border-radius:50%;border:3vw solid #75bbca26}.world-disc{position:absolute;width:48vw;height:48vw;border-radius:50%;right:-20vw;bottom:-25vw;background:radial-gradient(circle at 30% 20%,#987ce83b,transparent 65%)}
.topbar{margin-top:0;padding:23px 0;border-radius:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--frame)}.brand img{width:106px}.brand>span{font-size:11px}.header-nav a{font-size:12px}.theme{border-radius:30px;font-size:11px;min-height:42px}.header-nav a:first-child{background:none}.hero{display:block;position:relative;padding:40px 0 35px;min-height:630px;isolation:isolate}.hero-intro{display:flex;justify-content:space-between;align-items:start}.hero-intro>p:last-child{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero h1{position:relative;z-index:2;font-size:clamp(62px,7.9vw,124px);font-weight:450;line-height:.98;letter-spacing:-.065em;max-width:1100px;margin:45px 0 80px;text-wrap:initial;pointer-events:none}.hero h1 em{color:var(--accent);font-weight:350}:root[data-theme=light] .hero h1 em{color:#247b82}.hero-bottom{display:flex;gap:24px;align-items:center;position:relative;z-index:2}.hero-bottom>p{font-size:12px;color:var(--muted);margin:0 0 0 auto;max-width:330px}.hero-note{margin:0;font-size:11px;max-width:95px}.primary{border-radius:40px;padding-left:23px;font-size:12px;gap:25px}.primary>span{border-radius:50%;background:#0000000b}.hero-sculpture{position:absolute;width:520px;height:430px;right:2%;top:90px;z-index:1;pointer-events:none}.sculpture-ring{position:absolute;width:410px;height:290px;border-radius:50%;border:46px solid transparent;background:linear-gradient(120deg,#d7ffff,var(--sculpture-cyan) 35%,#127581 65%,#c0ffff) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;transform:rotate(-34deg);right:8px;top:28px;filter:drop-shadow(15px 35px 25px #0005)}.sculpture-core{position:absolute;width:190px;height:190px;border-radius:50%;right:170px;top:155px;background:radial-gradient(circle at 28% 25%,#eee7ff,var(--sculpture-violet) 40%,#352b80 85%);box-shadow:15px 30px 65px #0004}.sculpture-glass{position:absolute;width:340px;height:220px;right:0;top:160px;border-radius:24px;transform:rotate(-12deg);background:linear-gradient(115deg,#ffffff30,#ffffff02 40%,#83cfea12);backdrop-filter:blur(7px);box-shadow:inset 1px 2px 1px #fff9,inset -1px -1px 0 #8eeeff44,15px 30px 60px #0002}.hero-sculpture>span{position:absolute;right:45px;top:267px;transform:rotate(-12deg);font-size:13px;letter-spacing:.45em;color:#e7ffff}
.workspace{display:block;padding-top:35px;border-top:1px solid var(--frame)}.sidebar{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.sidebar-heading,.sidebar-note,.nav-divider{display:none}.directions{flex-direction:row;flex-wrap:wrap;gap:7px}.directions button{font-size:11px;min-height:38px;padding:7px 13px;border-radius:30px;background:var(--soft);gap:12px}.directions b{font-size:10px}.solid-control{margin:0;min-height:38px;font-size:10px}.catalog-heading{margin:0 0 20px}.catalog-heading h2{font-size:38px;font-weight:450;letter-spacing:-.04em}.catalog-heading .eyebrow{display:none}.controls{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;margin-bottom:15px}.search-box{flex:1;max-width:540px;background:var(--scene-glass);border-color:var(--frame);border-radius:30px;min-height:48px}.search-box input{font-size:13px}.control-row{gap:22px}select{border-color:var(--frame);background:var(--scene-glass);border-radius:25px}.view-switch{border-radius:30px}.view-switch button{border-radius:25px}.date-explanation{font-size:10px;max-width:800px;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;align-items:stretch;grid-auto-flow:row}.card,.card:hover,.card:has(.featured){grid-column:span 6;min-height:510px;border-radius:22px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;position:relative;isolation:isolate}.card[data-slot="0"]{grid-column:span 8}.card[data-slot="1"]{grid-column:span 4}.card[data-slot="2"]{grid-column:span 5}.card[data-slot="3"]{grid-column:span 7}.card:before{display:none!important}.project-art{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(ellipse at 70% 10%,#72dfe82e,transparent 60%),linear-gradient(145deg,#17344488,#121b3633);box-shadow:inset 0 1px 0 var(--frame)}:root[data-theme=light] .project-art{background:radial-gradient(ellipse at 75% 10%,#73ddda7a,transparent 65%),linear-gradient(140deg,#cfdee8a8,#dedafc3d)}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff0f,transparent 25%,transparent 70%,#ffffff07);border-radius:inherit;box-shadow:inset 1px 1px 0 var(--frame),inset -1px -1px 0 #c2e8ff15}.project-art i{position:absolute;display:block}.art-mark{position:absolute;right:24px;bottom:13px;font-size:130px;font-weight:250;line-height:1;color:#cceaff12;letter-spacing:-.08em}:root[data-theme=light] .art-mark{color:#234a5b12}
.form-a{width:220px;height:220px;right:9%;top:35px;background:radial-gradient(circle at 25% 20%,#eeffff,#48c5d3 30%,#163865 85%);border-radius:50%;box-shadow:15px 25px 50px #0003}.form-b{width:240px;height:135px;right:15%;top:95px;transform:rotate(-30deg);border:19px solid #ceffff7a;border-radius:50%;box-shadow:inset 2px 2px 8px #ffffff80,3px 8px 10px #0002}.form-c{width:150px;height:200px;right:6%;top:75px;transform:rotate(22deg);border-radius:15px;background:linear-gradient(110deg,#ffffff32,#ffffff03);backdrop-filter:blur(5px);box-shadow:inset 1px 1px 0 #fff9,inset -1px -1px 0 #fff3,0 15px 25px #0002}
.art-1{--sculpture-cyan:#aeed7a}.art-1 .form-a{border-radius:12px;width:105px;height:210px;transform:rotate(24deg);background:linear-gradient(100deg,#e6ffca,#9ace61 48%,#1c634e);right:34%;top:30px}.art-1 .form-b{width:105px;height:185px;border-radius:12px;border:0;background:linear-gradient(100deg,#d2fcdf,#60ad87,#23566a);transform:rotate(24deg);right:13%;top:60px}.art-1 .form-c{width:130px;right:45%;top:50px;transform:rotate(24deg)}
.art-2 .form-a{width:240px;height:135px;border-radius:90px;background:linear-gradient(110deg,#f6c4ff,#a47ae4 45%,#3e367a);transform:rotate(-25deg)}.art-2 .form-b{top:120px;border-color:#c4b0ff75}.art-2 .form-c{right:20%;top:50px;transform:rotate(-12deg)}
.art-3 .form-a{width:260px;height:190px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#baf5f4 0 2px,#297e9640 3px 14px);transform:rotate(-20deg);right:15%}.art-3 .form-b{width:200px;height:125px;right:20%;top:80px;border-width:2px}.art-3 .form-c{width:260px;height:150px;right:8%;top:90px;transform:rotate(-15deg)}
.art-4 .form-a{width:250px;height:250px;background:radial-gradient(circle at 35% 25%,#edf5fd,#7898be 40%,#223b58);border-radius:20%;transform:rotate(32deg);top:10px}.art-4 .form-b{width:230px;height:230px;top:25px;border-width:1px;transform:rotate(32deg);border-radius:20%}.art-4 .form-c{transform:rotate(32deg)}
.art-5 .form-a{width:230px;height:230px;border:25px solid #9cdfd7;border-radius:50%;background:none;transform:rotate(-30deg);box-shadow:inset 5px 4px 10px #d0ffffbb,8px 10px 25px #0004}.art-5 .form-b{width:160px;height:160px;right:16%;top:65px;border-width:8px;transform:rotate(30deg)}
.project{position:relative;z-index:1;display:flex;flex-direction:column;align-items:start;justify-content:end;padding:270px 30px 25px;min-height:510px;border-radius:inherit;background:none!important}.project:before{content:'';position:absolute;inset:245px 0 0;z-index:-1;border-radius:0 0 22px 22px;background:linear-gradient(180deg,transparent,var(--scene-glass) 25%);backdrop-filter:blur(9px);mask-image:linear-gradient(transparent,#000 25%)}.project .tag{font-size:9px;line-height:1.5;min-height:0;margin-bottom:12px;padding-right:20px;letter-spacing:.09em;text-transform:uppercase}.project h2{font-size:clamp(25px,2.5vw,38px);font-weight:450;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px;max-width:620px}.project .publication{font-size:10px;margin:0 0 13px}.project p{font-size:12px;line-height:1.65;margin-bottom:15px;max-width:480px}.access-note{font-size:10px;margin:0 0 15px}.project .open{font-size:11px;min-height:35px;margin-top:auto;gap:20px}.project .lock{font-size:9px}.favorite{z-index:3;top:17px;right:17px;border-radius:50%;background:#ffffff0c;font-size:23px}.card[data-slot="0"] .project{padding-top:85px;padding-right:40%;justify-content:center}.card[data-slot="0"] .project:before{inset:0;background:linear-gradient(90deg,var(--scene-glass),transparent 90%);mask-image:none;backdrop-filter:none}.card[data-slot="0"] .project h2{font-size:clamp(36px,4.5vw,66px);line-height:1.04;max-width:400px}.card[data-slot="0"] .project .open{margin-top:30px}.card[data-slot="0"] .form-a{width:290px;height:290px;right:-2%;top:65px}.card[data-slot="0"] .form-b{width:320px;height:190px;right:-6%;top:140px}.card[data-slot="0"] .form-c{width:170px;height:280px;right:8%;top:100px}.card[data-slot="1"] .project h2{font-size:28px}
.grid[data-view=list]{grid-template-columns:1fr;gap:10px}.grid[data-view=list] .card{grid-column:1;min-height:0;border-radius:15px;background:var(--scene-glass)!important}.grid[data-view=list] .project-art{display:none}.grid[data-view=list] .project,.grid[data-view=list] .card[data-slot="0"] .project{display:grid;min-height:0;padding:22px 70px 22px 25px;grid-template-columns:1fr 1.4fr 130px;gap:8px 20px}.grid[data-view=list] .project:before{display:none}.grid[data-view=list] .project h2,.grid[data-view=list] .card[data-slot="0"] .project h2{font-size:18px;margin:0}.grid[data-view=list] .project .tag{margin:0}.grid[data-view=list] .project p{margin:0}.grid[data-view=list] .project .open,.grid[data-view=list] .card[data-slot="0"] .project .open{margin:0}
.guide{margin-top:70px;border-radius:22px;background:var(--scene-glass)!important;backdrop-filter:blur(10px)}.guide h2{font-weight:450}.site-footer{padding-top:45px}.catalog-loading .card:after{inset:280px 30px 25px}.catalog-loading .card[data-slot="0"]:after{inset:70px 45% 35px 30px}
/* Motion intentionally disabled for composition review. */
html{scroll-behavior:auto}.primary:hover,button:active:not(:disabled){transform:none}
[data-solid=true] .project-art,[data-solid=true] .project:before{background:var(--panel);backdrop-filter:none}[data-solid=true] .form-c,[data-solid=true] .sculpture-glass{background:var(--panel);backdrop-filter:none}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.hero{min-height:570px}.hero h1{font-size:9vw}.hero-sculpture{right:-15px;transform:scale(.8);transform-origin:right center}.hero-bottom>p{max-width:230px}.controls{gap:14px}.control-row{gap:10px}.project{padding-inline:24px}.card[data-slot="0"] .project h2{font-size:44px}.card[data-slot="1"] .project h2{font-size:23px}.grid{gap:18px}.card[data-slot="0"] .form-a{right:-60px}.card[data-slot="0"] .form-b{right:-80px}.card[data-slot="0"] .form-c{right:-20px}.project-art .form-a{max-width:75%}}
@media(max-width:800px){.preview-note{padding-inline:25px;font-size:10px}.shell{width:calc(100% - 40px)}.hero-intro>p:last-child{display:none}.hero{min-height:620px;padding-top:30px}.hero h1{font-size:10.2vw;margin-top:30px;margin-bottom:240px;z-index:2}.hero-sculpture{top:115px;right:0;transform:scale(.65)}.hero-bottom{gap:20px}.hero-bottom>p{display:none}.hero-note{max-width:none}.controls{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.control-row{width:100%;justify-content:space-between}.directions button{min-height:40px}.card[data-slot="0"],.card[data-slot="1"],.card[data-slot="2"],.card[data-slot="3"],.card{grid-column:span 6;min-height:500px}.project,.card[data-slot="0"] .project{padding:245px 22px 22px;min-height:500px;justify-content:end}.card[data-slot="0"] .project h2,.project h2{font-size:29px}.card[data-slot="0"] .project:before{inset:215px 0 0;background:linear-gradient(180deg,transparent,var(--scene-glass) 25%);backdrop-filter:blur(9px);mask-image:linear-gradient(transparent,#000 25%)}.card[data-slot="0"] .project .open{margin-top:auto}.card[data-slot="0"] .form-a{width:200px;height:200px;right:5%;top:30px}.card[data-slot="0"] .form-b{width:230px;height:125px;right:5%;top:95px}.card[data-slot="0"] .form-c{width:120px;height:180px;right:10%;top:60px}.grid[data-view=list] .project,.grid[data-view=list] .card[data-slot="0"] .project{grid-template-columns:1fr 1fr}.grid[data-view=list] .open,.grid[data-view=list] .project>div{grid-column:1/-1;grid-row:5}.catalog-loading .card[data-slot="0"]:after{inset:260px 22px 22px}}
@media(max-width:540px){.preview-note{padding:8px 16px;display:block;font-size:9px}.preview-note a{display:block;margin-top:3px}.shell{width:calc(100% - 32px)}.topbar{padding:15px 0;gap:12px}.header-nav{padding-top:8px}.hero{min-height:590px;padding-top:25px}.hero h1{font-size:12vw;letter-spacing:-.06em;margin:25px 0 270px}.hero .eyebrow{font-size:8px}.hero-sculpture{width:360px;height:350px;right:-8px;top:155px;transform:scale(.8);transform-origin:right top}.sculpture-ring{width:320px;height:210px;right:10px;border-width:34px}.sculpture-core{width:140px;height:140px;right:150px;top:100px}.sculpture-glass{width:270px;height:170px;top:125px;right:15px}.hero-sculpture>span{right:60px;top:210px;font-size:11px}.hero-bottom{flex-wrap:wrap;gap:15px}.hero-note{font-size:10px}.hero-bottom .primary{font-size:11px;gap:15px;padding-left:18px}.workspace{padding-top:25px}.sidebar{margin-bottom:25px;gap:8px}.directions{gap:6px}.directions button{font-size:10px;padding:7px 10px;gap:8px}.solid-control{font-size:10px;margin-top:7px}.catalog-heading h2{font-size:31px}.result-count{font-size:10px}.search-box input{font-size:16px}.sort-label{font-size:10px}.view-switch button{font-size:10px}.date-explanation{font-size:9px;margin-bottom:25px}.grid{grid-template-columns:1fr;gap:25px}.card,.card[data-slot="0"],.card[data-slot="1"],.card[data-slot="2"],.card[data-slot="3"]{grid-column:1;min-height:470px}.project,.card[data-slot="0"] .project{min-height:470px;padding:240px 25px 25px}.project h2,.card[data-slot="0"] .project h2,.card[data-slot="1"] .project h2{font-size:33px}.project p{font-size:13px}.project .tag{font-size:9px}.project .publication{font-size:10px}.project-art .form-a{right:12%}.card[data-slot="0"] .form-a{right:10%}.grid[data-view=list] .project,.grid[data-view=list] .card[data-slot="0"] .project{display:flex;min-height:0;padding:22px 65px 22px 22px;gap:0}.grid[data-view=list] .project h2,.grid[data-view=list] .card[data-slot="0"] .project h2{font-size:21px;margin:8px 0}.grid[data-view=list] .publication{margin:5px 0 10px}.grid[data-view=list] .project p{margin-bottom:12px}.grid[data-view=list] .project .open{margin-top:12px}.guide{margin-top:45px;padding:26px}.footer-main{gap:20px}.catalog-loading .card:after,.catalog-loading .card[data-slot="0"]:after{inset:260px 25px 25px}}
@media(prefers-reduced-transparency:reduce){.project-art,.project:before,.form-c,.sculpture-glass{background:var(--panel)!important;backdrop-filter:none!important}}
@media(forced-colors:active){.ambient,.project-art,.hero-sculpture{display:none}.card{border:1px solid CanvasText}.project:before{display:none}.card,.guide{background:Canvas!important}.project{padding-top:30px!important;min-height:0!important}.hero h1 em{color:CanvasText!important}}

/* Clip only the decorative sculpture; preserve page and focus geometry. */
.hero-sculpture{overflow:clip}