@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#202a29;background:#f2f2ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #df803e;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.fiction{margin:0;background:#233633;color:#eff4ed;padding:8px clamp(16px,3vw,56px);font-size:10px;line-height:1.65}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,68px);border-bottom:1px solid #d4d8d0}.brand{text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.brand span{font-size:15px;margin-left:5px;font-weight:500;letter-spacing:-.05em}.site-header nav{display:flex;gap:clamp(14px,2vw,34px);flex-wrap:wrap}.site-header nav a{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #42574d;padding-bottom:5px}
.intro{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:0;background:#243f38;color:#f5f1e7;min-height:610px}.intro-top{grid-column:1/-1;grid-row:1;z-index:2;display:flex;justify-content:space-between;align-self:start;gap:12px;padding:24px clamp(20px,4vw,68px) 0;color:#d5e1d9;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.18em}.intro-text{grid-column:1;grid-row:1;z-index:1;align-self:end;padding:105px 20px 54px clamp(20px,4vw,68px)}.category{display:inline-block;margin:0 0 15px;padding:7px 11px;background:#dce6d8;color:#203e36;font-size:14px;font-weight:900}.intro h1{font-size:clamp(54px,5.4vw,96px);letter-spacing:-.09em;line-height:1.13;margin:0;font-weight:900}.lead{max-width:510px;font-size:clamp(14px,1.1vw,17px);line-height:1.85;margin:24px 0 0}.jump{display:inline-flex;align-items:center;gap:24px;text-decoration:none;border-bottom:1px solid #f2f2ea;padding:12px 0;margin-top:27px;font-size:13px;font-weight:700}.jump span{font-size:20px}.intro-car{grid-column:2;grid-row:1;display:block;width:100%;height:100%;max-height:700px;object-fit:cover;object-position:center}
.photo-stage{padding:90px clamp(20px,4vw,68px) 104px;background:#eeeae0}.stage-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.eyebrow,.closing>span{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.18em;color:#607668}.stage-heading h2,.closing h2{font-size:clamp(42px,5.5vw,80px);line-height:1.15;letter-spacing:-.09em;margin:14px 0 0}.stage-heading>p{max-width:300px;font-size:13px;line-height:1.9;margin:0 0 5px}.display{display:grid;grid-template-columns:minmax(0,1fr) 225px;border:1px solid #b8c0b6}.car-photo{position:relative;margin:0;min-width:0;background:#c5c6b9}.car-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.car-photo figcaption{position:absolute;bottom:0;left:0;background:#e9e7db;padding:10px 16px;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em}.angle-controls{display:flex;flex-direction:column;background:#e1e5db}.angle-controls button{flex:1;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #b8c0b6;background:transparent;padding:24px 18px;color:#1e342e;text-align:left;font-weight:900;font-size:17px}.angle-controls button:last-child{border-bottom:0}.angle-controls button:hover{background:#d2dacd}.angle-controls button[aria-pressed=true]{background:#bbd0ba;box-shadow:inset 6px 0 0 #276450}.angle-controls button span:first-child{font:700 23px 'Barlow Condensed',sans-serif}.angle-controls button span:last-child{font-size:18px}.stage-note{margin:22px 0 0;font-size:14px;line-height:1.8}.closing{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:90px clamp(20px,4vw,68px);background:#d8dfd6}.closing>div{max-width:730px}.closing p{font-size:15px;line-height:2;max-width:570px}.closing a{display:inline-block;text-decoration:none;border-bottom:1px solid #263c34;padding:10px 0;margin-top:10px;font-size:13px;font-weight:700}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#20362f;color:#f2f5eb;padding:26px clamp(20px,4vw,68px);font-size:11px}footer a{text-decoration:none}
@media(max-width:1200px){.intro-car{object-fit:contain;background:#d4d3c9}.intro-top span:last-child{color:#243f38}}
@media(max-width:950px){.intro{grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);min-height:510px}.intro h1{font-size:clamp(48px,6.3vw,68px)}.intro-text{padding-bottom:35px}.display{grid-template-columns:minmax(0,1fr) 180px}.angle-controls button{font-size:14px;padding:15px}}
@media(max-width:700px){.intro{display:flex;flex-direction:column;min-height:0}.intro-top{padding:18px 20px 0;font-size:11px}.intro-top span:last-child{color:#d5e1d9}.intro-text{padding:45px 20px 29px;align-self:stretch}.intro h1{font-size:clamp(54px,12vw,76px)}.lead{margin-top:17px}.jump{margin-top:13px}.intro-car{height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover}.stage-heading{display:block}.stage-heading>p{margin:19px 0 0}.display{grid-template-columns:1fr}.angle-controls{flex-direction:row}.angle-controls button{width:50%;min-height:84px;border-bottom:0}.angle-controls button:first-child{border-right:1px solid #b8c0b6}.angle-controls button[aria-pressed=true]{box-shadow:inset 0 5px 0 #276450}.closing{grid-template-columns:1fr}}
@media(max-width:500px){.site-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.site-header nav{gap:15px}.photo-stage{padding:55px 16px 70px}.stage-heading{margin:0 4px 24px}.stage-heading h2{font-size:clamp(40px,10vw,58px)}.angle-controls button{font-size:12px;min-height:78px;padding:12px 8px}.angle-controls button span:first-child{font-size:18px}.angle-controls button span:last-child{font-size:14px}.car-photo figcaption{font-size:10px;padding:7px 9px}.stage-note{font-size:13px;margin:16px 4px 0}.closing{padding:65px 20px}.closing h2{font-size:48px}footer{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}