:root{--paper:#f2f0ed;--ink:#111;--silver:#aaa9a6;--pink:#ffb7cc;--line:rgba(17,17,17,.18);--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Instrument Serif',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;overflow-x:hidden}.grain{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{display:flex;justify-content:space-between;align-items:flex-start;position:fixed;z-index:20;top:0;width:100%;padding:22px 28px;color:#fff;mix-blend-mode:difference}.wordmark{font-size:15px;letter-spacing:-.04em;color:inherit;text-decoration:none;font-weight:500}.menu-toggle{appearance:none;border:0;background:transparent;color:inherit;font:11px var(--mono);display:flex;gap:9px;align-items:center;cursor:pointer;padding:0}.menu-toggle i{display:block;width:8px;height:8px;border:1px solid currentColor;border-radius:50%;transition:.4s}.site-nav{position:fixed;right:28px;top:61px;display:grid;gap:6px;text-align:right;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.35s}.site-nav.active{visibility:visible;opacity:1;transform:none}.site-nav a{color:inherit;text-decoration:none;font:11px var(--mono)}.site-nav em{font-style:normal;opacity:.5;margin-right:7px}.panel{position:relative}.hero{height:100svh;min-height:630px;color:#fff;background:#161616;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/miya-hero.png') center 50%/cover no-repeat;animation:slow-push 16s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.43),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 38%)}.hero-fog{position:absolute;z-index:1;left:-20%;bottom:-45%;height:74%;width:90%;border-radius:50%;background:var(--pink);filter:blur(120px);opacity:.17;mix-blend-mode:screen}.hero-copy{position:absolute;z-index:2;left:5vw;bottom:11vh}.eyebrow,.chapter,.hero-coordinates,.scroll-prompt,.projects-head,.contact-bottom{font:10px var(--mono);letter-spacing:.03em}.hero h1{font-weight:400;font-size:clamp(70px,12vw,190px);line-height:.74;letter-spacing:-.08em;margin:18px 0 0}.hero h1 i,.miya h2 i,.studio h2 i,.contact h2 i{font-family:var(--serif);font-weight:400}.scroll-prompt{position:absolute;z-index:2;left:5vw;bottom:4vh;color:inherit;text-decoration:none}.scroll-prompt span{font-size:17px;margin-left:8px}.hero-coordinates{position:absolute;z-index:2;right:5vw;bottom:4vh}.miya{min-height:100svh;padding:28px 5vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.chapter{margin:0}.miya-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:7vw;align-items:center;max-width:1200px;margin:auto}.miya h2,.studio h2,.contact h2{font-size:clamp(48px,7.4vw,118px);font-weight:400;letter-spacing:-.07em;line-height:.82;margin:0}.miya-aside{align-self:end;padding-bottom:2vw}.miya-aside p,.studio-info>p{font-size:16px;line-height:1.35;max-width:260px;margin:0 0 28px}.orb{width:12vw;height:12vw;min-width:130px;min-height:130px;border-radius:50%;margin-bottom:35px;background:radial-gradient(circle at 35% 30%,#fff 0 5%,var(--pink) 22%,#d899ad 48%,#1f1d1d 100%);box-shadow:0 0 90px rgba(255,183,204,.8);animation:float 7s ease-in-out infinite}.text-link{font:10px var(--mono);color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{font-size:16px;margin-left:9px}.vertical-note{font:10px var(--mono);transform:rotate(-90deg);position:absolute;right:-64px;top:50%;white-space:nowrap}.world{background:#141414;color:var(--paper);padding:28px 5vw 5vw;min-height:100svh}.world-top{display:flex;justify-content:space-between;align-items:flex-start}.world-intro{font:clamp(23px,3vw,45px)/.95 var(--serif);margin:0;text-align:right}.world-list{max-width:1170px;margin:12vh auto 5vh}.world-entry{display:grid;grid-template-columns:45px 1.15fr .85fr;gap:2vw;align-items:center;border-top:1px solid rgba(242,240,237,.3);padding:18px 0}.world-entry:last-child{border-bottom:1px solid rgba(242,240,237,.3)}.entry-number{font:10px var(--mono);opacity:.6}.entry-art{height:160px;position:relative;overflow:hidden}.entry-copy h3{font-size:clamp(30px,4vw,65px);font-weight:400;letter-spacing:-.07em;margin:0 0 7px}.entry-copy p{font:12px/1.4 var(--mono);max-width:260px;margin:0;color:#c6c5c2}.echo-ring{position:absolute;border:1px solid var(--pink);border-radius:50%;left:50%;top:50%;translate:-50% -50%;opacity:.8}.ring-a{width:45px;height:45px}.ring-b{width:110px;height:110px}.ring-c{width:190px;height:190px}.vessel-form{width:105px;height:146px;margin:7px auto;background:linear-gradient(115deg,#272727,#dadada 45%,#393939 55%,#969696);border-radius:45% 45% 32% 32% / 22% 22% 78% 78%;transform:rotate(13deg);box-shadow:inset 12px 0 23px rgba(255,255,255,.35)}.memory-card{position:absolute;width:97px;height:123px;border:1px solid #c8c7c3;display:grid;place-items:center;font:48px var(--serif);background:#202020}.memory-card:nth-child(1){left:22%;top:10px}.memory-card:nth-child(2){left:40%;top:25px;background:var(--pink);color:#111;transform:rotate(6deg)}.memory-card:nth-child(3){left:57%;top:7px;transform:rotate(-4deg)}.world-footer{font:10px/1.4 var(--mono);text-align:center;margin:0}.projects{padding:28px 5vw 7vw}.projects-head{display:flex;justify-content:space-between}.projects-head p:last-child{text-align:right;margin:0}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw 3vw;max-width:1200px;margin:10vh auto}.project{color:inherit;text-decoration:none}.project-two{margin-top:14vw}.project-three{margin-top:-7vw}.project-image{height:clamp(260px,43vw,560px);background:#232323;overflow:hidden;position:relative;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover .project-image{transform:scale(.98)}.project-image span{position:absolute;top:13px;left:13px;font:10px var(--mono);color:white;z-index:1}.project-one .project-image{background:linear-gradient(140deg,#aaa6a0,#2f2c2b 42%,#ece8e1 43%,#77716e 74%,#191819)}.project-two .project-image{background:radial-gradient(circle at 60% 30%,var(--pink),transparent 25%),linear-gradient(130deg,#121212 35%,#706b68 35% 54%,#ddd9d2 54%)}.project-three .project-image{background:linear-gradient(180deg,#eee9e2 0 35%,#111 35% 60%,#aaa5a1 60%);}.project-image:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.16) 18.1% 18.3%);mix-blend-mode:overlay}.project-meta{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font:10px var(--mono)}.project-meta b{font-weight:400}.project-meta small{font-size:9px;text-align:right;color:#696865}.archive-line{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px var(--mono)}.studio{min-height:100svh;padding:28px 5vw;background:#bebdb9;display:flex;flex-direction:column;justify-content:space-between}.studio-body{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;max-width:1200px;margin:auto;width:100%}.studio-info{align-self:end}.studio-info ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.studio-info li{font:12px var(--mono);padding:9px 0;border-bottom:1px solid var(--line)}.studio-footer{font:10px var(--mono);margin:0}.contact{min-height:80svh;background:var(--pink);padding:28px 5vw;display:flex;flex-direction:column;justify-content:space-between}.contact-main{display:flex;justify-content:space-between;align-items:end;max-width:1200px;width:100%;margin:auto}.contact-main a{font:clamp(15px,2.1vw,26px) var(--mono);color:inherit;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px}.contact-main a span{font-size:1.4em}.contact-bottom{display:flex;justify-content:space-between;align-items:end}.contact-bottom p{margin:0}.contact-bottom a{color:inherit;text-decoration:none}@keyframes slow-push{to{transform:scale(1.08)}}@keyframes float{50%{transform:translate(9px,-15px);filter:hue-rotate(12deg)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.cursor-dot{position:fixed;z-index:50;width:10px;height:10px;border:1px solid var(--ink);border-radius:50%;pointer-events:none;translate:-50% -50%;mix-blend-mode:difference;background:#fff;transition:width .25s,height .25s;display:none}
@media (hover:hover){.cursor-dot{display:block}a:hover~.cursor-dot{width:22px;height:22px}}@media(max-width:700px){.site-header{padding:18px}.site-nav{right:18px;top:52px}.hero{min-height:620px}.hero-copy{left:18px;bottom:16vh}.hero-coordinates{display:none}.scroll-prompt{left:18px;bottom:25px}.miya,.world,.projects,.studio,.contact{padding-left:18px;padding-right:18px}.miya{min-height:700px}.miya-grid,.studio-body{grid-template-columns:1fr;gap:42px}.miya-aside{padding-bottom:0}.vertical-note{display:none}.world{padding-top:18px}.world-top{display:block}.world-intro{text-align:left;margin-top:14vh}.world-list{margin:9vh 0}.world-entry{grid-template-columns:26px 1fr;gap:12px;padding:20px 0}.entry-art{grid-column:2;height:130px}.entry-copy{grid-column:2}.entry-copy h3{font-size:42px}.projects-head{padding-top:0}.project-grid{display:block;margin:9vh 0}.project{display:block;margin:0 0 13vh}.project-two,.project-three{margin-top:0}.project-image{height:115vw}.archive-line{display:block}.archive-line .text-link{display:inline-block;margin-top:22px}.studio{min-height:700px}.studio-body{margin:auto 0}.contact{min-height:620px}.contact-main{display:block;margin:auto 0}.contact-main a{display:inline-block;margin-top:48px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-bottom p:last-child{grid-column:1/-1}.orb{width:150px;height:150px}.world-footer{text-align:left}.project-meta{display:block}.project-meta small{display:block;text-align:left;margin-top:4px}.hero h1{font-size:29vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.orb{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Media layers: video remains hidden until a frame is available, leaving the art-directed poster/field visible. */
.video-shell{position:relative;overflow:hidden;background:transparent}.media-video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s ease;filter:saturate(.84) contrast(1.04)}.video-shell.is-loaded .media-video{opacity:1}.media-status{position:absolute;z-index:2;left:12px;bottom:10px;color:var(--paper);font:9px var(--mono);letter-spacing:.04em;opacity:.68;transition:opacity .45s}.video-shell.is-loaded .media-status{opacity:0}.video-shell:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 55%)}.hero-image{animation:none}.hero-image .media-video{animation:slow-push 16s ease-in-out infinite alternate}.miya-video{width:min(100%,265px);height:340px;margin-bottom:35px;background:url('assets/miya-hero.png') center/contain no-repeat}.miya-video .media-video{object-position:50% 32%}.entry-art{position:relative;overflow:hidden}.entry-art .media-video{object-position:center}.world-entry:nth-child(2) .media-video,.world-entry:nth-child(3) .media-video{object-position:initial}
@media(max-width:700px){.miya-video{width:100%;height:58vw;min-height:265px;max-height:420px}.entry-art{height:52vw;min-height:180px}}
@media(prefers-reduced-motion:reduce){.hero-image .media-video{animation:none}}

/* Preserve every source composition. Surfaces adapt around media instead of cropping media to a surface. */
.hero-image{display:grid;place-items:center;background-position:center;background-size:contain;background-repeat:no-repeat}.hero-image .media-video{width:100%;height:100%;object-fit:contain}.miya-video{height:auto;max-width:100%;background-size:contain;background-repeat:no-repeat}.miya-video .media-video{width:100%;height:auto;object-fit:contain;object-position:initial}.entry-art{height:auto;min-height:0;background:#090909}.entry-art .media-video{width:100%;height:auto;object-fit:contain;object-position:initial}.echo-sequence{display:grid;gap:18px;width:100%}.echo-sequence .entry-art:nth-child(2){width:82%;margin-left:auto}.echo-sequence .entry-art:nth-child(3){width:91%}.echo-sequence .entry-art:nth-child(4){width:72%;margin-left:12%}.vessel-art,.memory-art{height:160px}.world-entry:nth-child(2) .media-video,.world-entry:nth-child(3) .media-video{object-position:initial}
@media(max-width:700px){.miya-video{height:auto;min-height:0;max-height:none}.entry-art{height:auto;min-height:0}.echo-sequence{gap:12px}.echo-sequence .entry-art:nth-child(2){width:88%}.echo-sequence .entry-art:nth-child(3){width:100%}.echo-sequence .entry-art:nth-child(4){width:80%;margin-left:10%}.vessel-art,.memory-art{height:130px}}

/* MIYA leads the composition; media keeps its complete native framing at every viewport. */
.hero h1{font-size:clamp(52px,7.5vw,112px);line-height:.78}.hero-copy{max-width:430px}.hero-image{background:none}.hero-image .media-video{object-fit:contain;transform:none;animation:none}.miya-rotator{position:relative;width:min(100%,340px);height:auto;margin-bottom:35px;background:transparent;overflow:visible}.miya-clip{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease}.miya-clip.is-active{opacity:1}.miya-status{position:absolute;left:0;bottom:-20px;font:9px var(--mono);letter-spacing:.04em}.world{padding-bottom:12vw}.world-sequence{max-width:1080px;margin:14vh auto 0}.world-device{margin:0 0 19vh}.device-heading{margin-bottom:8vh}.device-heading span,.echo-asset figcaption{font:10px var(--mono);letter-spacing:.035em}.device-heading h3{font-size:clamp(56px,10vw,144px);line-height:.75;letter-spacing:-.08em;font-weight:400;margin:15px 0 24px}.device-heading p{font:clamp(17px,2vw,27px)/1.04 var(--serif);margin:0}.echo-sequence{display:block;width:100%}.echo-asset{margin:0 0 16vh}.echo-asset:nth-child(2){width:82%;margin-left:auto}.echo-asset:nth-child(3){width:91%}.echo-asset:nth-child(4){width:72%;margin-left:12%}.echo-video{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.echo-asset figcaption{margin-top:10px;color:#c6c5c2}.vessel-device,.memory-device{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.vessel-device .device-heading,.memory-device .device-heading{margin:0}.vessel-device .vessel-form{justify-self:center;width:180px;height:255px;margin:0}.memory-art{position:relative;width:100%;height:270px}.memory-art .memory-card{display:grid}.world-footer{margin-top:4vh}.entry-art,.world-entry{display:none}
@media(max-width:700px){.hero h1{font-size:16vw}.hero-copy{max-width:300px}.miya-rotator{width:100%;max-width:none}.world-sequence{margin-top:11vh}.world-device{margin-bottom:16vh}.device-heading{margin-bottom:6vh}.device-heading h3{font-size:20vw}.echo-asset{margin-bottom:11vh}.echo-asset:nth-child(2){width:92%}.echo-asset:nth-child(3){width:100%}.echo-asset:nth-child(4){width:85%;margin-left:8%}.vessel-device,.memory-device{display:block}.vessel-device .vessel-form{margin:11vh auto 0}.memory-art{margin-top:10vh;height:220px}.device-heading p{font-size:24px}}

/* Hero frame: the original MIYA composition is never enlarged or cropped. */
.hero{background:#2b2a29}.hero-image{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#605c59 0%,#353331 48%,#292827 100%)}.hero-image .media-video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain !important;object-position:center;transform:none !important;animation:none !important}

/* The hero video is sized by its own native frame, never by a cropped viewport box. */
.hero-image{overflow:visible}.hero-image .media-video{width:auto !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:initial !important;flex:none;transform:none !important;animation:none !important}@media(max-aspect-ratio:9/16){.hero-image .media-video{width:100% !important;height:auto !important;max-width:100% !important;max-height:100% !important}}

.hero .hero-image{position:absolute !important;inset:0 !important;height:auto !important}

.hero{background:#ebe8e2}.hero-image{background:#ebe8e2}

/* One continuous field around MIYA's original frame — no dark overlay or competing color wash. */
.hero{background:#fff;color:#111}.hero-image{background:#fff}.hero::after{background:none}.hero-fog{display:none}.hero .scroll-prompt,.hero .hero-coordinates{color:#111}

/* Logo system: wordmark = signature; symbol = MIYA signal. */
.menu-toggle img{width:17px;height:17px;object-fit:contain;filter:invert(1);display:block}.hero h1{margin-bottom:14px}.hero-wordmark{display:block;width:clamp(190px,24vw,360px);height:auto}.miya-status{display:flex;align-items:center;gap:7px}.miya-status img{width:18px;height:18px;object-fit:contain}.device-heading span{display:flex;align-items:center;gap:9px}.echo-mark{width:20px;height:20px;object-fit:contain;filter:invert(1)}.footer-wordmark{width:110px;height:auto;object-fit:contain}.contact-bottom{grid-template-columns:auto auto auto;align-items:end}.contact-bottom p:last-child{grid-column:auto}@media(max-width:700px){.hero-wordmark{width:min(72vw,310px)}.contact-bottom{grid-template-columns:1fr 1fr}.footer-wordmark{width:100px;justify-self:end}.contact-bottom p:last-child{grid-column:1/-1}.menu-toggle img{width:15px;height:15px}}

/* Observer log annotations: the moving image leads, the text remains a field note. */
.device-heading small{display:block;margin-top:28px;color:#aaa8a4;font:10px/1.42 var(--mono);letter-spacing:.025em}.echo-asset figcaption{display:grid;grid-template-columns:minmax(160px,.7fr) 1fr;gap:18px 36px;margin-top:12px;color:#c6c5c2;font:10px/1.45 var(--mono);letter-spacing:.02em}.echo-asset figcaption p{margin:0;color:var(--paper);font:13px/1.35 var(--sans);letter-spacing:-.01em}.echo-asset figcaption b{grid-column:1/-1;font:9px var(--mono);letter-spacing:.08em;color:var(--pink);font-weight:400}.next-transmission{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end;max-width:650px;margin:4vh 0 0 auto;padding:27px 0;border-top:1px solid rgba(242,240,237,.35);color:var(--paper)}.next-transmission span{font:10px var(--mono);letter-spacing:.04em}.next-transmission strong{font:clamp(38px,6vw,86px)/.78 var(--serif);font-weight:400;letter-spacing:-.06em}.next-transmission p{margin:0;font:11px/1.4 var(--mono);color:#c6c5c2}.next-transmission i{font:32px var(--serif);font-style:normal;color:var(--pink);justify-self:end}@media(max-width:700px){.device-heading small{margin-top:20px}.echo-asset figcaption{grid-template-columns:1fr;gap:16px;margin-top:10px}.echo-asset figcaption p{font-size:13px}.next-transmission{margin-top:0;padding-top:22px}.next-transmission strong{font-size:62px}}

/* WHO IS MIYA: horizontal archive metadata prevents copy collisions. */
.miya-aside .miya-copy{max-width:280px;margin:0 0 20px;font-size:16px;line-height:1.38}.miya-aside .miya-metadata{max-width:280px;margin:0 0 24px;color:#696865;font:9px/1.55 var(--mono);letter-spacing:.035em}.vertical-note{display:none}
@media(max-width:700px){.miya-aside .miya-copy{max-width:100%;font-size:16px}.miya-aside .miya-metadata{max-width:100%;margin-bottom:22px}}

/* Hero type is interface information; MIYA remains the primary visual. */
.hero h1{font-size:clamp(38px,5.4vw,82px);margin:10px 0 5px}.hero-wordmark{width:clamp(145px,17.5vw,260px)}
@media(max-width:700px){.hero h1{font-size:clamp(38px,11vw,54px);margin:8px 0 4px}.hero-wordmark{width:min(52vw,220px)}.hero-copy{bottom:13vh}}

/* HOME to WHO IS MIYA: one responsive editorial rhythm without forced viewport gaps. */
.hero{height:clamp(640px,94svh,920px);min-height:0}
.miya{min-height:clamp(720px,88svh,900px)}
.miya-grid{width:100%;margin:clamp(64px,8vh,96px) auto clamp(56px,7vh,84px)}
@media(max-width:700px){
  .hero{height:min(92svh,760px);min-height:0}
  .miya{min-height:0;padding-top:20px;padding-bottom:clamp(64px,9vh,82px)}
  .miya-grid{width:100%;margin:clamp(42px,6vh,58px) 0 0;gap:34px}
}

/* FROM THE ARCHIVE: selected personal work, intentionally distinct from STUDIO MIYA.B transmissions. */
.archive-header{position:relative;min-height:50vh;padding-top:1px}.archive-kicker{font:10px var(--mono);letter-spacing:.04em;margin:17vh 0 14px}.archive-header h2{font-size:clamp(64px,11.5vw,170px);line-height:.72;font-weight:400;letter-spacing:-.09em;margin:0}.archive-header h2 i{font-family:var(--serif);font-weight:400}.archive-context{position:absolute;right:0;bottom:3vh;margin:0;text-align:right;font:10px/1.45 var(--mono);letter-spacing:.03em;color:#696865}.archive-index{max-width:1200px;margin:6vh auto 16vh;display:grid;grid-template-columns:repeat(12,1fr);gap:11vw 2.5vw}.archive-project{display:block;color:inherit;text-decoration:none}.archive-project-1{grid-column:3/12}.archive-project-2{grid-column:1/7;margin-top:5vw}.archive-project-3{grid-column:8/13;margin-top:17vw}.archive-project-4{grid-column:3/10;margin-top:1vw}.archive-media{display:block;width:100%;height:auto;object-fit:contain;background:transparent;transition:opacity .5s ease}.archive-media:not(img):not(video){aspect-ratio:1.32;background:linear-gradient(135deg,#d6d3ce,#f2f0ed 46%,#bbb8b4);display:flex;align-items:flex-end;padding:14px;color:#55524f;font:10px/1.35 var(--mono);letter-spacing:.03em}.archive-project:hover .archive-media{opacity:.78}.archive-project-meta{display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding-top:9px;font:10px var(--mono);letter-spacing:.02em}.archive-project-meta b{font-weight:400}.archive-project-meta span{text-align:right;color:#696865}.archive-project-meta small{grid-column:1/-1;font-size:9px;color:#696865}.current-transmissions{max-width:1200px;margin:0 auto;padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 20px;font:10px var(--mono);letter-spacing:.03em}.current-transmissions span{color:#696865}.current-transmissions p{margin:0}.current-transmissions small{grid-column:1/-1;color:#696865;font-size:9px}.detail-page{background:var(--paper)}.detail-nav{display:flex;justify-content:space-between;padding:22px 28px;font:11px var(--mono)}.detail-nav a,.back-archive{color:inherit;text-decoration:none}.project-detail{max-width:1200px;margin:0 auto;padding:12vh 5vw 8vh}.detail-context,.detail-info span,.detail-gallery>span,.detail-credits>span{font:10px/1.45 var(--mono);letter-spacing:.03em;color:#696865}.detail-context{margin:0 0 17vh}.detail-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-bottom:7vh}.detail-head h1{grid-column:1/-1;font:clamp(60px,12vw,180px)/.72 var(--serif);letter-spacing:-.08em;margin:0}.detail-head p{margin:0;font:10px var(--mono);letter-spacing:.03em}.detail-head p:last-child{text-align:right}.detail-hero{margin-bottom:9vh}.detail-media{width:100%;height:auto;object-fit:contain;display:block}.detail-hero .detail-media:not(img):not(video),.detail-empty{aspect-ratio:1.45;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(135deg,#d6d3ce,#f2f0ed 46%,#bbb8b4);color:#55524f;font:10px var(--mono)}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:0 0 13vh}.detail-info p,.detail-credits p{font-size:16px;line-height:1.4;max-width:350px}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:4vw 2vw;margin-bottom:13vh}.detail-gallery>span{grid-column:1/-1}.detail-gallery img,.detail-gallery video{display:block;width:100%;height:auto;object-fit:contain}.detail-gallery .detail-empty{grid-column:1/-1}.detail-credits{border-top:1px solid var(--line);padding-top:17px;margin-bottom:12vh}.detail-credits a{font:10px var(--mono);color:inherit}.back-archive{font:10px var(--mono);border-bottom:1px solid currentColor;padding-bottom:5px}@media(max-width:700px){.archive-header{min-height:42vh}.archive-kicker{margin-top:12vh}.archive-header h2{font-size:22vw}.archive-context{position:static;margin-top:7vh;text-align:left}.archive-index{display:block;margin-top:9vh}.archive-project{margin:0 0 14vh}.archive-project-2{width:78%;margin-left:auto}.archive-project-3{width:88%}.archive-project-4{width:80%;margin-left:11%}.archive-project-meta{display:block}.archive-project-meta span,.archive-project-meta small{display:block;text-align:left;margin-top:4px}.current-transmissions{display:block}.current-transmissions p,.current-transmissions small{display:block;margin-top:7px}.detail-nav{padding:18px}.project-detail{padding:10vh 18px 7vh}.detail-context{margin-bottom:13vh}.detail-head{display:block}.detail-head p{margin-bottom:15px}.detail-head p:last-child{text-align:left;margin-top:18px}.detail-info,.detail-gallery{display:block}.detail-info>div{margin-bottom:9vh}.detail-gallery>*{margin-bottom:6vh}.detail-gallery>span{display:block}.detail-credits{margin-top:0}}

/* XTENDED IDENTITY archive rhythm: campaign text remains a quiet field note. */
.archive-index{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.5vw;row-gap:11vw}
.archive-project,.archive-project-1,.archive-project-2,.archive-project-3,.archive-project-4{grid-column:3/12;margin:0}
.archive-project-media{width:100%;aspect-ratio:4/5;display:grid;place-items:center;background:transparent}
.archive-project-media .archive-media{width:100%;height:100%;object-fit:contain}
.archive-project-4 .archive-project-media{aspect-ratio:auto;display:block}
.archive-project-4 .archive-project-media .archive-media{width:100%;height:auto;object-position:initial}
@media(max-width:700px){.archive-project,.archive-project-1,.archive-project-2,.archive-project-3,.archive-project-4{width:100%;margin:0 0 14vh}.archive-project-media{width:100%;aspect-ratio:4/5}}

.campaign-statement{max-width:290px;margin:0 0 11vh auto;color:#696865;font:10px/1.45 var(--mono);letter-spacing:.045em}.detail-asset{margin:0}.detail-asset-1{grid-column:1/-1}.detail-asset-2{grid-column:1/2;margin-top:4vw}.detail-asset-3{grid-column:2/3;margin-top:12vw}.detail-gallery .detail-asset img,.detail-gallery .detail-asset video{width:100%;height:auto;object-fit:contain}@media(max-width:700px){.campaign-statement{margin:0 0 9vh auto;max-width:230px}.detail-asset-2,.detail-asset-3{margin-top:0}}

/* XTENDED IDENTITY: a primary activation record followed by a quieter scroll archive. */
.project-intro{display:grid;grid-template-columns:.6fr 1.2fr;gap:7vw;max-width:920px;margin:0 0 12vh}.project-intro span,.featured-asset header,.selected-documentation>span,.archive-carousel header{font:10px/1.4 var(--mono);letter-spacing:.035em}.project-intro>p{margin:0;font:clamp(19px,2.2vw,31px)/1.12 var(--serif);letter-spacing:-.025em}.featured-asset{margin:0 0 14vh}.featured-asset header{display:flex;justify-content:space-between;gap:20px;margin:0 0 11px}.featured-asset header small{font:inherit;color:#696865}.featured-asset .feature-media{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.main-recap{max-width:1200px}.poster-asset{width:min(74%,850px);margin-left:auto}.official-asset{width:min(68%,780px);margin-left:0}.selected-documentation{margin:0 0 15vh}.selected-documentation>span{display:block;margin:0 0 22px}.selected-documentation>div{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start}.selected-documentation .detail-asset{margin:0}.selected-documentation .detail-asset-2{margin-top:12vw}.selected-documentation img{display:block;width:100%;height:auto;object-fit:contain}.archive-carousel{margin:0 0 13vh}.archive-carousel header{display:flex;align-items:center;justify-content:space-between;padding:0 0 9px;border-bottom:1px solid var(--line)}.archive-carousel header div{display:flex;gap:11px}.archive-carousel button{appearance:none;border:0;background:transparent;color:inherit;font:18px var(--serif);padding:0;cursor:pointer}.archive-track{display:flex;gap:2vw;overflow-x:auto;padding:3vw 0 1vw;scroll-snap-type:x mandatory;scrollbar-width:none}.archive-track::-webkit-scrollbar{display:none}.archive-track figure{flex:0 0 min(58vw,700px);margin:0;scroll-snap-align:start}.archive-track .archive-media{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.project-detail>.detail-info{margin-top:0}.project-detail>.campaign-statement{margin-top:-4vh}@media(max-width:700px){.project-intro{display:block;margin-bottom:10vh}.project-intro span{display:block;margin-bottom:20px}.project-intro>p{font-size:25px}.featured-asset{width:100%;margin-bottom:11vh}.selected-documentation>div{display:block}.selected-documentation .detail-asset-2{width:78%;margin:9vh 0 0 auto}.archive-track{gap:5vw;padding:6vw 0 2vw}.archive-track figure{flex-basis:85vw}.project-detail>.campaign-statement{margin-top:0}}