@import url('/assets/sample-work.css');
body{background:#f3f0e7;color:#26372f}.film-main{max-width:1380px;margin:auto;padding:48px 5% 80px}.film-intro{display:grid;grid-template-columns:1.55fr 1fr;gap:70px;padding:35px 0 60px;align-items:end}.film-intro h1{font-family:'Yu Mincho',serif;font-weight:500;font-size:clamp(40px,4.5vw,66px);line-height:1.4;letter-spacing:.015em;margin:18px 0 0}.film-intro p{font-size:15px;line-height:2;margin:0}.film-eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:.15em;color:#52694c}.film-jumps{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 38px;border-bottom:1px solid #bcc6b5}.film-jumps a{border:1px solid #bcc6b5;padding:10px 16px;font-size:13px}.film-jumps a:hover{background:#dce4d1}.film-case{scroll-margin-top:30px;padding:62px 0;border-bottom:1px solid #bcc6b5}.film-heading{display:flex;align-items:end;gap:30px;justify-content:space-between;margin-bottom:28px}.film-heading h2{font-weight:500;font-size:clamp(27px,3vw,42px);margin:10px 0 0;line-height:1.4}.film-heading p{margin:0;font-size:13px;color:#5a6956}.film-player{display:block;width:100%;aspect-ratio:16/9;background:#152b22;object-fit:contain}.film-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:30px}.film-detail p{font-size:15px;line-height:1.95;margin:0 0 20px}.film-detail dl{margin:0;font-size:13px;line-height:1.85}.film-detail dl>div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #d3d9cd;padding:10px 0}.film-detail dt{color:#687561}.film-detail dd{margin:0}.film-actions{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;margin-top:25px}.film-actions a{text-decoration:underline;text-underline-offset:5px}.film-vertical{display:grid;grid-template-columns:.9fr 1.15fr;gap:70px;align-items:center}.film-vertical .film-player{max-height:740px;aspect-ratio:9/16;width:auto;max-width:100%;margin:auto}.film-vertical .film-detail{display:block;margin-top:0}.film-vertical h3{font-family:'Yu Mincho',serif;font-weight:500;font-size:39px;line-height:1.65;margin:22px 0}.film-chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}.film-chapters span{border-top:2px solid #9ead8a;padding-top:13px;font-size:12px;color:#52624c}.film-chapters b{display:block;color:#2c3b30;font-size:13px;font-weight:500;margin:7px 0}.film-note{font-size:12px!important;color:#63705e;line-height:1.9!important}.film-process{padding:55px 0 10px;display:grid;grid-template-columns:.8fr 1.4fr;gap:70px}.film-process h2{font-size:30px;font-weight:500;line-height:1.6;margin:12px 0}.film-process p{font-size:14px;line-height:2}.film-old{display:flex;align-items:center;gap:30px;padding:30px;background:#e5e8dc;margin-top:40px}.film-old video{width:130px;aspect-ratio:9/16}.film-old h3{font-size:22px;font-weight:500;margin-top:0}.film-old p{font-size:13px;line-height:1.9}.film-old a{text-decoration:underline;font-size:13px}.film-top{font-size:12px;text-decoration:underline;text-underline-offset:4px}.film-disclosure{border-left:3px solid #9bae86;padding-left:20px}.film-tag{display:inline-block;border:1px solid #9bac8e;padding:4px 9px;font-size:11px;letter-spacing:.04em}.film-player:focus-visible{outline:3px solid #506e48;outline-offset:4px}
@media(max-width:760px){.film-main{padding-top:28px}.film-intro,.film-detail,.film-process,.film-vertical{grid-template-columns:1fr;gap:25px}.film-intro{padding:15px 0 30px}.film-intro h1{font-size:32px}.film-heading{display:block}.film-heading p{margin-top:15px}.film-case{padding:38px 0}.film-detail{margin-top:20px}.film-vertical .film-player{max-height:none;width:min(100%,340px);order:1}.film-vertical .film-detail{order:2}.film-vertical h3{font-size:29px}.film-chapters{grid-template-columns:1fr 1fr;gap:16px}.film-old{align-items:flex-start;padding:20px;gap:20px}.film-old video{width:90px}.film-old h3{font-size:19px}.film-process{padding-top:35px}.film-jumps a{padding:9px 12px;font-size:12px}}