/* Restore existing approved video detail layout, scoped to this disclosure only. */
/* base.css */
#existing-works{--navy:#031b35;--ink:#0a2340;--warm:#f8f7f4;--coral:#f0492b;--line:#00bf52;--rule:#ccd2d9;--muted:#52647a;--content:1200px;color-scheme:light}
#existing-works *{box-sizing:border-box}
#existing-works{scroll-behavior:smooth;scroll-padding-top:100px}
#existing-works{margin:0;color:var(--ink);background:white;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;overflow-wrap:anywhere}
#existing-works a{-webkit-tap-highlight-color:transparent}
#existing-works a,#existing-works summary{touch-action:manipulation}
#existing-works a{color:inherit;text-decoration:none}
#existing-works a:hover{text-decoration:underline;text-underline-offset:5px}
#existing-works img{display:block;max-width:100%;height:auto}
#existing-works figure,#existing-works p,#existing-works h2,#existing-works h3,#existing-works ul,#existing-works ol{margin:0}
#existing-works ul,#existing-works ol{padding:0;list-style:none}
#existing-works a:focus-visible,#existing-works summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}
#existing-works .inner{width:min(var(--content),calc(100% - 80px));margin-inline:auto}
#existing-works .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#existing-works .hero{position:relative;isolation:isolate;background:var(--navy);color:white;min-height:680px;overflow:hidden}
#existing-works .hero-picture,#existing-works .hero-shade{position:absolute;inset:0;z-index:-1}
#existing-works .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}
#existing-works .hero-shade{background:linear-gradient(90deg,#031b352b 0%,#031b351f 42%,transparent 67%)}
#existing-works .hero-inner{min-height:680px;display:flex;align-items:center;padding-block:52px}
#existing-works .hero-copy{max-width:600px}
#existing-works .eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em}
#existing-works .accent-line{background:var(--coral);width:64px;height:5px;margin:24px 0}
#existing-works .hero-description{font-size:15px;font-weight:700;line-height:1.9;text-shadow:0 1px 6px #0009}
#existing-works .hero-actions{display:flex;gap:16px;margin-top:28px}
#existing-works .button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 23px;font-size:14px;font-weight:700;line-height:1.5;border:1px solid transparent;border-radius:2px;transition:background .15s}
#existing-works .button:hover{text-decoration:none}
#existing-works .button-line{background:var(--line);color:white;border-color:var(--line)}
#existing-works .button-line:hover{background:#00a547;border-color:#00a547}
#existing-works .button-outline{background:#031b3526;border-color:white;color:white}
#existing-works .button-outline:hover{background:#ffffff1c}
#existing-works .button-ink{border-color:var(--ink);color:var(--ink);background:transparent}
#existing-works .button-ink:hover{background:#031b3508}
#existing-works .hero-note{position:absolute;bottom:13px;right:24px;font-size:12px;line-height:1.5;text-shadow:0 1px 4px #000}
#existing-works h2{font-size:clamp(25px,2.5vw,36px);font-weight:800;line-height:1.5;letter-spacing:.01em}
#existing-works h3{font-size:24px;line-height:1.5}
#existing-works summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
#existing-works summary::after{content:"＋";font-size:20px;font-weight:400}
#existing-works summary::-webkit-details-marker{display:none}
#existing-works .social-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:26px}
#existing-works .social-links a{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;min-height:26px}
#existing-works .social-links svg{width:17px;height:17px;fill:currentColor;flex-shrink:0}
@media (min-width:1600px){#existing-works .hero-picture img{object-position:center 54%}
#existing-works .hero,#existing-works .hero-inner{min-height:750px}}
@media (max-width:1100px){#existing-works .inner{width:calc(100% - 56px)}
#existing-works .hero,#existing-works .hero-inner{min-height:620px}
#existing-works .hero-copy{max-width:540px}}
@media (max-width:980px){#existing-works .hero-shade{background:linear-gradient(90deg,#031b357a,#031b3520 60%,transparent)}
#existing-works .hero-copy{max-width:500px}
#existing-works .hero-description{font-size:14px}
#existing-works .hero-actions .button{font-size:13px;padding:12px 17px}}
@media (max-width:700px){#existing-works .hero-actions{flex-direction:column;max-width:300px;gap:10px}
#existing-works .hero-inner{padding-block:40px}}
@media (max-width:600px){#existing-works{scroll-padding-top:82px}
#existing-works .inner{width:calc(100% - 44px)}
#existing-works .hero,#existing-works .hero-inner{min-height:690px}
#existing-works .hero-inner{align-items:flex-start;padding-top:32px;padding-bottom:240px}
#existing-works .hero-copy{width:100%;max-width:none}
#existing-works .eyebrow{font-size:10px;letter-spacing:.2em}
#existing-works .accent-line{margin:17px 0 15px;height:4px;width:52px}
#existing-works .hero-description{font-size:14px;line-height:1.8;max-width:340px}
#existing-works .hero-actions{max-width:100%;margin-top:20px}
#existing-works .hero-actions .button{min-height:48px;width:100%;font-size:14px}
#existing-works .hero-picture img{object-position:center bottom}
#existing-works .hero-shade{background:linear-gradient(180deg,#031b354d,transparent 68%)}
#existing-works .hero-note{font-size:10px;right:14px;bottom:10px}
#existing-works h2{font-size:25px;line-height:1.5}
#existing-works .social-links{gap:10px 16px}
#existing-works .social-links a{font-size:12px;min-height:36px}
#existing-works .social-links svg{width:19px;height:19px}}
@media (max-width:360px){#existing-works .hero,#existing-works .hero-inner{min-height:650px}
#existing-works .hero-inner{padding-top:28px;padding-bottom:200px}
#existing-works .hero-description{font-size:13px}
#existing-works .hero-actions{margin-top:16px}
#existing-works .hero-actions .button{font-size:13px}}
@media (prefers-reduced-motion:reduce){#existing-works{scroll-behavior:auto}
#existing-works *{transition:none!important}}
/* sitewide.css */
#existing-works .sitewide-main{background:#fff}
#existing-works .sitewide-main h2,#existing-works .sitewide-main h3{font-family:Arial,"Yu Gothic",Meiryo,sans-serif;font-weight:800;letter-spacing:.015em;overflow-wrap:anywhere}
#existing-works .sitewide-main h2{font-size:clamp(27px,3vw,40px);line-height:1.45;margin:0 0 24px}
#existing-works .sitewide-main h3{font-size:21px;line-height:1.5;margin:0 0 16px}
#existing-works .sitewide-main p{font-size:15px;line-height:1.95;margin-bottom:16px;color:#405269}
#existing-works .sitewide-main ul,#existing-works .sitewide-main ol{margin:16px 0;padding:0;list-style:none}
#existing-works .sitewide-main li{line-height:1.85}
#existing-works .sitewide-main img{max-width:100%;height:auto}
#existing-works .sitewide-main video{width:100%;max-width:100%;height:auto;background:#031b35;display:block}
#existing-works .sw-inner{width:min(1200px,calc(100% - 80px));margin-inline:auto}
#existing-works .sw-section{padding:76px 0}
#existing-works .sw-warm{background:#f8f7f4}
#existing-works .sw-section-heading{margin-bottom:32px;max-width:850px}
#existing-works .sw-section-heading>span,#existing-works .sitewide-main [class*="eyebrow"],#existing-works .sitewide-main [class*="kicker"]{display:block;font-size:11px;letter-spacing:.16em;color:#f0492b;font-weight:700;margin-bottom:12px}
#existing-works .sw-section-heading h2{margin-bottom:14px}
#existing-works .sw-grid{display:grid;gap:24px;align-items:start}
#existing-works .sw-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#existing-works .sw-card{min-width:0;border:1px solid #d3dbe1;background:#fff;padding:28px}
#existing-works .sw-card p{font-size:14px}
#existing-works .sw-card h3{font-size:21px}
#existing-works .sw-card :last-child{margin-bottom:0}
#existing-works .sw-icon{width:25px;height:25px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:8px;color:currentColor}
#existing-works .sitewide-main a:not(.button):hover{color:#f0492b}
#existing-works .sitewide-main .button{margin:8px 10px 8px 0;text-decoration:none!important}
#existing-works .sw-cta{background:#031b35;color:#fff}
#existing-works .sw-cta h2{color:white}
#existing-works .sw-cta p{color:#d8e1ea}
#existing-works .sw-cta .button-outline{border-color:#8c9cab;color:white}
#existing-works .sw-cta :is(a:not(.button),strong){color:inherit}
#existing-works .sitewide-main details{padding:20px 0;border-bottom:1px solid #ced7df}
#existing-works .sitewide-main summary{font-weight:700;font-size:16px;cursor:pointer}
#existing-works .sitewide-main .breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:24px auto;width:min(1200px,calc(100% - 80px));color:#6b7885}
#existing-works .sitewide-main .breadcrumbs li:not(:last-child)::after{content:"›";margin-left:12px}
#existing-works .works-category-nav{display:flex;gap:14px;flex-wrap:wrap}
#existing-works .works-category-nav li{border:1px solid #cad4dd;padding:10px 18px;font-size:14px}
#existing-works .works-category-nav .is-active{background:#031b35;color:white}
#existing-works .works-category-section{padding:30px 0}
#existing-works .sitewide-main .sw-hero{min-height:530px;padding:0;background:#031b35}
#existing-works .sitewide-main .sw-hero .hero-inner{min-height:530px;padding-block:70px}
#existing-works .sitewide-main .sw-hero p{color:white}
#existing-works .sitewide-main .sw-hero .hero-description{max-width:560px;font-size:14px;line-height:1.9;font-weight:500}
#existing-works .sitewide-main .sw-hero .hero-copy{max-width:650px}
#existing-works .sitewide-main .sw-hero .hero-shade{background:linear-gradient(90deg,#031b35e6 0%,#031b35b3 37%,#031b3533 68%,transparent 100%)}
#existing-works .sitewide-main .sw-hero .hero-picture img{height:100%;width:100%;object-fit:cover;object-position:center}
#existing-works .sitewide-main .sw-hero .hero-note{position:absolute;right:24px;bottom:10px;font-size:10px;color:#fff;margin:0;text-shadow:0 1px 5px #000}
#existing-works .sw-follow{border-bottom:1px solid #d7dce1;padding:14px 0;background:white}
#existing-works .sw-follow>.sw-inner{display:flex;align-items:center;gap:30px}
#existing-works .sw-follow strong{font-size:11px;letter-spacing:.08em;white-space:nowrap}
#existing-works .sw-follow .social-links{display:flex;gap:20px;flex-wrap:wrap;margin:0}
#existing-works .sw-follow .social-links a{font-size:12px}
#existing-works .sw-follow svg{height:17px;width:17px}
@media (max-width:980px){#existing-works .sw-inner{width:calc(100% - 48px)}
#existing-works .sitewide-main .sw-hero,#existing-works .sitewide-main .sw-hero .hero-inner{min-height:510px}
#existing-works .sw-follow>.sw-inner{display:block}
#existing-works .sw-follow strong{display:block;margin-bottom:12px}
#existing-works .sw-follow .social-links{gap:18px}
#existing-works .sw-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){#existing-works .sw-inner{width:calc(100% - 40px)}
#existing-works .sw-section{padding:46px 0}
#existing-works .sitewide-main .sw-hero{min-height:590px}
#existing-works .sitewide-main .sw-hero .hero-inner{min-height:590px;align-items:flex-end;padding:100px 0 46px}
#existing-works .sitewide-main .sw-hero .hero-copy{max-width:100%;width:100%}
#existing-works .sitewide-main .sw-hero .hero-picture img{object-position:70% center}
#existing-works .sitewide-main .sw-hero .hero-shade{background:linear-gradient(0deg,#031b35f5 0%,#031b35e0 48%,#031b3566 78%,#031b3522 100%)}
#existing-works .sitewide-main .sw-hero .hero-description{font-size:13px}
#existing-works .sitewide-main .sw-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
#existing-works .sitewide-main .sw-hero .button{width:100%;margin:0;min-height:48px}
#existing-works .sitewide-main .sw-hero .hero-note{font-size:9px;right:16px;bottom:8px}
#existing-works .sitewide-main h2{font-size:27px}
#existing-works .sitewide-main h3{font-size:20px}
#existing-works .sitewide-main p{font-size:14px}
#existing-works .sitewide-main .sw-section-heading{margin-bottom:24px}
#existing-works .sw-grid,#existing-works .sw-cols-3{grid-template-columns:1fr!important;gap:22px}
#existing-works .sw-card{padding:24px}
#existing-works .sw-follow{padding:16px 0}
#existing-works .sw-follow .social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#existing-works .sw-follow .social-links a{font-size:10px;gap:5px;flex-direction:column;align-items:flex-start}
#existing-works .sw-follow .social-links svg{width:18px;height:18px}
#existing-works .sitewide-main .breadcrumbs{width:calc(100% - 40px);margin:18px auto}
#existing-works .sitewide-main .button{max-width:100%;white-space:normal}}
@media (prefers-reduced-motion:reduce){#existing-works{scroll-behavior:auto}
#existing-works *{transition:none!important}}
#existing-works .sitewide-main .sw-hero .button-ink{color:#fff;border-color:#c1cedb;background:#031b3544}
#existing-works .sitewide-main .button-outline{color:#031b35;border-color:#70859a;background:transparent}
#existing-works .sitewide-main .sw-cta .button-outline{color:#fff;border-color:#b0c0cf;background:transparent}
#existing-works .archive-content iframe{display:block;max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0}
#existing-works .sitewide-main .sw-hero .hero-copy{max-width:740px}
/* pages.css */
#existing-works .adr-page{--adr-rule:#d8dde1;--adr-muted:#52647a}
#existing-works .sw-section{padding:48px 0}
#existing-works .sitewide-main h2{font-size:clamp(25px,2.3vw,34px);line-height:1.5;margin-bottom:18px}
#existing-works .sitewide-main h3{font-size:19px;line-height:1.55;margin-bottom:12px}
#existing-works .sitewide-main p{font-size:14px;line-height:1.9}
#existing-works .sitewide-main .sw-hero,#existing-works .sitewide-main .sw-hero .hero-inner{min-height:460px}
#existing-works .sitewide-main .sw-hero .hero-inner{padding:48px 0}
#existing-works .sitewide-main .sw-hero .hero-copy{max-width:620px}
#existing-works .hero-description{text-shadow:none}
#existing-works .adr-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:18px 0}
#existing-works .adr-check-grid>li{border-bottom:1px solid var(--adr-rule);padding:13px 0;font-size:14px;line-height:1.8}
#existing-works .adr-page .sw-follow{background:#f8f7f4;padding:20px 0;border-top:1px solid var(--adr-rule)}
#existing-works .sw-cta{padding:42px 0}
#existing-works .face-swap-video{max-width:850px;margin:24px auto;aspect-ratio:16/9;background:#031b35}
#existing-works .face-swap-video iframe{width:100%;height:100%}
@media (max-width:600px){#existing-works .sw-section{padding:34px 0}
#existing-works .sitewide-main .sw-hero,#existing-works .sitewide-main .sw-hero .hero-inner{min-height:570px}
#existing-works .sitewide-main .sw-hero .hero-inner{padding:190px 0 40px;align-items:flex-end}
#existing-works .sitewide-main .sw-hero .hero-picture img{object-position:70% center}
#existing-works .adr-check-grid{grid-template-columns:1fr!important;gap:0}
#existing-works .sitewide-main .sw-hero .hero-note{font-size:9px;color:#405269;text-shadow:0 0 4px white}
#existing-works .sitewide-main:not(.adr-light-hero) .sw-hero .hero-note{color:white;text-shadow:0 0 4px #031b35}}
/* exact-pages.css */
#existing-works{--ex-rule:#d9dfe4;--ex-muted:#52647a}
#existing-works .archive-content{background:#fff;color:#031b35}
#existing-works .archive-content h2{font-size:30px;line-height:1.45;margin-bottom:16px;font-weight:800}
#existing-works .archive-content h3{font-size:18px;line-height:1.6;margin-bottom:10px}
#existing-works .archive-content p{font-size:14px;line-height:1.9}
#existing-works .sw-section{padding:42px 0}
#existing-works .sw-inner{width:min(1200px,calc(100% - 80px))}
#existing-works .sw-hero .hero-shade{background:linear-gradient(90deg,#03233ded 0%,#03233dd4 29%,#03233d5c 52%,transparent 73%)}
#existing-works .sw-hero :is(.sw-hero h3,.hero-description,.eyebrow){color:white}
#existing-works .sw-hero .hero-description{max-width:540px}
#existing-works .sw-hero :is(.hero-inner){min-height:470px;padding:54px 0}
#existing-works .sw-hero{min-height:470px}
#existing-works .sw-hero .accent-line{width:58px;height:4px;margin:18px 0}
#existing-works .sw-hero .button-ink{color:white;border-color:#c9d9e5;background:#031b3530}
#existing-works .sw-follow{background:#fff;padding:14px 0}
#existing-works .sw-follow>.sw-inner{display:flex;align-items:center;gap:22px}
#existing-works .sw-follow .social-links{display:flex;gap:22px;flex-wrap:wrap}
#existing-works .sw-follow .social-links a{font-size:12px}
#existing-works .ex-heading>span{display:block;font-size:11px;color:#f0492b;letter-spacing:.12em;font-weight:bold;margin-bottom:9px}
#existing-works .ex-heading{margin-bottom:24px}
#existing-works .ex-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}
#existing-works .ex-split>*{min-width:0}
#existing-works .ex-photo-section>.sw-inner{display:block}
#existing-works .ex-photo{margin:0;min-width:0;position:relative}
#existing-works .ex-photo img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block;margin:0}
#existing-works .ex-photo figcaption{font-size:10px;color:#52647a;line-height:1.6;margin:7px 0 0}
#existing-works .ex-note{font-size:11px!important;color:#66778a!important;margin:16px 0 0}
#existing-works .adr-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}
#existing-works .ex-source-note{width:min(1200px,calc(100% - 80px));margin:14px auto;padding:10px 0!important;border-color:var(--ex-rule)}
#existing-works .ex-source-note>.sw-inner{width:100%}
#existing-works .ex-source-note summary{font-size:12px;color:#52647a}
#existing-works .sw-inner>.ex-source-note{width:100%}
#existing-works .ex-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#existing-works .ex-related-card{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px;color:#031b35;text-decoration:none!important;font-size:14px;font-weight:bold}
#existing-works .ex-related-card>.ex-photo{grid-column:1/-1;margin-bottom:6px}
#existing-works .ex-related-card img{aspect-ratio:16/9}
#existing-works .ex-related-card>span{color:#031b35}
#existing-works .ex-related-card:hover strong{color:#f0492b}
#existing-works .ex-video-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#existing-works .ex-video-categories a{color:#031b35;text-decoration:none}
#existing-works .ex-video-categories h3{font-size:16px;margin-top:14px}
#existing-works .ex-video-categories span{font-size:12px}
#existing-works .ex-final-cta{background:#032542;color:white;position:relative;isolation:isolate;padding:38px 0;overflow:hidden}
#existing-works .ex-final-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031b35 0%,#032947ed 55%,#031b35b0),url("/images/approved-design-repair-20261002/kobe-skyline.svg") no-repeat right bottom;background-size:auto,460px auto}
#existing-works .ex-cta-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:44px;align-items:center}
#existing-works .ex-cta-heading{padding-right:30px;border-right:1px solid #ffffff50}
#existing-works .ex-cta-heading h2{font-size:30px;color:white;margin:0 0 12px}
#existing-works .ex-cta-actions p{color:#e6edf5}
#existing-works .ex-cta-actions{min-width:0}
#existing-works .ex-cta-actions>div{width:100%;max-width:none;background:none;border:0;padding:0;display:block}
#existing-works .ex-final-cta>.sw-inner{display:block}
#existing-works .ex-ai-note{font-size:11px!important;color:#c5d5e6!important;margin:16px 0 0}
#existing-works .ex-final-cta .button-outline{color:white;border-color:#c2d2df;background:transparent}
#existing-works .ex-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important}
#existing-works .ex-flow>li{border-left:1px solid var(--ex-rule);padding:12px 20px}
#existing-works .ex-flow>:first-child{border-left:0;padding-left:0}
#existing-works .ex-flow b{display:grid;place-items:center;font-size:14px;background:#edf1f6;border-radius:50%;width:36px;height:36px;color:#031b35;margin-bottom:16px}
#existing-works .ex-flow h3{font-size:16px}
#existing-works .ex-flow p{font-size:13px}
#existing-works .works-category-section{padding:14px 0}
#existing-works .works-category-nav li{font-size:12px;padding:8px 14px;border:0;border-bottom:1px solid var(--ex-rule)}
#existing-works .ex-demo-video{font-size:14px}
#existing-works .ex-demo-video .face-swap-video{aspect-ratio:16/9;margin-top:16px}
@media (max-width:980px){#existing-works .ex-split,#existing-works .ex-cta-layout{gap:28px}
#existing-works .ex-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){#existing-works .sw-inner,#existing-works .ex-source-note{width:calc(100% - 40px)}
#existing-works .sw-section{padding:32px 0}
#existing-works .sw-hero{min-height:590px}
#existing-works .sw-hero .hero-inner{min-height:590px;padding:200px 0 40px;align-items:flex-end}
#existing-works .sw-hero .hero-description{font-size:13px}
#existing-works .sw-hero .hero-shade{background:linear-gradient(0deg,#03233df7 0%,#03233def 44%,#03233d91 74%,#03233d16 100%)}
#existing-works .archive-content h2{font-size:25px}
#existing-works .ex-split,#existing-works .ex-related-grid,#existing-works .ex-flow,#existing-works .ex-cta-layout{grid-template-columns:1fr;gap:24px}
#existing-works .ex-photo img{aspect-ratio:16/10}
#existing-works .ex-related-grid{grid-template-columns:1fr 1fr;gap:18px}
#existing-works .ex-related-grid .ex-related-card{font-size:12px}
#existing-works .ex-related-grid .ex-photo img{aspect-ratio:4/3}
#existing-works .ex-video-categories{grid-template-columns:1fr;gap:24px}
#existing-works .ex-cta-heading{border-right:0;border-bottom:1px solid #ffffff50;padding:0 0 20px}
#existing-works .ex-cta-heading h2{font-size:26px}
#existing-works .ex-cta-actions .button{width:100%;margin:0 0 12px}
#existing-works .ex-final-cta{padding:34px 0}
#existing-works .ex-final-cta::before{background-size:auto,260px auto}
#existing-works .ex-flow>li{border-left:0;border-bottom:1px solid var(--ex-rule);padding:14px 0}
#existing-works .sw-follow>.sw-inner{display:block}
#existing-works .sw-follow .social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#existing-works .sw-follow .social-links a{font-size:10px}}

#existing-works .archive-content{min-width:0;width:100%;max-width:100%;padding:0;overflow-wrap:anywhere;--ink:#031b35;--muted:#52647a;--paper:#fff;--line:#00bf52;--orange:#f0492b}
#existing-works .archive-content *{box-sizing:border-box;min-width:0}
#existing-works .archive-content img{max-height:none;max-width:100%}
#existing-works .archive-content .hero-picture img{height:100%;width:100%;object-fit:cover}
#existing-works .archive-content .sw-inner,#existing-works .archive-content .inner{max-width:100%;min-width:0}
#existing-works .archive-content .social-links svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor}
#existing-works .archive-content .sw-hero h3{font-size:clamp(28px,3.6vw,52px);line-height:1.32;color:white;font-weight:800;margin:14px 0 0}
#existing-works .archive-content .video-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#existing-works .archive-content .video-work-card__media video{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain;background:#031b35}
#existing-works .archive-content iframe{max-width:100%;width:100%;aspect-ratio:16/9;border:0}
#existing-works .archive-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#existing-works[open]>summary::after{content:'閉じる ×';margin-left:auto;white-space:nowrap;font-size:14px}
@media(max-width:767px){
#existing-works .archive-content .sw-inner,#existing-works .archive-content .inner{width:calc(100% - 24px)}
#existing-works .archive-content .sw-inner .sw-inner{width:100%}
#existing-works .archive-content .video-work-grid{grid-template-columns:1fr}
#existing-works .archive-content .sw-follow>.sw-inner{flex-wrap:wrap}
#existing-works .archive-content .sw-hero h3{font-size:28px}
}