:root{--bg:#08080d;--surface:#121019;--ink:#f4f0e9;--muted:#aaa4b0;--line:#302c36;--accent:#d7c5ee}
.site-header{background:#08080d;border-bottom-color:#ffffff14;padding-top:20px;padding-bottom:20px}
.header-actions{display:flex;align-items:center;gap:14px}.motion-toggle{font-size:.75rem;color:#c1b8cb;display:flex;align-items:center;gap:8px;padding:9px 12px;white-space:nowrap}.motion-toggle>span:first-child{color:#c7a6e2;font-size:.75rem}.motion-toggle[aria-pressed=false]>span:first-child{color:var(--muted)}
.dimension-entry{position:relative;height:min(960px,calc(100svh - 78px));min-height:620px;overflow:hidden;background:#06050a;border-bottom:1px solid var(--line)}
.dimension-art{position:absolute;inset:-2%;transform:translate(var(--drift-x,0px),var(--drift-y,0px)) scale(1.02);transition:transform 2s ease-out;animation:arriveIn 3.2s cubic-bezier(.2,.5,.15,1) both;will-change:transform}
.dimension-art>img,.dimension-art>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}.dimension-art>img{animation:dimensionBreathe 28s ease-in-out infinite}.dimension-art>canvas{opacity:0;transition:opacity 1.8s}.dimension-art>canvas.is-ready{opacity:1}
.dimension-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#08050dcc 0%,#08050d99 22%,#08050d00 58%),linear-gradient(0deg,#08050dbe,transparent 32%,transparent 75%,#08050d44)}
.dimension-copy{position:absolute;z-index:2;left:5.5%;bottom:15%;width:min(450px,38%);animation:arrivalCopy 1.8s ease both}.dimension-copy .eyebrow{font-size:.7rem;letter-spacing:.2em;color:#e2d7ed;margin-bottom:20px}.dimension-copy h1{font-size:clamp(4rem,8.5vw,8.3rem);font-weight:500;letter-spacing:-.07em;line-height:.96;margin-bottom:28px}.dimension-copy p{color:#e1d9e8;font-size:.9375rem;line-height:1.9;letter-spacing:.025em}.dimension-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.dimension-actions .primary{background:#f3eaf7;color:#201626;border-color:#f3eaf7}.dimension-actions .button{font-weight:500;gap:24px}.dimension-actions .text-link{color:#f3eaf7;font-size:.8125rem;text-decoration:none;border-bottom:1px solid #dfc9f47a;padding-bottom:5px}
.orb-entry{position:absolute;z-index:1;top:calc(42% - 140px);left:calc(59% - 140px);width:280px;height:280px;border-radius:50%;background:transparent}.orb-entry:focus-visible{outline:1px solid #f0dce8;outline-offset:10px;box-shadow:0 0 40px #e5bff740}
.dimension-caption{position:absolute;right:5%;bottom:35px;font-size:.625rem;letter-spacing:.22em;color:#e6dbefbf}
.about-section{background:linear-gradient(135deg,#17101d4d,transparent 60%);align-items:start}.profile-portrait{margin:32px 0 26px;width:100%;height:470px;object-position:center 47%;border-radius:3px;max-width:430px}.about-section h2{font-size:clamp(2.8rem,4.4vw,4.5rem)}
.world-card{border-radius:5px;border:1px solid #d1b7e425;box-shadow:none;transition:box-shadow .8s}.world-card:hover{box-shadow:0 0 50px #bd96dd13}.world-overlay h3{font-size:clamp(2rem,3.8vw,4rem)}
.dream-scene>img{animation:dimensionBreathe 28s ease-in-out infinite;will-change:transform}.trip-scene>img{animation:dimensionBreathe 34s ease-in-out infinite}.dream-scene-copy,.trip-scene-copy{z-index:2}
.gig-track{padding:0;margin:0 0 30px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.gig-stop{padding:32px 20px 32px 0;border-bottom:1px solid var(--line)}.gig-stop h3{font-size:clamp(1.4rem,2.1vw,2.1rem);font-weight:400;letter-spacing:-.04em}.gig-stop:before,.gig-stop:after{display:none}
.page-transition{position:fixed;inset:0;z-index:99;opacity:0;pointer-events:none;overflow:hidden}.page-transition.active{opacity:1}.page-transition:before{content:none}.page-transition small{font:500 .7rem var(--head);color:#f1e8f5}
dialog[open]{animation:dimensionalDialog .5s ease}dialog{border-color:#d3bcea33;box-shadow:0 15px 80px #06040999}dialog::backdrop{background:#08040ccb;backdrop-filter:blur(12px)}
.primary{background:#deccec;border-color:#deccec;color:#211529}.button:hover{transform:translateY(-2px);box-shadow:0 4px 26px #d4abe817}.button:active{transform:scale(.98)}
@keyframes arriveIn{from{transform:scale(1.2);filter:brightness(.5)}to{transform:translate(var(--drift-x,0px),var(--drift-y,0px)) scale(1.02);filter:brightness(1)}}@keyframes arrivalCopy{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes dimensionBreathe{0%,100%{transform:scale(1.01)}50%{transform:scale(1.06)}}@keyframes dimensionalDialog{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.site-header nav{gap:22px}.header-actions{gap:8px}.motion-toggle{padding:8px 10px}.gig-track{grid-template-columns:repeat(2,1fr)}.dimension-copy{width:42%;left:4.5%}.dimension-actions{gap:18px}}
@media(max-width:700px){.header-actions{margin-left:auto;gap:6px}.motion-toggle{font-size:.6875rem;padding:8px 6px;gap:5px}.contact-button{font-size:.75rem;padding:8px 11px}.contact-button span{margin-left:8px}.site-header{gap:18px}.site-header .brand{font-size:1.05rem;gap:7px}.brand img.official-clover{width:20px;height:25px}.dimension-entry{height:calc(100svh - 124px);min-height:640px}.dimension-art{inset:-1.5% -7%}.dimension-art>img,.dimension-art>canvas{object-position:58% 40%}.dimension-shade{background:linear-gradient(0deg,#08050df0 0%,#08050d99 28%,#08050d00 62%)}.dimension-copy{left:6%;bottom:11%;width:88%}.dimension-copy h1{font-size:4.4rem;margin-bottom:16px}.dimension-copy .eyebrow{font-size:.625rem;margin-bottom:16px}.dimension-copy p{font-size:.8125rem;line-height:1.7}.dimension-actions{margin-top:22px;gap:22px}.dimension-actions .button{padding:13px 22px}.dimension-caption{display:none}.orb-entry{top:calc(41% - 120px);left:calc(50% - 120px);width:240px;height:240px}.profile-portrait{height:380px;max-width:none;margin:26px 0}.gig-stop{padding:28px 12px 28px 0}.gig-stop h3{font-size:1.4rem}.world-overlay h3{font-size:2.7rem}}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}body[data-motion=off] .reveal{opacity:1!important;transform:none!important}body[data-motion=off] .dimension-art{transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.dimension-art{transform:none;filter:none}.dimension-copy{opacity:1}}

.memories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.memory-card{text-align:left;border:1px solid #d3bcea20;border-radius:4px;overflow:hidden;background:#100d15}.memory-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .8s}.memory-card:hover img{transform:scale(1.035)}.memory-card>span{display:flex;justify-content:space-between;gap:12px;padding:20px;font-size:.9rem;color:#e5dbea}.memory-card>span>span{color:#c6afda}.memory-archive-link{display:inline-block;margin-top:30px}.event-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.event-film-card{position:relative;min-height:420px;overflow:hidden;border-radius:4px;text-align:left;background:#100d15;border:1px solid #d3bcea20}.event-film-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform 1s}.event-film-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08050ded,transparent 85%);pointer-events:none}.event-film-card:hover>img{transform:scale(1.04)}.event-film-copy{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;display:flex;flex-direction:column;gap:14px}.event-film-copy strong{font:400 clamp(1.8rem,3vw,2.7rem) var(--head);letter-spacing:-.035em;line-height:1.1}.event-film-copy>span:last-child{font-size:.85rem;color:#dac5ec}.film-play{position:absolute;z-index:1;left:30px;top:30px;width:50px;height:50px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:.8rem;color:#f4eafa}.edition-type-card{background:radial-gradient(ellipse at 65% 30%,#5d38684d,transparent 65%),#100d15}.edition-number{position:absolute;right:24px;top:28px;font:400 clamp(5rem,12vw,10rem) var(--head);letter-spacing:-.06em;color:#d2bdd820;line-height:1}.memories-section .section-head p,.event-films-section .section-head p{font-size:.9rem;color:var(--muted)}
@media(max-width:1000px){.memories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.memories-grid{grid-template-columns:1fr;gap:20px}.event-film-grid{grid-template-columns:1fr}.event-film-card{min-height:350px}.event-film-copy{left:24px;right:24px;bottom:26px}.film-play{left:24px;top:24px}.edition-number{font-size:8rem}.memory-card>span{padding:18px}.memories-section .section-head,.event-films-section .section-head{gap:24px}.dimension-art>canvas{object-position:58% 40%}}
.memory-card{padding:0;display:flex;flex-direction:column}.memory-card img{height:auto;display:block;flex:none}.page-transition:before{transform-origin:59% 42%}
@media(max-width:700px){.dimension-art>img,.dimension-art>canvas{object-position:64% 40%}.page-transition:before{transform-origin:58% 42%}}

/* The artist leads Clover; the cosmic orb belongs to Dreamers. */
.artist-entry{background:#0b0b0b}.artist-entry .dimension-art{inset:-2%}.artist-entry .dimension-art>img{left:auto;right:0;width:68%;height:100%;object-fit:cover;object-position:center 52%}.artist-entry .dimension-shade{background:linear-gradient(90deg,#08080d 0%,#08080de6 18%,#08080d50 46%,transparent 72%),linear-gradient(0deg,#08080d99,transparent 36%)}
.dream-scene>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:brightness(.6);transition:opacity 1.8s}.dream-scene>canvas.is-ready{opacity:1}.trip-scene>img{object-position:center 45%}
@media(max-width:700px){.artist-entry .dimension-art{inset:-1.5% -2%}.artist-entry .dimension-art>img{width:100%;object-position:center 48%}.artist-entry .dimension-shade{background:linear-gradient(0deg,#08080df5 0%,#08080d80 28%,transparent 58%)}.trip-scene>img{object-position:48% center}}
.artist-entry .dimension-art>img{object-position:center 45%}.dream-scene>img{object-position:center 47%}
@media(max-width:700px){.artist-entry .dimension-art>img{object-position:center 48%}.dream-scene>img{object-position:64% 40%}}
@media(max-width:700px){.announcement-panel h3{font-size:clamp(2rem,9vw,2.45rem);line-height:1.1}}

.profile-portrait{object-position:center 15%}

/* Quiet role labels and aligned names form one consistent navigation. */
.site-header nav{align-items:center;text-transform:uppercase;gap:36px;font-family:var(--head);font-weight:500;letter-spacing:.06em}
.site-header nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;gap:7px;line-height:1.2;font-size:.9375rem;white-space:nowrap;padding:5px 0}
.site-header nav .nav-name{display:block;line-height:1.2}
.site-header nav a small{font:400 .6875rem/1.3 var(--body);letter-spacing:.09em;color:#918a9a}
.site-header nav a[href="/dreamers/"] .nav-name{font-size:1.125rem;font-weight:600;color:var(--ink)}
.site-header nav a[aria-current]:after{left:50%;transform:translateX(-50%);bottom:-6px;width:18px;height:1px}
.site-header nav a:hover .nav-name{color:var(--accent)}
.site-header .brand-name{display:block;line-height:1.1}
.profile-portrait{object-position:center 22%}
.project-info .project-subtitle{color:#e5dddd;font-size:1rem;margin-bottom:14px}.project-card[data-project=negroniLatest]>img{object-position:center 48%}.project-card[data-project=edition004]>img{object-position:center 40%}
@media(max-width:1000px){.site-header{gap:15px}.site-header nav{gap:22px}.site-header nav a{min-width:82px}}
@media(max-width:700px){.site-header nav{gap:12px;align-items:center;justify-content:space-between}.site-header nav a{font-size:.875rem;min-width:0;gap:6px;padding:4px 0}.site-header nav a[href="/dreamers/"] .nav-name{font-size:1rem}.site-header nav a small{font-size:.6875rem;letter-spacing:.065em}.motion-toggle{font-size:.6875rem}.header-actions{gap:4px}.mobile-dock a[href="/dreamers/"] span{font-size:.85rem;font-weight:700}}