:root{--ink:#080808;--paper:#f1f0eb;--line:#ffffff4d;--accent:#c98a69}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,"Noto Sans JP",sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.temporary-home{min-height:100svh;position:relative;overflow:hidden;padding:clamp(290px,30.5vw,590px) 6vw 8vh;background:var(--ink)}
.banner,.shade{position:absolute;inset:0}
.banner{background:url("saki-top-banner.jpg") top center/100% auto no-repeat}
.shade{background:linear-gradient(180deg,#0000000d 0,#0000001f 30vw,#080808 47vw,#080808 100%)}
.content{position:relative;z-index:1;width:min(100%,900px);margin:auto;text-align:center}
.youtube-link{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;border:1px solid #ffffff59;background:#080808cc;font-size:9px;font-weight:700;letter-spacing:.2em;transition:.25s}
.youtube-link:hover,.youtube-link:focus-visible,.film-one:hover,.film-one:focus-visible{background:var(--paper);color:#111;outline:none}
.youtube-link span{font-size:14px}
.trailer{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line);box-shadow:0 24px 80px #000b}
.trailer iframe{display:block;width:100%;height:100%;border:0}
.summary{max-width:780px;margin:30px auto 28px;padding:0 10px}
.summary p{margin:0;font-size:clamp(14px,1.35vw,18px);line-height:1.65;color:#e3e0d9}
.summary p+p{margin-top:16px;font-size:clamp(13px,1.15vw,16px);line-height:1.85;color:#bdb9b1}
.summary em{font-family:Georgia,serif}
.languages{display:grid;grid-template-columns:1fr 1fr;max-width:560px;margin:auto;border-top:1px solid #ffffff36;border-left:1px solid #ffffff36}
.languages button{min-height:78px;border:0;border-right:1px solid #ffffff36;border-bottom:1px solid #ffffff36;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0505058f;color:var(--paper);cursor:not-allowed;opacity:.72}
.languages span{font-size:7px;letter-spacing:.2em;opacity:.6}
.languages strong{font-size:clamp(16px,2vw,23px);margin:7px 0 5px}
.languages small{font-size:7px;letter-spacing:.18em}
.film-one{max-width:650px;min-height:82px;margin:14px auto 0;padding:13px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;background:#080808b8;border:1px solid var(--line);transition:.25s}
.film-one>span{grid-column:1;font-size:8px;letter-spacing:.2em;color:var(--accent)}
.film-one strong{grid-column:1;font-size:clamp(11px,1.1vw,15px);letter-spacing:.05em;margin:5px 0}
.film-one small{grid-column:1;font-size:9px;color:#aaa69e}
.film-one b{grid-column:2;grid-row:1/4;padding-left:22px;font-size:8px;letter-spacing:.14em;white-space:nowrap}
.film-one i{font-size:14px;margin-left:7px;font-style:normal}
.film-one:hover>span,.film-one:focus-visible>span{color:#9f4f2d}
.film-one:hover small,.film-one:focus-visible small{color:#68645d}
@media(max-width:800px){.temporary-home{padding:214px 20px 60px}.banner{background-size:auto 360px;background-position:55% top}.shade{background:linear-gradient(180deg,#0000 0,#0002 240px,#080808 350px,#080808 100%)}.youtube-link{margin-bottom:12px;font-size:8px}.summary{margin:23px auto 22px;padding:0}.summary p{font-size:14px}.summary p+p{font-size:13px;line-height:1.75}.languages button{min-height:68px}.film-one{min-height:112px;padding:14px 16px;grid-template-columns:1fr}.film-one strong{line-height:1.4}.film-one b{grid-column:1;grid-row:auto;padding:9px 0 0}}