/* 1. 全体：色・余白はここで調整。外部フォント・ライブラリなし。 */
:root{--paper:#f5f5f3;--ink:#181818;--muted:#656565;--line:#d4d4d1;--space:clamp(24px,5.2vw,88px);--section:clamp(80px,10vw,160px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#b8b8b3;color:#111}h1,h2,h3,p{margin:0}.wrap{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--space)}.section{padding-block:var(--section)}.dark{background:#161616;color:#f5f5f3}.section-label,.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.09em}.section-label{margin-bottom:38px}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:7px}.skip-link{position:fixed;left:20px;top:-80px;padding:16px;background:white;z-index:10}.skip-link:focus{top:15px}
/* 2. ナビゲーションとHero。モバイルを基本に設定。 */
.header{min-height:88px;padding:24px var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{font-size:14px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.dot{display:inline-block;width:5px;height:5px;background:currentColor;margin-left:3px}.header nav{display:none;gap:30px;font-size:14px}.language{display:flex;align-items:center;gap:8px;font-size:13px}.language button{padding:12px 5px;color:var(--muted)}.language button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.language span{color:#999}.hero{padding-top:38px;padding-bottom:58px}.eyebrow{display:flex;justify-content:space-between;gap:16px}.eyebrow span:last-child{display:none}.hero h1{font-size:clamp(64px,17vw,280px);font-weight:600;line-height:.84;letter-spacing:-.08em;margin:58px 0 45px}.hero-bottom{display:flex;flex-direction:column;gap:30px}.hero-copy{font-size:clamp(18px,2.1vw,32px);line-height:1.8;letter-spacing:-.035em}.hero-details p{font-size:12px;line-height:1.6;margin-bottom:18px;color:var(--muted)}
/* 3. 映像：元のアスペクト比を保持し、切り抜かず表示します。 */
.works{padding-block:55px 30px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:18px;margin-bottom:35px}.section-heading h2{font-size:clamp(28px,4vw,60px);font-weight:400;letter-spacing:-.05em}.section-heading sup{font-size:12px;vertical-align:top;display:inline-block;margin:7px 0 0 12px;letter-spacing:0}.section-heading p{font-size:14px;color:#aaa}.work{margin-bottom:50px}.video-frame{position:relative;background:#242424;aspect-ratio:16/9;overflow:hidden}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.video-toggle{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.7);color:white;border:1px solid #777;padding:12px 16px;font-size:12px;letter-spacing:.08em;min-width:95px;min-height:44px}.work-caption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-top:18px}.work-caption h3{font-size:18px;font-weight:400;letter-spacing:-.02em}.work-caption>span{font-size:12px;letter-spacing:.04em;color:#aaa;text-align:right}
/* 4. 本文：余白と細い罫線で整理。 */
.split{display:grid;grid-template-columns:minmax(0,1fr)}.statement{font-size:clamp(30px,4.2vw,64px);font-weight:400;line-height:1.45;letter-spacing:-.045em;margin-bottom:40px;overflow-wrap:anywhere}.rows>div{padding:26px 0;border-top:1px solid var(--line)}.rows h3{font-size:18px;font-weight:500;line-height:1.7;margin-bottom:12px}.rows p,.body-copy{font-size:16px;line-height:2;color:var(--muted)}.services{padding-top:0}.service-row{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px}.service-row>span{font-size:12px;color:var(--muted);padding-top:8px}.service-row h3{font-size:clamp(24px,2.6vw,40px);font-weight:400;letter-spacing:-.04em}.service-row p{grid-column:2;font-size:14px;color:var(--muted);line-height:1.8}.case-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:40px}.case-title h2{font-size:clamp(34px,7vw,110px);font-weight:400;letter-spacing:-.055em}.case-title>span{font-size:12px}.case-note{display:flex;flex-direction:column;gap:20px;padding-top:28px}.case-note>span{font-size:12px;letter-spacing:.08em;color:#aaa}.case-note p{font-size:14px;line-height:1.8;color:#bbb}.body-copy{max-width:650px;margin-top:24px}.contact{background:#e7e7e3}.contact h2{font-size:clamp(56px,12vw,186px);line-height:.98;font-weight:400;letter-spacing:-.075em;margin:45px 0}.contact h2>span{display:inline-block;font-size:.75em;margin-left:.2em;vertical-align:top}.contact-bottom{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.contact-bottom p{font-size:16px;line-height:1.9}.email-link{font-size:clamp(16px,2vw,30px);border-bottom:1px solid;padding-bottom:10px;overflow-wrap:anywhere;max-width:100%}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;padding-block:30px}.footer>span,.footer>a:last-child{font-size:12px}.footer>span{color:var(--muted)}
/* 5. タブレット以上の2列レイアウト。 */
@media(min-width:768px){.header nav{display:flex}.eyebrow span:last-child{display:block}.hero{padding-top:45px;padding-bottom:80px}.hero h1{margin-block:65px}.hero-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}.hero-details{text-align:right;flex-shrink:0}.works{padding-top:72px}.work{margin-bottom:85px}.work-caption h3{font-size:24px}.split{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:40px}.section-label{padding-top:10px}.case-note{flex-direction:row;justify-content:space-between;gap:40px}.video-toggle{bottom:24px;right:24px}}
@media(min-width:1100px){.contact-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 6. 作品説明：一覧は要約、制作背景はネイティブdetailsで展開。 */
.hero-copy{max-width:24em;text-wrap:pretty}.work-summary{max-width:780px;margin-top:18px;font-size:16px;line-height:1.9;color:#bbb;overflow-wrap:anywhere}.project-details{margin-top:24px;border-top:1px solid #494949}.project-details summary{cursor:pointer;padding:20px 2px;font-size:14px;line-height:1.7;min-height:44px}.project-details summary::marker{color:#aaa}.project-details summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.project-body{max-width:900px;padding:10px 0 28px}.project-section{margin-bottom:30px}.project-section h4{font-size:16px;font-weight:500;line-height:1.8;margin:0 0 12px}.project-section p{font-size:16px;line-height:2;color:#bbb;overflow-wrap:anywhere}.project-section p br{display:block;content:"";margin-top:12px}.project-meta{border-top:1px solid #494949;padding-top:20px;display:grid;gap:20px;margin:0}.project-meta dt{font-size:14px;color:#aaa;margin-bottom:7px}.project-meta dd{font-size:14px;line-height:1.8;margin:0;overflow-wrap:anywhere}.project-results{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,72px);margin:26px 0}.project-results dd{margin:0;font-size:clamp(28px,4vw,48px);letter-spacing:-.04em}.project-results dt{font-size:14px;color:#aaa;margin-top:6px}.case-details-link{flex-shrink:0;align-self:flex-start;line-height:1.7}.case-note p{max-width:670px}.work{scroll-margin-top:28px}.video-frame:focus-within{outline:2px solid #ddd;outline-offset:4px}.video-frame video[controls]+.video-toggle{display:none}
@media(min-width:768px){.project-meta{grid-template-columns:1fr 2fr 1.5fr}.project-body{padding-left:24px}.case-note{flex-wrap:wrap}.case-note p{flex:1;min-width:260px}}
@media(max-width:480px){.work-caption{flex-direction:column;gap:8px}.work-caption>span{text-align:left}.language{gap:2px}.header{gap:12px}.hero-copy{font-size:18px}.project-section h4{overflow-wrap:anywhere}}
.sound-toggle{position:absolute;top:10px;left:14px;min-height:44px;padding:10px 0;background:transparent;color:#fff;border:0;border-radius:0;font-size:12px;line-height:1.6;letter-spacing:.08em;text-shadow:0 1px 4px #000,0 0 2px #000;mix-blend-mode:difference;transition:opacity .18s ease;text-underline-offset:5px}

.sound-toggle:hover{opacity:.7;text-decoration:underline}
.sound-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.featured-label{display:grid;gap:12px;font-size:12px;line-height:1.7;letter-spacing:.05em}
.featured-label p{color:#aaa}
.project-disclosure{font-size:14px;line-height:1.9;color:#bbb;margin-bottom:28px}
.contact-availability{font-size:14px;line-height:1.9;color:var(--muted);margin:-16px 0 28px;max-width:42em}
@media(prefers-reduced-motion:reduce){.sound-toggle{transition:none}}

/* JavaScriptを利用できない場合も動画へアクセスできるようにする。 */
.video-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;text-decoration:underline;font-size:16px;line-height:1.8}
.hero-copy,.work-caption h3{min-width:0}

/* More Projects: 既存の2列グリッド・余白・罫線を使用。 */
.more-projects{padding-top:0}
.more-projects .section-label{font-weight:400}
.more-projects-description{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:32px;max-width:42em}
.more-projects-link{display:flex;flex-direction:column;gap:12px;padding:28px 0;border-top:1px solid var(--line);min-width:0}
.more-projects-link:last-child{border-bottom:1px solid var(--line)}
.more-projects-name{font-size:clamp(32px,4.2vw,64px);line-height:1.25;letter-spacing:-.045em;overflow-wrap:anywhere;transition:opacity .18s ease}
.more-projects-category{font-size:14px;line-height:1.8;color:var(--muted)}
.more-projects-link:hover .more-projects-name{opacity:.65}
.more-projects-link:focus-visible .more-projects-name{text-decoration:underline;text-underline-offset:.15em}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.more-projects-name{transition:none}}

/* 7. しげちゃんのからあげ：既存の色・書体・余白を引き継ぐケーススタディ。
   静止画はWebP / 縦動画は9:16。高さを予約し、読み込み時のレイアウト移動を防止。 */
.shige-work{display:grid;gap:32px;border-top:1px solid #494949;padding-top:48px}
.shige-preview{position:relative;display:block;max-width:540px;background:#242424}
.shige-preview img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.preview-action{position:absolute;bottom:20px;left:20px;right:20px;padding:16px;background:rgba(0,0,0,.8);font-size:12px;letter-spacing:.08em;text-align:center}
.shige-intro{align-self:center;min-width:0}.shige-client{font-size:16px;margin:26px 0;color:#bbb}
.shige-copy{font-size:clamp(26px,3.1vw,48px);font-weight:400;line-height:1.65;letter-spacing:-.04em;overflow-wrap:anywhere}
.shige-intro .text-link{margin-top:32px;line-height:1.8}.shige-intro .eyebrow{display:block}
.case-breadcrumb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:32px}.case-breadcrumb>span{font-size:12px;letter-spacing:.06em}
.shige-opening{display:grid;gap:40px;padding-block:24px 64px}.shige-video{width:100%;max-width:480px;aspect-ratio:9/16;justify-self:center}.shige-video video{aspect-ratio:9/16}
.shige-video video[controls]~button{display:none}
.shige-headline{font-size:clamp(32px,4.3vw,68px);font-weight:400;line-height:1.5;letter-spacing:-.06em;overflow-wrap:anywhere}
.shige-opening-copy{align-self:center;min-width:0}.shige-opening-copy .section-label{margin-bottom:26px}
.shige-lead{margin-top:32px;font-size:clamp(18px,2vw,25px);line-height:1.8}
.shige-challenge{display:grid;gap:20px;border-top:1px solid var(--line)}
.shige-goal{border-left:1px solid #aaa;padding-left:24px;margin-top:44px}.shige-goal .section-label{display:block;margin-bottom:14px}.shige-goal-copy{font-size:clamp(20px,2.5vw,34px);line-height:1.7;letter-spacing:-.025em}
.shige-manifesto{font-size:clamp(32px,5vw,78px);font-weight:400;line-height:1.55;letter-spacing:-.05em;margin-bottom:64px;overflow-wrap:anywhere}
.shige-insight-grid{display:grid;gap:40px;align-items:center}.shige-page figure{margin:0;min-width:0}.shige-page figure img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.shige-page figcaption{font-size:12px;letter-spacing:.06em;margin-top:16px;line-height:1.7}.shige-insight .body-copy{color:#bbb}.shige-insight-grid figure{max-width:440px}
.shige-strategy>.statement{max-width:1100px}.shige-strategy-rows{margin-top:50px}.shige-strategy-rows>div{border-top:1px solid var(--line);padding:30px 0;display:grid;gap:18px}.shige-strategy-rows span{font-size:12px;letter-spacing:.05em}.shige-strategy-rows h3{font-size:clamp(20px,2.4vw,32px);font-weight:400;line-height:1.6}.shige-strategy-rows p{font-size:16px;line-height:1.9;color:var(--muted)}
.shige-photo-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1000px;margin:50px auto 0;align-items:start}.shige-photo-pair figure:last-child{margin-top:80px}
.shige-result{background:#e7e7e3}.shige-result-quote{font-size:clamp(30px,5.6vw,86px);font-weight:400;letter-spacing:-.045em;line-height:1.55;overflow-wrap:anywhere}.shige-result-context{font-size:16px;line-height:1.9;margin-top:24px}.shige-result-message{font-size:clamp(22px,3vw,42px);line-height:1.65;margin-top:50px;letter-spacing:-.035em}
.shige-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:56px 0 32px}.shige-metrics>div{border-top:1px solid #aaa;padding-top:24px}.shige-metrics dd{margin:0;font-size:clamp(54px,7vw,106px);letter-spacing:-.065em;font-variant-numeric:tabular-nums;line-height:1.1}.shige-metrics dd span{font-size:.48em;letter-spacing:-.035em}.shige-metrics dt{font-size:14px;margin-top:14px;line-height:1.7}.shige-data-note{font-size:12px;color:#606060;line-height:1.9;max-width:800px}
.shige-summary>.body-copy{max-width:850px}.shige-end-links{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;border-top:1px solid var(--line);margin-top:64px;padding-top:32px}
@media(min-width:768px){.shige-work{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px)}.shige-preview{max-width:440px}.shige-opening{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,96px);padding-bottom:100px}.shige-challenge{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:40px}.shige-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(50px,8vw,130px)}.shige-insight-grid figure{justify-self:center}.shige-strategy-rows>div{grid-template-columns:minmax(0,.65fr) minmax(0,1.2fr) minmax(0,1fr);gap:32px}.shige-metrics{grid-template-columns:1.25fr 1fr 1fr;gap:40px}.shige-photo-pair{gap:clamp(32px,8vw,140px)}.shige-photo-pair figure:last-child{margin-top:160px}}
@media(max-width:380px){.shige-copy{font-size:24px}.shige-headline{font-size:30px}.shige-photo-pair{gap:12px}}

/* 8. HOME → WORKS → CASE STUDY。既存デザインの上に限定的に追加。 */
.all-works-cta{padding:0 0 45px;text-align:right}.all-works-cta a{font-size:16px;line-height:1.8}
.raven-thumb{display:block;position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.raven-thumb img{display:block;width:100%;height:100%;object-fit:contain}.raven-label{position:absolute;top:16px;right:16px;color:#ccc;font-size:10px;line-height:1.6;letter-spacing:.08em}.raven-subtitle{font-size:16px;margin-top:18px}
.works-heading{padding-block:64px 70px}.works-heading h1{font-size:clamp(64px,11vw,160px);font-weight:400;line-height:1;letter-spacing:-.065em}.works-heading h1>span{font-size:14px;letter-spacing:0;vertical-align:top;display:inline-block;margin:10px 0 0 16px}
.all-projects{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;padding-bottom:var(--section)}.project-tile{min-width:0}.project-tile-image{aspect-ratio:16/10;background:#e7e7e3;overflow:hidden}.project-tile-image img{width:100%;height:100%;display:block;object-fit:contain;background:#161616;transition:transform .3s ease}.project-tile a:hover img{transform:scale(1.025)}.project-tile-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px}.project-tile-title h2{font-size:clamp(24px,2.5vw,38px);font-weight:400;letter-spacing:-.035em;overflow-wrap:anywhere}.project-tile-title>span{font-size:22px}.project-tile-meta{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:13px;line-height:1.7;color:var(--muted)}.project-tile-meta>span{flex-shrink:0}
/* MobileでもWorks導線を常時表示。従来のJP / ENを右端に維持。 */
@media(max-width:767px){.header{gap:10px}.header nav{display:flex;gap:0;margin-left:auto;font-size:12px}.header nav a{padding-block:12px}.header nav a:not(:first-child){display:none}.wordmark{font-size:13px}.language{gap:2px}.language button{padding-inline:3px}}
@media(min-width:768px){.all-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 40px}}
/* 9. RAVEN ARC。作品固有の赤はこのページ内だけで使用。 */
.raven-page{--raven-red:#7a171b;background:#f2f1ed}.raven-page .case-breadcrumb{padding-bottom:28px}.raven-film .video-frame{aspect-ratio:16/9;background:#0d0d0d}.raven-film video{aspect-ratio:16/9}.raven-film video[controls]~button{display:none}.raven-film .video-toggle{font-size:14px;min-width:130px}.raven-project-info{display:grid;gap:44px;padding-block:52px var(--section);border-bottom:1px solid var(--line)}.raven-kicker{font-size:12px;letter-spacing:.08em;color:var(--raven-red);line-height:1.8}.raven-project-info h1{font-size:clamp(52px,9vw,140px);font-weight:500;line-height:1.1;letter-spacing:-.065em;margin:16px 0 20px}.raven-disciplines{font-size:13px;line-height:1.9}.raven-intro{font-size:clamp(18px,2vw,28px);line-height:1.85;max-width:38em;margin-top:32px}.raven-meta{margin:0;display:grid;gap:24px;align-content:end}.raven-meta dt{font-size:12px;color:var(--muted);margin-bottom:8px}.raven-meta dd{margin:0;font-size:14px;line-height:1.9}
.raven-section{display:grid;gap:28px;padding-block:var(--section)}.raven-section-marker{display:flex;align-items:baseline;gap:24px}.raven-section-marker>span{font-size:clamp(60px,8vw,116px);font-weight:400;letter-spacing:-.06em;line-height:1;color:var(--raven-red)}.raven-section-marker>p{font-size:12px;line-height:1.8;letter-spacing:.06em;max-width:18em}.raven-section-content{min-width:0}.raven-section-title{font-size:clamp(32px,4.3vw,68px);font-weight:400;line-height:1.4;letter-spacing:-.045em;overflow-wrap:anywhere}.raven-section .body-copy{max-width:860px}.raven-process-line{margin:40px 0;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:14px;line-height:1.8}.raven-process-line span{color:var(--raven-red)}.raven-system{margin:0;display:grid;gap:0}.raven-system>div{padding:24px 0;border-top:1px solid var(--line)}.raven-system dt{font-size:14px;margin-bottom:12px;color:var(--raven-red)}.raven-system dd{margin:0;font-size:16px;line-height:1.8}
.raven-motion-grid{display:grid;gap:36px;margin-top:52px}.raven-motion-grid>div{border-top:1px solid var(--line);padding-top:20px}.raven-motion-grid span{font-size:14px;color:var(--raven-red)}.raven-motion-grid h3{font-size:28px;font-weight:400;letter-spacing:-.035em;margin:18px 0}.raven-motion-grid p{font-size:16px;line-height:1.9;color:var(--muted)}
.raven-artwork-pair{display:grid;gap:28px;margin-top:44px}.raven-page figure{margin:0;min-width:0}.raven-page figure img{display:block;width:100%;height:auto}.raven-page figcaption{font-size:12px;letter-spacing:.07em;margin-top:14px;line-height:1.8}.raven-transformation{font-size:clamp(22px,3vw,40px);line-height:1.8;letter-spacing:-.035em;margin:32px 0 20px}.raven-transparency{font-size:12px;line-height:1.9;color:var(--muted);margin-top:40px;max-width:720px}
.raven-visuals{background:#111;color:var(--paper);padding-block:var(--section)}.raven-visuals .raven-section-marker>span{color:#b94649}.raven-visuals .raven-section-title{margin:32px 0 60px}.raven-full-visual{width:100%}.raven-logo-visual{width:76%;margin:72px var(--space) 0 auto!important}.raven-end{padding-block:70px var(--section);border-top:1px solid var(--line)}.raven-end h2{font-size:clamp(26px,3.5vw,54px);font-weight:400;line-height:1.5;letter-spacing:-.04em;max-width:22em}.raven-end>a{font-size:clamp(54px,9vw,140px);line-height:1.25;letter-spacing:-.06em;display:inline-block;color:var(--raven-red);margin-top:28px}
@media(min-width:768px){.raven-project-info{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:60px}.raven-section{grid-template-columns:minmax(0,.65fr) minmax(0,2fr);gap:50px}.raven-section-marker{display:block}.raven-section-marker>p{margin-top:24px}.raven-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.raven-artwork-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.raven-artwork-pair figure:nth-child(2){margin-top:70px}.raven-logo-visual{width:48%}}
@media(prefers-reduced-motion:reduce){.project-tile-image img{transition:none}}

.project-thumbnail-video{display:block;width:100%;height:100%;object-fit:contain;background:#161616;pointer-events:none}

/* 10. RAVEN本文の改訂：01と04の2章を軸にし、補足と制作画像を簡潔に配置。 */
.raven-revised .raven-concept{padding-bottom:60px}.raven-revised .raven-section-content .body-copy{margin-top:20px}.raven-key-quote{margin:32px 0;font-size:clamp(27px,3.3vw,52px);font-weight:400;line-height:1.7;letter-spacing:-.04em;color:var(--raven-red)}
.raven-question{font-size:clamp(21px,2.5vw,36px);line-height:1.75;letter-spacing:-.025em;margin-top:28px}.raven-expression-list{font-size:clamp(17px,1.8vw,23px);line-height:2;margin:28px 0}.raven-human-note{font-size:16px;line-height:2;color:var(--muted);margin-top:28px}
.raven-design-note{display:grid;gap:16px;padding-block:40px 64px}.raven-design-note>div{border-top:1px solid var(--line);padding-top:8px;min-width:0}.raven-design-note .body-copy{margin-top:18px;max-width:860px}.raven-design-note .section-label{margin:0}.raven-rhythm{font-size:clamp(19px,2.2vw,30px);line-height:1.9;letter-spacing:-.03em;margin-top:16px;color:var(--raven-red)}
.raven-revised .raven-static{padding-bottom:40px}.raven-layer-list{font-size:clamp(18px,2vw,28px);line-height:1.9;margin-top:20px;letter-spacing:-.02em}
.raven-process-visual .raven-artwork-pair{margin-top:0;align-items:center}.raven-process-visual .raven-artwork-pair figure{margin:0!important}.raven-plus{text-align:center;font-size:32px;color:var(--raven-red)}.raven-process-arrow{text-align:center;font-size:36px;color:var(--raven-red);margin:24px 0;line-height:1.4}.raven-process-caption{text-align:center;font-size:clamp(24px,3vw,42px);letter-spacing:-.035em;margin:0 0 28px}.raven-ending-logo{max-width:640px;margin-inline:auto!important}
.raven-production-note{padding-block:32px 50px}.raven-production-note .section-label{margin:0 0 12px;font-size:11px}.raven-production-note .raven-transparency{margin:0;max-width:920px}.raven-ending{padding-block:60px 90px;border-top:1px solid var(--line)}.raven-ending h2{font-size:clamp(48px,8vw,112px);font-weight:400;letter-spacing:-.06em;line-height:1.2}.raven-ending>p{font-size:14px;margin-top:16px;line-height:1.8}.raven-ending .raven-ending-line{font-size:clamp(24px,3vw,42px);letter-spacing:-.035em;margin-top:30px}.raven-ending .text-link{margin-top:40px;font-size:18px;color:var(--raven-red)}
.project-tile-image{position:relative}.project-tile-subtitle{font-size:15px;line-height:1.8;margin-top:10px}.project-tile-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:42em}
@media(min-width:768px){.raven-design-note{grid-template-columns:minmax(0,.65fr) minmax(0,2fr);gap:50px}.raven-process-visual .raven-artwork-pair{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:24px}.raven-revised .raven-static{padding-top:80px}.raven-production-note{padding-block:40px 60px}}

/* 章間の追加カット：元の16:9構図を保持。 */
.raven-page .raven-chapter-image{margin:0 auto;padding-block:24px 0}.raven-chapter-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}