/* The portfolio is a growing collection. Empty frames await real assets. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
::view-transition-group(celea-work){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,.68,0,1)}
.reduced-motion::view-transition-group(*),.reduced-motion::view-transition-old(*),.reduced-motion::view-transition-new(*){animation:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.work-reveal{position:relative;padding:65px var(--gutter);background:var(--ink)}
.work-reveal .reading-project-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:28px}
.project-caption{display:flex;align-items:end;justify-content:space-between;gap:30px}
.project-caption h2{font-size:clamp(38px,4vw,66px);font-weight:400;letter-spacing:.035em;line-height:1.1;margin-top:12px}
.project-caption .jp{font-size:12px;margin-top:13px;color:#b9b6b1}
.project-caption .eyebrow{font-size:9px;letter-spacing:.16em}
.project-caption .text-link{margin:0;white-space:nowrap}
.experience-on .work-reveal{position:absolute;inset:0;padding:0;background:transparent;pointer-events:none;opacity:0;visibility:hidden}
.experience-on .work-reveal .reading-project-image{display:none}
.experience-on .project-caption{position:absolute;left:var(--project-left);top:var(--project-caption-top);width:var(--project-width)}
.experience-on .project-caption a{pointer-events:auto}
.experience-on #work{top:1335svh}
.experience-on .film-stage{background:radial-gradient(ellipse at 82% 28%,#c08d4514,transparent 60%),var(--ink)}
.experience-on .joined-scene{inset:auto;top:0;left:0;width:100%;height:100%;contain:layout paint}
.work-collection,.work-page,.process-layout{padding:110px var(--gutter) 100px;background:var(--ink);position:relative}
.work-collection{border-top:1px solid #eee4ce15;background:radial-gradient(ellipse at 90% -5%,#b18e5710,transparent 45%),var(--ink)}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}
.section-heading h2,.page-heading h1,.gallery-contact h2{font-size:clamp(46px,6vw,94px);line-height:1.06;letter-spacing:-.05em;font-weight:400;margin-top:26px}
.section-heading .jp,.page-heading .jp{margin-top:24px}
.section-heading>.text-link{margin-bottom:5px;white-space:nowrap}
.work-slots{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,5.5vw,100px);align-items:start;margin-top:80px}
.work-slot{margin:0;min-width:0}
.work-slot-film{margin-top:140px}
.reserved-media{position:relative;aspect-ratio:16/11;border:1px solid #cbd1db14;background:linear-gradient(135deg,#161d251c,#080b10);overflow:hidden}
.reserved-media.wide{aspect-ratio:16/9}
.reserved-media.portrait{aspect-ratio:4/5}
.frame-corner{position:absolute;width:16px;height:16px;border-color:#d5dae045;border-style:solid;pointer-events:none}
.corner-a{top:13px;left:13px;border-width:1px 0 0 1px}.corner-b{bottom:13px;right:13px;border-width:0 1px 1px 0}
.frame-cross{position:absolute;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%);opacity:.22}
.frame-cross::before,.frame-cross::after{content:"";position:absolute;background:#c1cad5}
.frame-cross::before{width:19px;height:1px;top:9px}.frame-cross::after{width:1px;height:19px;left:9px}
.work-slot figcaption{padding-top:23px;border-bottom:1px solid #dce4ee1a;padding-bottom:25px}
.work-slot h3{font-size:clamp(21px,2.3vw,34px);font-weight:400;letter-spacing:-.035em}
.work-slot figcaption>p{font-size:12px;color:#acb4c1;margin-top:9px}
.slot-note{display:block;font-size:10px;line-height:1.9;color:#7e8999;margin-top:27px}
.slot-note i{font-style:normal;padding:0 8px;opacity:.6}.slot-note [lang=ja]{font-size:10px}
.studio-layout{background:var(--ink);border-top:1px solid #dce4ee18;padding-top:95px;padding-bottom:110px}
.studio-spaces{display:grid;grid-template-columns:1.6fr .7fr;gap:50px 8%;margin-top:65px;position:relative;align-items:start}
.studio-spaces figure{margin:0;min-width:0}
.studio-spaces .reserved-media{background:linear-gradient(150deg,#9f805711,#080b10 80%)}
.studio-space-main{grid-row:1/3}.studio-space-detail{margin-top:75px!important}
.studio-spaces figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:11px;color:#b9b9b5}.studio-spaces figcaption [lang=ja]{font-size:10px;color:#7e8999}
.studio-space-note{grid-column:2;font-size:clamp(24px,2.5vw,39px);line-height:1.22;letter-spacing:-.03em;margin-top:-15px;color:#b9b9b5}
.studio-space-note [lang=ja]{display:block;font-size:11px;line-height:1.9;margin-top:18px;letter-spacing:.08em;color:#7e8999}
.gallery-page{background:var(--ink)}.gallery-page .site-header{background:#080b10e8;backdrop-filter:blur(14px)}
.gallery-context .site-header{background:#080b10ed;backdrop-filter:blur(14px)}
.gallery-page .site-header a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:#a3a9b780}
.work-page{padding-top:160px}.page-heading{margin-bottom:80px}.page-heading h1{max-width:900px}
.featured-work{margin-bottom:130px}.featured-cover{display:block;overflow:hidden;view-transition-name:celea-work;aspect-ratio:16/9;background:#17131a}
.featured-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.featured-caption{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:30px}
.featured-caption h2{font-size:clamp(40px,5vw,75px);letter-spacing:.035em;font-weight:400;margin-top:12px}.featured-caption .jp{font-size:13px;margin-top:12px}.featured-caption .text-link{margin-bottom:4px}
.work-page>.work-slots{border-top:1px solid #dce4ee20;padding-top:65px;margin-top:0}
.studio-page .studio-layout{padding-top:160px;border:0}
.process-layout{padding-top:55px}.process-layout>.reserved-media{margin-top:55px;max-height:560px}
.gallery-contact{padding:100px var(--gutter) 120px;border-top:1px solid #dce4ee18;background:radial-gradient(ellipse at 100% 100%,#17364b28,transparent 65%),var(--ink)}
.gallery-contact h2{font-size:clamp(46px,6.8vw,106px)}.gallery-contact .jp{margin-top:27px}.gallery-contact .text-link{margin-top:30px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.featured-cover:hover img{transform:scale(1.025)}}
@media(max-width:900px){.work-slots{gap:35px}.work-slot-film{margin-top:90px}.studio-spaces{gap:35px 7%}.project-caption .eyebrow [lang=ja]{display:none}.project-caption .text-link{gap:25px}}
@media(max-width:600px){
 .site-header nav a[href='#haruka']{display:none}
 .site-header nav a[href='/studio.html']{display:none}.gallery-page .site-header nav a[href='/studio.html']{display:inline}.gallery-page .site-header nav{gap:15px}.gallery-page .site-header nav .inquiry-link{display:none}
 .project-caption{display:block}.project-caption h2{font-size:43px;margin-top:14px}.project-caption .jp{font-size:11px;margin-top:14px}.project-caption .text-link{margin-top:21px;font-size:11px;width:100%}.project-caption .eyebrow{font-size:8px;letter-spacing:.12em}
 .work-reveal{padding:65px 25px}.work-collection,.work-page,.process-layout{padding:80px 25px}.section-heading{display:block}.section-heading h2,.page-heading h1{font-size:49px}.section-heading .jp{font-size:13px}.section-heading>.text-link{margin-top:25px}
 .work-slots{grid-template-columns:1fr;gap:45px;margin-top:50px}.work-slot-film{margin-top:0;width:86%;justify-self:end}.work-slot h3{font-size:25px}.work-slot figcaption{padding-top:19px;padding-bottom:19px}.slot-note{margin-top:20px}
 .studio-layout{padding:75px 25px}.studio-spaces{grid-template-columns:1.5fr 1fr;gap:30px 20px;margin-top:40px}.studio-space-main{grid-column:1/-1;grid-row:auto}.studio-space-detail{margin-top:0!important;grid-column:1}.studio-space-note{grid-column:2;align-self:center;font-size:25px;margin:0}.studio-space-note [lang=ja]{font-size:10px}.studio-spaces figcaption{font-size:10px;flex-wrap:wrap;gap:6px}.studio-space-detail figcaption [lang=ja]{display:none}
 .work-page{padding-top:125px}.page-heading{margin-bottom:50px}.featured-work{margin-bottom:75px}.featured-caption{display:block;margin-top:25px}.featured-caption .eyebrow{font-size:9px;gap:12px}.featured-caption .eyebrow [lang=ja]{font-size:10px}.featured-caption .text-link{margin-top:22px}.featured-caption .jp{font-size:11px}.work-page>.work-slots{padding-top:45px}.studio-page .studio-layout{padding-top:125px}
 .process-layout{padding-top:20px}.process-layout>.reserved-media{margin-top:35px}.gallery-contact{padding:80px 25px}.gallery-contact h2{font-size:49px}.gallery-contact .jp{font-size:11px}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.featured-cover img{transition:none}}
@media(min-width:601px) and (max-height:549px){.experience-on .project-caption{display:block}.project-caption h2{font-size:34px}.project-caption .eyebrow{font-size:8px;letter-spacing:.08em}.project-caption .jp{font-size:10px;margin-top:10px}.project-caption .text-link{margin-top:15px;gap:20px;width:100%;font-size:10px}}