/* 2026-10-29: SANKOU research — compact, readable project gallery. */
.curated-works{color:#202328!important;padding:40px 0!important;scroll-margin-top:80px}
.curated-works>.container{width:calc(100% - 80px);max-width:1120px;margin:auto}
.curated-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}
.curated-heading h2{font-size:38px;line-height:1.3;margin:8px 0 0;letter-spacing:-.03em}
.curated-heading>p{font-size:14px;color:#62666d;line-height:1.9;margin:0}
.curated-works .section-label{font-size:11px;color:#62666d;letter-spacing:.15em;margin:0}
.work-index{display:flex;gap:28px;border-top:1px solid #25282d;border-bottom:1px solid #dfe0e1;padding:14px 0;font-size:13px;font-weight:700}
.work-index a{padding:5px 0}.work-index span{font-weight:400;color:#777;margin-left:6px}
.curated-context{font-size:12px;color:#62666d;line-height:1.9;margin:22px 0 24px;scroll-margin-top:100px}
.curated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}
.curated-card{min-width:0;scroll-margin-top:100px}
.curated-visual{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f1f1ef;border-radius:3px}
.crop-window{display:block;position:relative;overflow:hidden;flex-shrink:0}
.crop-window img{position:absolute;max-width:none;height:auto;display:block}
.visual-lp1{background:#0e254b}.crop-1{width:83.26%;aspect-ratio:750/563}.crop-1 img{width:192%;left:-45.0667%;top:-11.9005%}
.visual-lp2{background:#e6d9bc}.crop-2{width:100%;aspect-ratio:1000/626}.crop-2 img{width:136.6%;left:-17.6%;top:0}
.visual-lp3{background:#0b0b09}.crop-3{width:96%;aspect-ratio:1216/650}.crop-3 img{width:118.4211%;left:-8.6349%;top:-7.5385%}
.visual-video{background:#e4dfd8}.visual-video>img{display:block;width:100%;height:auto;max-width:100%}
.curated-play{position:absolute;right:14px;bottom:14px;background:#fff;color:#222;padding:9px 13px;font-size:11px;border-radius:30px;box-shadow:0 2px 12px #0002}
.curated-visual:hover{filter:brightness(1.05)}
.curated-meta{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;letter-spacing:.08em;color:#666;line-height:1.6}
.curated-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}
.curated-title h3{font-size:19px!important;line-height:1.5!important;margin:0!important;letter-spacing:-.025em}
.curated-title>a{width:40px;min-width:40px;height:40px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;font-size:19px}
.curated-card>p{font-size:13px;line-height:1.8;margin:7px 0;color:#62666d}
.curated-card>small{font-size:11px;color:#767a80}
.curated-marketing{margin-top:52px;padding-top:30px;border-top:1px solid #a9acb1;scroll-margin-top:100px}
.curated-marketing>header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.curated-marketing h3{font-size:28px!important;line-height:1.5;margin:7px 0!important}
.study-badge{font-size:11px;padding:6px 10px;background:#f2eee9;color:#756858}
.marketing-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:16px 0 25px}
.marketing-intro h4{font-size:17px;line-height:1.7;max-width:320px;margin:0}
.marketing-intro p{font-size:13px;line-height:1.9;color:#62666d;margin:0}
.curated-marketing .marketing-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
.curated-marketing .work-card{border:0;background:none;box-shadow:none;min-width:0}
.curated-marketing .work-trigger{padding:0!important;background:transparent;text-align:left;width:100%;border:0;color:inherit}
.curated-marketing .work-image{display:block;width:100%;height:140px!important;background:#f3efeb;overflow:hidden;margin:0 0 12px!important}
.curated-marketing .work-image img{width:100%;height:100%;object-fit:cover;object-position:top}
.curated-marketing .work-meta{font-size:9px!important;display:block;margin:0 0 6px!important}
.curated-marketing .work-title{font-size:13px!important;line-height:1.65!important;display:block;margin:0!important}
.curated-marketing .work-description,.curated-marketing .work-tag{display:none!important}
.curated-marketing .text-link{font-size:11px!important;margin-top:10px!important}
.curated-footnote{font-size:11px;color:#777;margin-top:22px}
.curated-works .secondary-samples{margin:28px 0 0;padding:14px 0;border-color:#e3e3e3}
.curated-works .secondary-samples summary{font-size:12px;color:#777;font-weight:400}
.curated-works a:focus-visible,.curated-works button:focus-visible{outline:3px solid #225fba;outline-offset:4px}
@media(max-width:700px){.curated-works{padding:42px 0!important}.curated-works>.container{width:calc(100% - 40px)}.curated-heading{display:block}.curated-heading h2{font-size:30px}.curated-heading>p{margin-top:15px;font-size:13px}.work-index{gap:18px;font-size:11px;flex-wrap:wrap}.curated-grid{grid-template-columns:1fr;gap:30px}.curated-title h3{font-size:17px!important}.curated-meta{margin-top:12px}.curated-context{font-size:11px}.curated-marketing h3{font-size:24px!important}.curated-marketing>header{display:block}.study-badge{display:inline-block;margin-top:7px}.marketing-intro{display:block}.marketing-intro p{margin-top:12px}.curated-marketing .marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}.curated-marketing .work-image{height:115px!important}.curated-works .secondary-samples .work-image{max-height:140px!important}}

/* Hashimoto-inspired large image fields: no separate thumbnail rail. */
.curated-works{padding:64px 0!important;background:#f8f8f5!important}
.curated-works>.container{width:calc(100% - 64px);max-width:1480px}
.curated-heading{margin-bottom:32px;align-items:center}
.curated-heading h2{font-size:clamp(52px,5vw,80px);font-weight:600;line-height:1.12;letter-spacing:-.065em;margin:12px 0}
.curated-heading>p{font-size:15px;line-height:1.9}
.curated-works .section-label{font-size:12px}
.work-index{font-size:14px;padding:17px 0;gap:36px}
.curated-context{font-size:13px;margin:24px 0 8px}
.gallery-hint{font-size:11px;color:#777;margin:0 0 28px}
.project-explorer{margin:0;background:none}
.project-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.project-panel{min-width:0;scroll-margin-top:100px}
.project-stage-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;margin-bottom:12px;color:#656763}
.gallery-art{position:relative;aspect-ratio:1.55;overflow:hidden;background:#e7e6df;isolation:isolate;outline-offset:5px}
.gallery-cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0;aspect-ratio:auto;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gallery-cover .crop-window{width:100%;height:100%;aspect-ratio:auto}
.gallery-cover .crop-1{width:86%;height:100%}.gallery-cover .crop-1 img{width:192%;left:-45.0667%;top:-11.9%}
.gallery-cover .crop-2 img{width:136.6%;left:-17.6%;top:0}
.gallery-cover .crop-3 img{width:125%;left:-12.5%;top:-7%}
.gallery-cover.visual-video{background:#c8bca9}.gallery-cover.visual-video img{width:100%;height:100%;object-fit:contain}
.gallery-mosaic{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:0;pointer-events:none;transition:opacity .35s;z-index:1}
.gallery-reveal{position:absolute;inset:6% 5%;z-index:2;clip-path:inset(100% 15% 0);transform:translateY(12%) scale(.92);opacity:0;transition:clip-path .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),opacity .2s;pointer-events:none}
.project-panel.is-active .gallery-cover{transform:scale(1.06)}
.project-panel.is-active .gallery-mosaic{opacity:1}
.project-panel.is-active .gallery-reveal{clip-path:inset(0);transform:none;opacity:1;pointer-events:auto}
.project-panel.is-reading .gallery-reveal{inset:0;clip-path:inset(0)}
.gallery-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:3;cursor:pointer;color:white;display:flex;align-items:end;justify-content:end;padding:20px}
.gallery-open span{background:#171a1be8;padding:10px 15px;font:12px sans-serif;letter-spacing:.04em}.gallery-open b{margin-left:20px}
.project-panel.is-active .gallery-open{display:none}
.lp-live{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:0 12px 32px #0003}
.lp-browserbar{display:none}
.lp-screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#111}
.lp-screen iframe{display:block;border:0;width:1100px;max-width:none!important;transform-origin:top left;position:absolute;left:0;top:0;background:#fff}
.lp-takeover{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:end;justify-content:center;padding:24px;color:#fff}
.lp-takeover>span{padding:10px 15px;background:#171a1be8;border:1px solid #ffffff40;font-size:11px}.lp-takeover b{margin-left:15px}.lp-live.is-manual .lp-takeover{display:none}

.gallery-reveal>.visual-video{width:100%;height:100%;border-radius:0;background:#222}.gallery-reveal>.visual-video img{width:100%;height:100%;object-fit:contain;transition:transform 1.4s}.project-panel.is-active .gallery-reveal>.visual-video img{transform:scale(1.08)}
.project-caption{padding:19px 0 0;position:relative}.project-caption .project-client-title{font-size:clamp(19px,1.65vw,25px)!important;line-height:1.5!important;margin:0 0 10px!important;letter-spacing:-.035em}.project-caption p{font-size:13px;line-height:1.8;color:#62666d;margin:0 0 8px}.project-caption>small{display:block;font-size:10px;color:#777;line-height:1.8}.project-caption>a{display:inline-flex;gap:25px;border-bottom:1px solid #999;padding-bottom:5px;font-size:12px;margin-top:13px}
.curated-marketing{margin-top:70px;padding-top:36px}.curated-marketing h3{font-size:36px!important}.curated-marketing .work-image{height:180px!important}.curated-marketing .work-title{font-size:14px!important}
@media(max-width:700px){.curated-works{padding:48px 0!important}.curated-works>.container{width:calc(100% - 32px)}.curated-heading{margin-bottom:22px}.curated-heading h2{font-size:52px}.curated-heading>p{font-size:12px}.work-index{font-size:11px;gap:20px;padding:12px 0}.curated-context{font-size:11px}.gallery-hint{font-size:10px;line-height:1.8;margin-bottom:24px}.project-preview{grid-template-columns:1fr;gap:32px}.gallery-art{aspect-ratio:1.45}.project-stage-top{font-size:9px;margin-bottom:9px}.project-caption{padding-top:13px}.project-caption .project-client-title{font-size:18px!important}.project-caption p{font-size:12px}.project-caption>a{font-size:11px;margin-top:10px}.lp-takeover{padding:17px}.lp-takeover>span{font-size:9px;padding:8px 10px}.curated-marketing{margin-top:45px}.curated-marketing h3{font-size:27px!important}.curated-marketing .work-image{height:125px!important}.gallery-open{padding:13px}.gallery-open span{font-size:10px}.project-panel.is-active .gallery-reveal{inset:4% 3%;clip-path:inset(0)}.project-panel.is-reading .gallery-reveal{inset:0;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.gallery-cover,.gallery-reveal,.gallery-mosaic{transition:none}.project-panel.is-active .gallery-cover{transform:none}}

.gallery-reveal iframe.video-preview{width:100%;height:100%;border:0;display:block;background:#111}

@media(max-width:700px){.gallery-cover .crop-1{width:92%}}

.gallery-art,.project-stage-top{user-select:none}

/* Refined artwork reveal: unobstructed images and a restrained cursor label. */
.gallery-art{--pointer-x:50%;--pointer-y:50%}
.gallery-reveal{inset:4%;clip-path:inset(100% 10% 0);transform:translateY(8%) scale(.96);transition:clip-path .68s cubic-bezier(.2,.8,.15,1),transform .8s cubic-bezier(.16,1,.3,1),opacity .2s,inset .45s}
.gallery-mosaic{transition:opacity .45s;filter:saturate(.8)}
.project-panel.is-active .gallery-mosaic{opacity:.78}
.gallery-cursor{position:absolute;left:var(--pointer-x);top:var(--pointer-y);transform:translate(14px,14px);max-width:230px;padding:5px 9px;background:#161b1ee8;color:#fff;font-size:10px;line-height:1.5;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}
.project-panel.is-active .gallery-cursor{opacity:1}.project-panel.is-reading .gallery-cursor{opacity:0}
.project-client{font-size:11px!important;color:#777!important;line-height:1.7!important;margin-bottom:8px!important}
.video-live{position:relative;width:100%;height:100%;background:#111}
.video-live iframe{width:100%;height:100%;border:0;display:block}
.video-takeover{position:absolute;inset:0;border:0;width:100%;height:100%;background:transparent;cursor:pointer}
.is-video-manual .video-takeover{display:none}
.video-error{position:absolute;inset:0;margin:0;display:grid;place-content:center;gap:16px;text-align:center;background:#111;color:#fff;font-size:14px}.video-error[hidden]{display:none}
.curated-marketing .marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 28px!important}
.curated-marketing .work-image{height:auto!important;aspect-ratio:2/1!important;margin-bottom:16px!important}
.curated-marketing .work-title{font-size:20px!important;line-height:1.6!important}
.curated-marketing .work-meta{font-size:11px!important;margin-bottom:8px!important}
.curated-marketing .text-link{font-size:12px!important}




@media(max-width:700px){.gallery-cursor{display:none}.curated-marketing .marketing-grid{grid-template-columns:1fr!important;gap:28px!important}.curated-marketing .work-title{font-size:17px!important}.project-stage-top{font-size:8px;gap:8px}.project-client{font-size:10px!important}.curated-context{margin-bottom:28px}}

/* 同階層の作品カテゴリは共通の見出し・余白で表示 */
.curated-works .works-category{margin:64px 0 0!important;padding:0!important;border:0!important;scroll-margin-top:100px}
.curated-works .works-category-heading{display:block!important;margin:0 0 28px!important;padding:0!important;border:0!important}
.curated-works .works-category-heading h3{font-size:36px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important}
.curated-works .project-client-title{font-size:25px!important;font-weight:700!important;line-height:1.5!important;margin:0 0 10px!important;letter-spacing:-.035em}
.curated-works .works-category>.study-badge{display:inline-block;margin:0 0 22px}
@media(max-width:700px){.curated-works .works-category{margin-top:44px!important}.curated-works .works-category-heading{margin-bottom:22px!important}.curated-works .works-category-heading h3{font-size:27px!important}.curated-works .project-client-title{font-size:25px!important}}

/* Keep the cover visible until the archive has loaded, never show an empty iframe. */
.project-panel:has(.lp-live:not(.is-loaded)) .gallery-reveal{opacity:0!important;pointer-events:none!important}
.project-panel:has(.lp-live:not(.is-loaded)) .gallery-cover{opacity:1!important;transform:none!important}
.project-panel:has(.lp-live:not(.is-loaded)) .gallery-mosaic{opacity:0!important}

/* Static, uncropped previews link directly to each work. */
.curated-marketing .work-image{aspect-ratio:12/7!important;background:#eae5de!important;overflow:hidden}
.curated-marketing .work-image img,.curated-marketing .work-trigger:hover .work-image img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important;transition:none!important}