/* YuuMee Create: editorial portfolio, shared appearance tokens. */
.create-page { --content-max:1320px; font-size:16px; }
.create-page a { text-underline-offset:5px; }
.create-page :focus-visible { outline:2px solid var(--gold-bright); outline-offset:5px; }
.create-page section { scroll-margin-top:28px; }
.create-page .create-hero { min-height:0; padding:0 32px; overflow:visible; background:radial-gradient(ellipse at 72% 55%,rgba(var(--theme-glow-rgb),.12),transparent 65%),var(--bg); }
.create-hero::before { display:none; }
.create-page .site-header { position:relative; top:auto; left:auto; transform:none; width:100%; max-width:1320px; margin:auto; padding:20px 0; }
.create-page .site-brand img.site-brand-logo { width:200px; height:auto; }
.create-page .site-navigation { gap:24px; }
.create-page .site-navigation a,.create-page .nav-group summary { color:var(--cream); font-size:14px; letter-spacing:0; text-transform:none; font-weight:400; }
.nav-group { position:relative; }
.nav-group summary { cursor:pointer; list-style:none; padding:12px 0; }
.nav-group summary::after { content:'⌄'; margin-left:7px; color:var(--gold); }
.nav-group summary::-webkit-details-marker { display:none; }
.nav-sub { position:absolute; top:100%; left:-18px; min-width:180px; padding:12px; border:1px solid var(--line); background:var(--bg-panel); box-shadow:0 15px 35px #0004; z-index:30; }
.create-page .nav-sub a { display:block; padding:10px; }
.create-page .nav-sub a:hover,.create-page .nav-sub a:focus-visible { background:rgba(var(--theme-glow-rgb),.12); color:var(--gold-bright); }
.music-credit { font-size:14px!important; line-height:1.7; color:var(--muted); border-left:2px solid var(--gold); padding:8px 0 8px 16px; margin:20px 0; }
.music-credit strong { display:block; color:var(--cream); font-weight:500; }
.create-gallery .ai-credit { font-size:14px; line-height:1.5; margin-top:8px; color:var(--gold-bright); }
.create-intro { max-width:1320px; margin:auto; display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:center; padding:54px 0 74px; }
.create-kicker { color:var(--gold-bright); font-size:12px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; margin-bottom:20px; }
.create-page .create-intro h1 { font-family:'Cormorant Garamond',serif; font-weight:400; font-size:clamp(46px,4.9vw,76px); line-height:1.02; letter-spacing:-.035em; margin:0 0 26px; }
.create-intro h1 em { font-weight:400; color:var(--lilac); }
.create-lede { font-size:18px; max-width:440px; color:var(--muted); line-height:1.8; }
.create-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.create-button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:12px 24px; border:1px solid var(--gold); border-radius:30px; color:var(--cream); text-decoration:none; font-size:14px; font-weight:500; background:transparent; cursor:pointer; }
.create-button.solid { background:var(--gold-bright); color:var(--bg); }
.create-note { font-size:13px; color:var(--muted); margin-top:42px; padding-top:16px; border-top:1px solid var(--line); max-width:310px; }
.create-triptych { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; height:470px; }
.create-triptych a { display:block; overflow:hidden; }
.create-triptych a:nth-child(2) { margin-top:36px; margin-bottom:-12px; }
.create-triptych img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.create-triptych a:hover img { transform:scale(1.035); }
.create-section { max-width:1320px; margin:auto; padding:80px 32px; }
.create-section-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:32px; }
.create-page h2.create-heading { font-family:'Cormorant Garamond',serif; font-size:clamp(34px,3.5vw,52px); line-height:1.08; font-weight:400; letter-spacing:-.02em; margin-bottom:12px; }
.create-section-heading p:not(.create-kicker) { max-width:500px; color:var(--muted); }
.create-text-link { color:var(--gold-bright); font-size:14px; white-space:nowrap; }
.create-photo-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:20px; }
.create-photo-grid figure { min-width:0; }
.create-photo-grid img { width:100%; height:350px; object-fit:cover; display:block; }
.create-photo-grid figcaption { padding-top:12px; color:var(--muted); font-size:13px; }
.create-page .music-section { max-width:1320px; padding:64px 32px; gap:48px; grid-template-columns:1fr 1fr; }
.create-page .release { flex-direction:row; align-items:start; gap:26px; }
.create-page .release-info { min-width:0; }
.create-page .release-info h2 { overflow-wrap:normal; }
.create-page .create-album { flex-shrink:0; }
.create-album { width:160px; height:160px; object-fit:cover; }
.create-page .release-info p,.create-page .story p,.create-page .collaboration p,.create-page .capture p,.create-page .contact-panel p { font-size:16px; }
.create-page .player-label,.create-page .eyebrow { font-size:12px; }
.create-page .stream-card-title { font-size:17px; }
.create-page .stream-card-meta { font-size:12px; letter-spacing:.06em; }
.create-page .tracks-section { padding:64px 32px; background:var(--bg-deep); }
.create-page .tracks-inner { max-width:1256px; }
.create-page .tracks-hero h2 { font-size:44px; }
.create-page .story { background:radial-gradient(ellipse at right,rgba(var(--theme-glow-rgb),.14),transparent),var(--bg-deep); padding:64px 32px; }
.create-page .story-inner { max-width:1256px; display:grid; grid-template-columns:1fr 1fr; gap:12px 64px; }
.create-page .story-inner .eyebrow { grid-column:1/-1; }
.create-page .story-inner h2 { grid-row:2/5; font-size:42px; }
.create-page .story-inner > * { max-width:none; }
.create-page .collaboration { background:var(--bg); }
.create-page .collaboration-inner,.create-page .capture-inner,.create-page .contact-panel-inner,.create-page .footer-inner { max-width:1256px; }
.create-writing-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.create-writing-card { border-top:1px solid var(--line); padding-top:24px; }
.create-writing-card h3 { font-family:'Cormorant Garamond',serif; font-size:30px; font-weight:400; line-height:1.15; margin-bottom:12px; }
.create-writing-card p { color:var(--muted); margin-bottom:18px; }
.create-reflection-card { display:grid; grid-template-columns:150px 1fr; gap:24px; }
.create-reflection-card img { width:150px; height:170px; object-fit:cover; }
.create-reading { background:var(--bg-deep); }
.create-page .capture { background:radial-gradient(ellipse at 25% 50%,rgba(var(--theme-glow-rgb),.24),transparent 70%),var(--bg-panel); }
.create-page .footer-brand span { font-size:12px; }
.create-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 22px; }
.create-gallery button { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.create-gallery img { width:100%; height:380px; object-fit:cover; display:block; }
.create-gallery figcaption { margin-top:12px; font-size:14px; }
.create-gallery figcaption span { display:block; color:var(--muted); font-size:12px; }
.create-filters { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 36px; }
.create-filters button { font:inherit; color:var(--cream); border:1px solid var(--line); border-radius:30px; padding:9px 17px; background:transparent; cursor:pointer; }
.create-filters button[aria-pressed=true] { color:var(--bg); background:var(--gold-bright); }
.create-lightbox { margin:auto; max-width:95vw; max-height:94vh; padding:18px; background:var(--bg); color:var(--cream); border:1px solid var(--line); }
.create-lightbox::backdrop { background:#000d; }
.create-lightbox img { display:block; max-height:76vh; max-width:85vw; object-fit:contain; margin:auto; }
.create-lightbox button { display:block; margin-left:auto; background:transparent; color:var(--cream); border:0; padding:6px 12px; font-size:24px; cursor:pointer; }
.create-article { max-width:760px; padding:50px 24px 90px; margin:auto; }
.create-article h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(38px,5vw,60px); line-height:1.08; font-weight:400; margin:26px 0; }
.create-article p { margin:0 0 24px; line-height:1.9; font-size:18px; }
.create-article img { display:block; width:100%; max-width:560px; height:auto; margin:30px auto 44px; }
@media(max-width:1100px) { .create-page .site-navigation { gap:15px; } .create-page .site-brand img.site-brand-logo { width:170px; } .create-intro { gap:30px; } .create-triptych { height:390px; } .create-album { width:115px; height:115px; } }
@media(max-width:900px) {
 .create-page .site-navigation { background:var(--bg-panel); top:100%; gap:0; max-height:75vh; overflow:auto; }
 .create-page .site-navigation .nav-group summary { padding:12px 10px; }
 .nav-sub { position:static; box-shadow:none; border:0; border-left:1px solid var(--line); margin-left:10px; }
 .create-intro { grid-template-columns:1fr; padding:34px 0 50px; gap:40px; }
 .create-lede { max-width:600px; } .create-note { margin-top:25px; }
 .create-triptych { height:350px; } .create-page .music-section { grid-template-columns:1fr; }
 .create-page .story-inner { display:block; } .create-page .story-inner h2 { margin-bottom:24px; }
 .create-reflection-card { grid-template-columns:1fr; } .create-reflection-card img { width:100%; height:250px; object-fit:contain; background:var(--bg-panel); }
 .create-gallery { grid-template-columns:1fr 1fr; }
}
@media(max-width:540px) {
 .create-page .create-hero { padding:0 24px; } .create-page .site-header { padding:12px 0; }
 .create-intro { padding-top:24px; } .create-page .create-intro h1 { font-size:48px; }
 .create-kicker { font-size:12px; letter-spacing:.12em; } .create-lede { font-size:16px; }
 .create-triptych { height:270px; gap:8px; } .create-triptych a:nth-child(2) { margin-top:20px; margin-bottom:0; }
 .create-section { padding:50px 24px; } .create-section-heading { display:block; } .create-section-heading .create-text-link { display:inline-block; margin-top:18px; }
 .create-photo-grid { grid-template-columns:1fr 1fr; gap:16px; } .create-photo-grid figure:first-child { grid-column:1/-1; }
 .create-photo-grid img { height:230px; } .create-photo-grid figure:first-child img { height:300px; }
 .create-page .music-section { padding:50px 24px; gap:32px; } .create-page .release { gap:18px; } .create-album { width:90px; height:90px; }
 .create-page .tracks-section { padding:48px 24px; } .create-writing-grid { grid-template-columns:1fr; gap:36px; }
 .create-page .story { padding:48px 24px; } .create-gallery { gap:24px 14px; } .create-gallery img { height:240px; }
 .create-page .create-actions { gap:10px; } .create-button { padding:12px 18px; }
}
@media(prefers-reduced-motion:reduce) { .create-triptych img { transition:none; } }

/* One music destination, with distinct released and preview collections. */
.create-page .create-music { background:var(--bg-deep); }
.create-page .create-music-heading { padding-bottom:0; }
.create-page .create-music-heading .create-heading { max-width:850px; }
.create-page .create-music .music-section { padding-top:32px; padding-bottom:40px; }
.create-page .create-music .tracks-section { padding-top:40px; border-top:1px solid var(--line); }
.create-page .story-inner h2 { grid-row:2/7; }
.create-page .story-inner .create-text-link { white-space:normal; }

/* Calm reading surface and compact homepage previews. */
html[data-yuumee-theme] .create-page #about {
 background:radial-gradient(ellipse at top right,rgba(var(--theme-glow-rgb),.09),transparent 70%),var(--bg-deep);
}
.create-page #about p { color:var(--cream); max-width:62ch; line-height:1.8; margin:0 0 18px; }
.create-page #about .story-inner { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); column-gap:64px; }
.create-page #about .story-tagline { grid-column:2; }
html[data-yuumee-theme] .create-page #unreleased { min-height:0; padding:32px 32px 40px; background:var(--bg-deep); }
.create-page #unreleased::before { display:none; }
.create-page #unreleased .tracks-hero { display:block; margin-bottom:24px; }
.create-page #unreleased .tracks-mark,.create-page #unreleased .tracks-rule { display:none; }
.create-page #unreleased .tracks-copy h2 { margin-bottom:12px; }
.create-page #unreleased .tracks-copy h2 span { font-size:clamp(30px,3vw,42px); color:var(--cream); }
.create-page #unreleased .tracks-copy p { max-width:70ch; font-size:16px; color:var(--cream); line-height:1.7; }
.create-page #unreleased .tracks-kicker { letter-spacing:.14em; color:var(--gold-bright); }
.create-page #unreleased .tracks-cta { margin-top:20px; }
@media(max-width:900px) {
 .create-page #about .story-inner { display:block; }
 .create-page #about h2 { margin-bottom:24px; }
}
@media(max-width:540px) {
 html[data-yuumee-theme] .create-page #unreleased { padding:28px 24px 32px; }
}

/* Framed gallery thumbnails; the hero retains its original scale. */
.create-gallery { max-width:1040px; margin-inline:auto; gap:28px 24px; }
.create-gallery figure { min-width:0; margin:0; }
.create-gallery button { box-sizing:border-box; padding:9px; border:1px solid var(--gold); background:var(--bg-panel); }
.create-gallery button:hover { border-color:var(--gold-bright); }
.create-gallery img { height:250px; object-fit:cover; }
.create-gallery figcaption { line-height:1.5; }
.create-lightbox img { width:auto; height:auto; }
@media(max-width:900px) { .create-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) {
 .create-gallery { gap:24px 14px; }
 .create-gallery button { padding:5px; }
 .create-gallery img { height:175px; }
}