body[data-view=home] .site-header{background:#7d80d7;color:#fff}
body[data-view=home] .menu-toggle span{background:currentColor}
.cover-hero{position:relative;isolation:isolate;overflow:hidden;padding:38px 5.5% 27px;background:linear-gradient(180deg,#7d80d7 0%,#a5a5e1 35%,#e0daee 70%,#f7f7f5 100%);font-family:var(--font-site);min-height:calc(100svh - 96px)}
.cover-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:5%}
.cover-top h1{color:#fff;font-size:clamp(80px,12.3vw,210px);font-weight:600;line-height:.85;letter-spacing:-.065em;margin-left:-.035em}
.cover-identity{width:27%;max-width:390px;color:#fff;flex:none;padding-top:5px}
.cover-name{display:flex;justify-content:space-between;gap:25px;font-size:clamp(26px,3.2vw,52px);font-weight:200;letter-spacing:-.035em;white-space:nowrap;line-height:1}
.cover-description{font-size:clamp(17px,1.6vw,26px);font-weight:200;line-height:1.25;max-width:330px;margin-top:23px}
.cover-scene{position:relative;max-width:1400px;height:500px;margin:28px auto 0;z-index:2;--orb-size:clamp(150px,13vw,180px)}
.cover-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.cover-orb-wrap{position:absolute;z-index:2;width:var(--orb-size,155px);aspect-ratio:1;will-change:translate}
.cover-orb-wrap:hover,.cover-orb-wrap:focus-within{z-index:4}
.cover-orb{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 16px 45px #59518214;border:1px solid #ffffff73;transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .4s;transform:scale(1)}
.cover-orb img{filter:none}
.cover-orb:focus-visible{transform:scale(1.2);box-shadow:0 22px 50px #59518235}
@media(hover:hover) and (pointer:fine){.cover-orb:hover{transform:scale(1.2);box-shadow:0 22px 50px #59518235}}
/* The label floats in the middle of its image, with the photo visible through the glass. */
.cover-orb>span{position:absolute;z-index:2;left:50%;top:50%;right:auto;bottom:auto;display:grid;place-items:center;width:calc(100% - 24px);min-height:38px;padding:11px 9px;border:1px solid #ffffff85;border-radius:18px;background:linear-gradient(135deg,#ffffff9e,#eef0ff73);backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18);box-shadow:0 7px 22px #29213f14,inset 0 1px 0 #ffffff59;color:#312b43;font-family:var(--font-site);font-size:clamp(11px,1vw,12px);font-weight:400;line-height:1.3;text-align:center;text-wrap:balance;text-shadow:0 1px 1px #ffffff45;pointer-events:none;visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .24s ease,transform .3s cubic-bezier(.2,.75,.2,1),visibility .24s}
.cover-orb>span::before{content:'';position:absolute;z-index:-1;inset:3px 9px;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 35% 10%,#ffffff61,transparent 75%)}
.cover-orb:focus-visible>span{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:hover) and (pointer:fine){.cover-orb:hover>span{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(hover:none),(pointer:coarse){.cover-orb:active>span{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);transition-duration:.1s}}
.cover-orb.re{background:#e4e0e7 url('assets/previews/birth-room-720.webp') center/cover no-repeat}.cover-orb.re img{position:absolute;width:143%;height:95%;left:-36%;top:1.5%;max-width:none;object-fit:contain;padding:0;object-position:center;filter:none;transform:none}
.cover-orb.soft-trap img{object-position:48% 60%}
.cover-orb.diamond img{object-position:50% 65%}
.cover-orb-1{left:7%;top:35px}
.cover-orb-2{left:41%;top:12px}
.cover-orb-3{right:7%;top:100px}
.cover-orb-4{left:21%;bottom:0}
.cover-orb-5{left:55%;bottom:0}
.cover-orb-6{right:3%;bottom:0}
.cover-manifesto{position:absolute;left:35%;top:230px;font-size:clamp(28px,3.1vw,50px);font-weight:200;line-height:1;letter-spacing:-.045em;color:#696283;pointer-events:none}
.cover-discipline{position:relative;z-index:3;white-space:nowrap;font-size:clamp(60px,8.7vw,149px);font-weight:100;letter-spacing:.065em;line-height:1.12;margin:45px -.03em 0;color:#9277b2;background:url('assets/cover-text-gradient.png') center/100% 100% no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}
.cover-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-top:23px;font-family:var(--font-site);font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.03em;color:#686172}
.cover-bottom .scroll-work{font-size:10px;padding:7px 0;gap:24px}
.cover-bottom .scroll-work span{font-size:21px}
@media(min-width:1700px){.cover-scene{height:525px;--orb-size:185px}.cover-manifesto{top:245px}}
@media(max-width:1100px){.cover-hero{padding-left:5%;padding-right:5%;min-height:calc(100svh - 80px)}.cover-identity{width:29%}.cover-description{font-size:18px}.cover-scene{height:465px;margin-top:28px;--orb-size:clamp(120px,14vw,150px)}.cover-orb-1{left:4%}.cover-orb-3{right:3%;top:90px}.cover-orb-4{left:18%}.cover-orb-5{bottom:0;left:52%}.cover-orb-6{right:3%;bottom:0}.cover-manifesto{left:30%;top:225px;font-size:clamp(28px,3.1vw,38px)}}
@media(max-width:700px){.cover-hero{padding-top:26px}.cover-top{display:block}.cover-top h1{font-size:16.5vw}.cover-identity{width:100%;max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-top:22px}.cover-name{font-size:25px;display:block}.cover-name span{display:block;font-size:18px;margin-top:5px}.cover-description{font-size:16px;max-width:220px;width:60%;margin-top:0;font-weight:400}.cover-scene{margin-top:32px;height:560px;--orb-size:clamp(92px,26vw,132px)}.cover-orb-1{left:8%;top:10px}.cover-orb-2{left:auto;right:8%;top:24px}.cover-orb-3{right:5%;top:208px}.cover-orb-4{left:8%;bottom:0}.cover-orb-5{left:4%;bottom:auto;top:246px}.cover-orb-6{right:8%;bottom:-12px}.cover-manifesto{left:0;right:0;top:158px;text-align:center;font-size:27px;max-width:none;line-height:1.05}.cover-discipline{white-space:normal;font-size:13.8vw;letter-spacing:.045em;max-width:100%;line-height:.98;margin-top:62px}.cover-bottom{margin-top:23px;font-size:8px;gap:25px}.cover-bottom .scroll-work{font-size:8px;gap:15px}.cover-bottom>p{max-width:100px}}
@media(max-width:600px){body[data-view=home] .site-header nav{background:#7d80d7;color:#fff}.cover-hero{padding-left:6%;padding-right:6%;min-height:calc(100svh - 76px)}}
@media(prefers-reduced-motion:reduce){.cover-orb-wrap{translate:0 0!important;will-change:auto}}

/* A frosted colour field behind a clear, separately spaced project constellation. */
body[data-view=home]{--home-header-height:96px}
body[data-view=home] .site-header{position:absolute;inset:0 0 auto;background:transparent}
body[data-view=home] main{opacity:1;transform:none;transition:none}
body[data-view=home] .site-header nav{background:transparent}
.cover-hero{background:radial-gradient(ellipse at 12% 22%,#b5d2ec99,transparent 42%),radial-gradient(ellipse at 90% 43%,#e6c5e882,transparent 46%),linear-gradient(180deg,#8587cf 0%,#a5a4d9 38%,#dfd9e9 76%,#f7f7f5 100%);padding:calc(var(--home-header-height) + 38px) 5.5% 34px;min-height:100svh}
.cover-hero::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff14 3%,#ffffff04 35%,#ffffff1c 65%,#ffffff05)}
.cover-hero::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:url('assets/frost-grain-static.svg') repeat;opacity:.13}
.cover-top{gap:6%;align-items:start}
.cover-top h1{font-size:clamp(74px,10.7vw,176px);line-height:.94;letter-spacing:-.055em}
.cover-title{position:relative;display:flow-root;isolation:isolate;width:max-content;max-width:100%}
.cover-title::before{content:'';position:absolute;z-index:-1;inset:-55% -12%;pointer-events:none;background:radial-gradient(ellipse at 66% 38%,#a9c2ef55,transparent 56%),radial-gradient(ellipse at 94% 65%,#baa8da44,transparent 48%);filter:blur(clamp(18px,2.5vw,40px))}
/* Extend both masks beyond the glyphs so negative tracking and blur cannot clip the final O. */
.cover-title-ink{display:block;padding:.18em .24em;margin:-.18em -.24em;white-space:nowrap;mask-image:linear-gradient(90deg,#000b 0%,#000 17%,#000 60%,#000b 84%,#000a 100%);-webkit-mask-image:linear-gradient(90deg,#000b 0%,#000 17%,#000 60%,#000b 84%,#000a 100%)}
.cover-title-frost{position:absolute;inset:-.18em -.24em;padding:.18em .24em;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none;color:#b6b2f3;background:linear-gradient(100deg,#e4eeff 0%,#e9ecff 55%,#efe7fa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(clamp(1.6px,.35vw,5.5px));mask-image:linear-gradient(90deg,#000 0%,transparent 20%,transparent 53%,#000 82%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 20%,transparent 53%,#000 82%);opacity:.9}
.cover-identity{width:28%;max-width:380px;padding-top:9px}
.cover-name{font-size:clamp(24px,2.5vw,40px);font-weight:400;letter-spacing:-.025em;gap:16px}
.cover-description{font-size:clamp(16px,1.45vw,22px);font-weight:400;line-height:1.45;margin-top:17px}
.cover-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:var(--orb-size) minmax(220px,auto) var(--orb-size);column-gap:7%;height:auto;max-width:1400px;margin:32px auto 0;padding:40px 4%;--orb-size:clamp(128px,12.5vw,180px)}
.cover-orb-wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;justify-self:center;align-self:center}
.cover-orb-1{grid-column:1;grid-row:1}.cover-orb-2{grid-column:2;grid-row:1}.cover-orb-3{grid-column:3;grid-row:1}
.cover-orb-4{grid-column:1;grid-row:3}.cover-orb-5{grid-column:2;grid-row:3}.cover-orb-6{grid-column:3;grid-row:3}
.cover-manifesto{position:relative;left:auto;right:auto;top:auto;grid-column:1 / -1;grid-row:2;align-self:center;justify-self:center;width:max-content;max-width:100%;z-index:3;text-align:center;font-size:clamp(30px,3.1vw,48px);font-weight:200;line-height:1.15;letter-spacing:-.025em;color:#514861;padding:8px 4px;white-space:nowrap}
.cover-flow{opacity:1}
.cover-flow-contours{opacity:.68}
.cover-ripples{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1}
.cover-ripple{position:absolute;display:block;width:400px;height:400px;margin:-200px 0 0 -200px;border:1px solid #ffffff80;border-radius:50%;background:radial-gradient(circle,#e6c1ed14,transparent 70%);pointer-events:none;will-change:transform,opacity;animation:cover-ripple 1.15s ease-out forwards}
@keyframes cover-ripple{from{transform:scale(.04);opacity:.9}to{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.cover-ripple{display:none}}
.cover-orb{border-color:#ffffff8a;box-shadow:0 12px 38px #5a507c18,inset 0 0 0 1px #ffffff2a}
.cover-discipline{font-size:clamp(50px,8.05vw,132px);font-weight:200;letter-spacing:.035em;line-height:1.1;margin-top:32px}
.cover-bottom{font-size:12px;line-height:1.5}
.cover-bottom .scroll-work{font-size:12px}
@media(max-width:1100px){.cover-top{display:block}.cover-identity{width:100%;max-width:none;display:flex;justify-content:space-between;gap:8%;margin-top:25px}.cover-name{font-size:30px;max-width:42%;flex:1}.cover-description{width:46%;max-width:380px;font-size:19px;margin:0}.cover-scene{--orb-size:clamp(124px,16vw,162px);grid-template-rows:var(--orb-size) minmax(210px,auto) var(--orb-size);column-gap:5%;padding:35px 3%;margin-top:32px}.cover-manifesto{font-size:clamp(30px,4vw,40px)}}
@media(max-width:900px){body[data-view=home]{--home-header-height:80px}}
@media(max-width:700px){
 .cover-hero{padding:calc(var(--home-header-height) + 25px) 6% 30px}
 .cover-top h1{font-size:15.4vw}
 .cover-identity{margin-top:23px;gap:8%;align-items:start}
 .cover-name{display:block;font-size:25px;line-height:1.05;max-width:38%}
 .cover-name span{display:block;font-size:20px;margin-top:7px}
 .cover-description{font-size:16px;width:58%;line-height:1.4}
 .cover-scene{--orb-size:clamp(92px,25vw,136px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--orb-size) minmax(100px,auto) var(--orb-size) var(--orb-size);gap:32px 15%;padding:28px 4%;margin-top:30px}
 .cover-orb-1{grid-column:1;grid-row:1}.cover-orb-2{grid-column:2;grid-row:1}
 .cover-manifesto{grid-column:1 / -1;grid-row:2;font-size:clamp(25px,5.9vw,34px);line-height:1.2;letter-spacing:-.025em}
 .cover-orb-3{grid-column:2;grid-row:3}.cover-orb-5{grid-column:1;grid-row:3}
 .cover-orb-4{grid-column:1;grid-row:4}.cover-orb-6{grid-column:2;grid-row:4}
 .cover-discipline{font-size:13.5vw;letter-spacing:.035em;margin-top:30px}
 .cover-bottom{font-size:10px;gap:18px;align-items:start}
 .cover-bottom .scroll-work{font-size:10px;gap:10px}
 .cover-bottom>p{max-width:96px}
}
@media(max-width:600px){body[data-view=home]{--home-header-height:76px}body[data-view=home] .site-header nav{background:#8587cff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
@media(max-width:360px){.cover-description{font-size:15px}.cover-name{font-size:22px}.cover-bottom>p:last-child{display:none}.cover-manifesto{font-size:25px}}