:root{--ink:#1b1931;--accent:#6335b9;--paper:#fff;--muted:#625c76;--line:#dedbe8;--soft:#f1effa;--pattern:url('/assets/coo-pattern.svg')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:#f8f9fc;font-size:16px;line-height:1.9}body:before{content:"";position:fixed;inset:0;background-image:var(--pattern);opacity:.17;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ef8b29;outline-offset:5px}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.4}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.topbar{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:24px}.brand{font-family:Georgia,serif;font-size:27px;font-weight:bold;letter-spacing:-1px}.brand span{font-family:inherit;color:var(--accent)}.world-nav{display:flex;background:var(--soft);border-radius:30px;padding:4px}.world-nav a{padding:7px 22px;border-radius:25px;font-weight:700;font-size:14px}.world-nav a[aria-current]{background:var(--accent);color:white}.draft{font-size:12px;letter-spacing:.12em;color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 32px}.hero{padding:62px 0 48px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;min-height:640px}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(70px,9.5vw,132px);font-family:Georgia,serif;line-height:1;letter-spacing:-.065em;margin:14px 0 24px}.hero h1.jp{font-family:inherit;font-size:clamp(44px,5vw,68px);letter-spacing:-.055em;line-height:1.3}.lead{font-size:clamp(22px,2.7vw,32px);font-weight:700;line-height:1.65;margin-bottom:19px}.description{max-width:470px;color:var(--muted)}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:10px 23px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:30px;font-size:14px;font-weight:bold;transition:transform .2s}.button.secondary{background:white;color:var(--accent)}.button:hover{transform:translateY(-3px)}.hero-collage{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:18px}.photoframe{padding:10px;background:white;box-shadow:0 16px 40px #27203d18;border:1px solid #eee;transform:rotate(-4deg)}.photoframe.small{transform:rotate(6deg);margin-top:100px}.portrait{aspect-ratio:.72;overflow:hidden;background:#242031}.portrait img{height:auto;min-height:100%;object-fit:cover}.photoframe figcaption{font-family:Georgia,serif;font-size:15px;padding:12px 4px 2px;color:var(--accent)}.section-nav{display:flex;gap:30px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:bold;flex-wrap:wrap}.section-nav a:hover{color:var(--accent)}section{padding:76px 0;scroll-margin-top:85px}.section-title{display:flex;align-items:baseline;gap:18px;margin-bottom:32px}.section-title h2{font-family:Georgia,serif;font-size:44px;letter-spacing:-.03em}.section-title span{font-size:14px;color:var(--muted)}.about{display:grid;grid-template-columns:.6fr 1fr;gap:70px;background:#fff;padding:52px;border:1px solid var(--line);border-radius:4px}.about h3{font-size:26px}.about p+p{margin-top:16px}.keywords{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.keywords span{font-size:14px;border-bottom:2px solid var(--accent);padding:4px 0;margin-right:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.photo-button{width:100%;border:0;padding:0;background:white;text-align:left;cursor:pointer;box-shadow:0 10px 26px #1f203d0b}.photo-button .portrait{aspect-ratio:.85}.photo-button .caption{display:flex;justify-content:space-between;padding:16px 18px;font-size:14px;color:var(--muted)}.photo-button:hover img{filter:brightness(1.05)}.section-note{color:var(--muted);font-size:14px;margin-top:18px}.works{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.poster{max-width:420px;border:10px solid white;box-shadow:0 15px 35px #26222d18;transform:rotate(-2deg)}.work-list article{padding:24px 0;border-top:1px solid var(--line)}.work-list h3{font-size:23px;margin:8px 0}.work-list p{color:var(--muted)}.work-list .number{font-family:Georgia,serif;font-size:14px;color:var(--accent)}.news{background:var(--ink);color:white;padding:45px 50px;border-radius:4px;display:grid;grid-template-columns:.55fr 1fr;gap:50px}.news h2{font:38px Georgia,serif}.news article{border-top:1px solid #ffffff38;padding:20px 0}.news article:first-child{border:0;padding-top:0}.news time{font-size:13px;color:#c0b7da}.news h3{font-size:19px;margin:8px 0}.news p{font-size:14px;color:#dad4e5}.crossworld{margin:30px 0 76px;padding:40px 45px;border:1px solid var(--line);background:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.crossworld h2{font-size:24px;margin-bottom:8px}.crossworld p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px;color:var(--muted);font-size:13px;max-width:1240px;margin:auto;display:flex;gap:30px;justify-content:space-between}.nekordy{--accent:#126b93;--ink:#143345;--muted:#496472;--line:#d3e1e8;--soft:#edf5fa;--pattern:url('/assets/nekordy-pattern.svg')}.nek-hero-image{position:relative}.nek-hero-image figure{border:10px solid white;box-shadow:0 16px 35px #12334520;transform:rotate(2deg)}.nek-hero-image img{aspect-ratio:1.35;object-fit:cover;object-position:66% center}.stamp-label{position:absolute;left:-24px;bottom:24px;background:#e84935;color:white;padding:13px 24px;font-size:14px;letter-spacing:.12em;border:3px double #fff;transform:rotate(-6deg)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.intro h3{font-size:28px;margin-bottom:22px}.intro p+p{margin-top:18px}.intro-image{border:8px solid white;box-shadow:0 15px 30px #163c5210}.intro-image img{aspect-ratio:1.4;object-fit:cover}.versions{display:grid;grid-template-columns:1fr 1fr;gap:32px}.version{background:white;border:1px solid var(--line)}.version .image{height:370px;overflow:hidden;position:relative;background:#10293e}.version .image>img{height:100%;object-fit:cover}.version .robot>img{position:absolute;width:220%;height:auto;max-width:none;right:-5%;bottom:-13%}.version .copy{padding:30px}.version h3{font-size:25px;margin:8px 0 16px}.version p{color:var(--muted)}.version ul{padding-left:20px;color:var(--muted);font-size:14px}.story-heading{font-size:28px;margin-bottom:30px}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.story-row:nth-child(odd) .story-photo{order:2}.story-photo img{aspect-ratio:1.7;object-fit:cover;border:8px solid white;box-shadow:0 8px 25px #183d5010}.story-copy .step{color:#bf3e29;font-size:13px;font-weight:bold;letter-spacing:.14em}.story-copy h3{font-size:25px;margin:12px 0 16px}.story-copy p{color:var(--muted)}.relationship{background:white;border:1px solid var(--line);padding:44px;display:grid;grid-template-columns:.8fr 1fr;gap:45px;align-items:center}.relationship h3{font-size:28px;margin-bottom:18px}.relationship img{max-height:430px;object-fit:cover;object-position:center 62%}.relationship p{color:var(--muted)}.design-info{padding:18px 0 36px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}.design-info summary{cursor:pointer;font-weight:bold}.design-info p{margin-top:12px;max-width:780px}dialog{max-width:min(90vw,900px);max-height:92vh;padding:16px;border:0;border-radius:6px;background:#fff;color:var(--ink)}dialog::backdrop{background:#101322da}dialog img{width:auto;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}dialog p{padding:12px 4px}.close{display:block;margin:0 0 12px auto;padding:5px 18px;background:var(--ink);color:white;border:0;border-radius:22px;cursor:pointer}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.topbar{padding:14px 22px}.draft{display:none}main{padding:0 22px}.hero{gap:28px;min-height:580px}.hero h1{font-size:84px}.hero-collage{gap:9px}.about{padding:32px;gap:35px}.version .image{height:290px}.news{gap:25px;padding:32px}.relationship{padding:30px;gap:28px}}@media(max-width:650px){.brand{font-size:22px}.world-nav a{padding:6px 13px;font-size:13px}.topbar{padding:12px 16px;gap:8px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:42px 0;gap:34px;min-height:0}.hero h1{font-size:96px}.hero h1.jp{font-size:48px}.lead{font-size:25px}.hero-collage{max-width:450px;margin:0 13px;gap:20px}.photoframe.small{margin-top:60px}.portrait{aspect-ratio:.8}.hero-links{margin-top:22px}.section-nav{gap:18px;font-size:13px}section{padding:48px 0}.section-title{gap:12px}.section-title h2{font-size:35px}.section-title span{font-size:13px}.about,.intro,.works,.versions,.news,.relationship{grid-template-columns:1fr;gap:25px}.about{padding:26px}.about h3{font-size:23px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery .photo-button:last-child{grid-column:1/-1;max-width:65%;margin:auto}.photo-button .caption{padding:12px;font-size:13px;gap:8px}.poster{max-width:330px;margin:auto}.news{padding:30px}.news h2{font-size:32px}.crossworld{padding:27px;display:block;margin:20px 0 48px}.crossworld .button{margin-top:20px}.crossworld h2{font-size:22px}footer{display:block;padding:24px 20px}footer span{display:block;margin-top:10px}.nek-hero-image{margin:0 8px 14px}.stamp-label{left:-10px;bottom:-12px}.intro h3{font-size:25px}.version .image{height:340px}.version .copy{padding:25px}.story-row{grid-template-columns:1fr;gap:22px}.story-row:nth-child(odd) .story-photo{order:0}.relationship{padding:26px}.relationship img{max-height:350px}.description{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.coo .hero-collage .portrait{aspect-ratio:.62}.coo .hero-collage .portrait img{height:100%;min-height:0;object-fit:cover}.coo .hero-collage .hero-photo-left{object-position:center 35%}.coo .hero-collage .hero-photo-right{object-position:center 30%}.coo .gallery .portrait{aspect-ratio:1}.version .robot>img{width:160%;right:-4%;bottom:-52%}@media(max-width:650px){.version .robot>img{width:200%;bottom:-68%}}

.profile-list{margin:26px 0 0}.profile-list div{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:9px 0;border-top:1px solid var(--line)}.profile-list dt{font-size:13px;font-weight:700;color:var(--accent)}.profile-list dd{margin:0}.profile-list a,.inline-link,.legal a{text-decoration:underline;text-underline-offset:4px}.photo-browser{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:24px;align-items:start}.featured-photo{background:#fff;padding:10px;box-shadow:0 12px 30px #1f203d12}.featured-photo img{aspect-ratio:1.28;object-fit:cover}.featured-photo figcaption{padding:12px 5px 3px;color:var(--muted);font-size:14px}.photo-choices{display:grid;gap:12px}.photo-choice{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;width:100%;padding:8px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.photo-choice img{width:88px;height:68px;object-fit:cover}.photo-choice.is-active{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.text-link{display:inline-block;margin-top:18px;font-size:13px;color:#c0b7da}.link-section{padding-top:55px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.link-grid a{display:flex;flex-direction:column;gap:5px;padding:24px;border:1px solid var(--line);background:#fff}.link-grid strong{font-family:Georgia,serif;font-size:23px;color:var(--accent)}.link-grid span,.muted{color:var(--muted);font-size:14px}.link-subsection{margin-top:28px;padding:28px;background:#fff;border:1px solid var(--line)}.link-subsection h3{margin-bottom:12px;font-size:22px}.collaborations ul{list-style:none;padding:0;margin:0}.collaborations li{display:grid;grid-template-columns:150px 1fr auto;gap:18px;padding:13px 0;border-top:1px solid var(--line);align-items:baseline}.collaborations li:first-child{border-top:0}.collaborations span{color:var(--muted)}.collaborations em{font-style:normal;font-size:12px;color:var(--accent)}.secret-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.secret-list li{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);padding:24px 28px}.secret-list span{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.08em}.secret-list strong{font-size:19px}.secret-space{min-height:170px;margin-top:22px;border:2px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.secret-space span{font-family:Georgia,serif;letter-spacing:.15em;color:var(--accent)}.legal{max-width:720px;text-align:right}footer a:hover,.inline-link:hover{color:var(--accent)}
@media(max-width:650px){.photo-browser{grid-template-columns:1fr}.photo-choices{grid-template-columns:repeat(3,1fr)}.photo-choice{display:block;padding:5px}.photo-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.photo-choice span{display:block;padding:7px 4px;font-size:12px}.link-grid{grid-template-columns:1fr}.collaborations li{grid-template-columns:1fr;gap:2px}.secret-list li{grid-template-columns:1fr;gap:5px;padding:21px}.legal{text-align:left;margin-top:14px}.profile-list div{grid-template-columns:62px 1fr}}

.coordi-logo{width:88px;height:88px;object-fit:contain;margin:0 0 18px;background:#000;border-radius:18px;box-shadow:0 10px 28px #17132722}.work-link{margin-top:13px!important}.work-link a,.agency-links .inline-link{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.work-link a{color:var(--accent);font-weight:700}.link-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.link-grid a{justify-content:center;min-height:98px}.agency-links{list-style:none;padding:0;margin:0}.agency-links li+li{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.agency-links a{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.agency-links strong{font-size:18px;color:var(--accent)}.agency-links span{font-size:14px;color:var(--muted)}.agency-banner{display:flex;align-items:center;gap:18px;width:min(100%,500px);padding:18px 22px;background:#f8f8f8;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.agency-banner:hover{transform:translateY(-2px);box-shadow:0 10px 24px #15132912}.agency-banner img{width:min(300px,72%);height:auto;object-fit:contain}.agency-banner span{font-size:13px;color:var(--muted);white-space:nowrap}.agency-only{padding:24px}.agency-only .agency-banner{margin:0 auto}
@media(max-width:900px){.link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.coordi-logo{width:72px;height:72px;margin-bottom:14px}.link-grid{grid-template-columns:1fr 1fr}.link-grid a{min-height:82px;padding:18px}.link-grid strong{font-size:20px}.agency-banner{padding:15px;gap:12px}.agency-banner img{width:min(250px,70%)}.agency-banner span{white-space:normal}}

/* Profile tags and the coordi–Nekordy cross-link */
.keywords span{font-weight:700;color:var(--accent);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin-right:0}
.crossworld{padding:30px 36px;display:grid;grid-template-columns:150px 1fr auto;justify-content:initial;gap:28px}
.crossworld-photo{width:150px;aspect-ratio:1;object-fit:cover;border-radius:3px}
@media(max-width:650px){.crossworld{padding:24px;display:grid;grid-template-columns:105px 1fr;gap:18px}.crossworld-photo{width:105px}.crossworld .button{grid-column:1/-1;margin-top:0;text-align:center}}

/* Photo diary */
.photo-diary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.photo-diary-grid figure{overflow:hidden;background:#fff;border:6px solid #fff;box-shadow:0 8px 22px #1f203d10}
.photo-diary-grid img{width:100%;aspect-ratio:1;object-fit:cover}
@media(max-width:650px){.photo-diary-grid{gap:5px}.photo-diary-grid figure{border-width:3px}}

/* Main coordi wordmark */
.hero h1.hero-wordmark{width:min(100%,430px);margin:14px 0 24px;line-height:1}
.hero-wordmark img{width:100%;height:auto;background:transparent;filter:drop-shadow(0 0 1px rgba(78,60,140,.48))}
@media(max-width:650px){.hero h1.hero-wordmark{width:min(86vw,390px)}}
.secret-list a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.secrets-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:28px;align-items:start}.secret-gallery{display:grid;gap:20px}.secret-gallery figure{overflow:hidden;background:#fff;border:7px solid #fff;box-shadow:0 12px 28px #12334518}.secret-gallery img{width:100%;height:100%;object-fit:cover}.secret-gallery .portrait{aspect-ratio:3/4}.secret-gallery .wide{aspect-ratio:16/9}.secret-gallery .portrait:first-child img{object-position:center 52%}.secret-gallery .portrait:last-child img{object-position:center 38%}
@media(max-width:800px){.secrets-layout{grid-template-columns:1fr}.secret-gallery{grid-template-columns:repeat(3,1fr);gap:8px}.secret-gallery .portrait,.secret-gallery .wide{aspect-ratio:1}.secret-gallery figure{border-width:4px}}

/* ParallaxAgency IP links */
.ip-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ip-link{display:inline-flex;align-items:baseline;justify-content:center;gap:10px;min-width:170px;padding:8px 22px;border:1px solid var(--accent);border-radius:30px;background:var(--soft);color:var(--accent);transition:transform .2s,background .2s}.ip-link strong{font-size:14px}.ip-link span{font-family:Georgia,serif;font-size:11px;letter-spacing:.08em;opacity:.76;white-space:nowrap}.ip-link:hover{transform:translateY(-2px);background:#fff}.agency-only .ip-links{justify-content:center}
.collaborations-compact .inline-link{display:inline}.collab-work-links{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}