
:root{--black:#151218;--cream:#fcf7f0;--pale:#efe7dc;--gold:#a88a51;--line:#d6c8b3;--muted:#554d4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}img{display:block;width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:10;background:white;padding:10px}.mast{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 5vw;background:#161318;color:#fff}.mark{font-family:Georgia,"Songti SC",serif;font-size:29px;font-weight:900;line-height:1}.mark small{display:block;font:700 10px sans-serif;letter-spacing:.22em;color:#e4c992}.mast nav{display:flex;gap:26px;font-weight:700;font-size:14px}.mast nav a:hover{color:#e4c992}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #8b806f;padding:7px 12px}
.cover{min-height:650px;position:relative;background:#31232d}.cover img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151218ef 0%,#151218ca 38%,#15121820 72%)}.cover-copy{position:relative;z-index:1;color:#fff;padding:clamp(90px,10vw,150px) 5vw 70px;max-width:540px}.issue{font-size:11px;font-weight:900;letter-spacing:.28em;color:#f0d19a}.cover h1{font-size:clamp(55px,5vw,78px);max-width:325px;font-family:Georgia,"Songti SC",serif;line-height:1.13;margin:18px 0}.cover p{font-size:19px;max-width:470px}.cover-copy a{display:inline-block;margin-top:18px;border-bottom:1px solid #e4c992;color:#e4c992;font-weight:800}
.contents{padding:52px 5vw 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;border-bottom:1px solid var(--line)}.contents h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(35px,3vw,54px);line-height:1.2;margin:0 0 15px}.contents p{margin:0;max-width:650px;color:var(--muted)}.contents nav{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.contents nav a{border-top:3px solid var(--gold);padding:15px 7px 10px;font-size:20px;font-weight:900}.contents nav a small{display:block;font-size:11px;color:var(--gold);letter-spacing:.15em;margin-bottom:10px}.contents nav a:hover{background:var(--pale)}
.spread{padding:80px 5vw 90px;scroll-margin-top:20px}.spread:nth-of-type(even){background:#efe8de}.spread-head{display:grid;grid-template-columns:160px 1fr 1fr;gap:2.7vw;margin-bottom:38px;align-items:start}.spread-head .no{font:900 15px Georgia,serif;color:var(--gold);letter-spacing:.15em}.spread-head h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,4vw,67px);line-height:1.14;margin:0}.spread-head p{font-size:17px;color:var(--muted);margin:0;max-width:600px}.entry{display:grid;background:#fff;border:1px solid var(--line);overflow:hidden}.entry figure{margin:0;overflow:hidden;background:#d7c8bd}.entry img{height:100%;object-fit:cover;object-position:center}.entry-copy{padding:clamp(20px,3vw,52px);align-self:center}.entry-copy small{display:block;color:var(--gold);font-weight:900;letter-spacing:.18em}.entry-copy h3{font-family:Georgia,"Songti SC",serif;font-size:clamp(27px,3vw,44px);line-height:1.22;margin:15px 0 21px}.entry-copy p{font-size:17px;color:#51484a;margin:0}.coast-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.coast-layout .entry{display:block}.coast-layout figure{height:clamp(430px,50vw,720px)}.coast-layout .entry-copy{padding:25px 28px 35px}.night-layout{display:grid;gap:28px}.night-layout .entry{grid-template-columns:56% 44%;min-height:500px}.night-layout .entry:nth-child(even){grid-template-columns:44% 56%}.night-layout .entry:nth-child(even) figure{order:2}.stage-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:26px}.stage-layout .entry:first-child{grid-row:span 2;display:block}.stage-layout .entry:first-child figure{height:660px}.stage-layout .entry:not(:first-child){grid-template-columns:48% 52%;min-height:350px}.stage-layout .entry:not(:first-child) .entry-copy{padding:20px}.stage-layout .entry:not(:first-child) h3{font-size:27px}.stage-layout .entry:not(:first-child) p{font-size:15px}
.note{display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:#171319;color:#f5eee6;padding:75px 5vw}.note h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(35px,4vw,55px);line-height:1.2;margin:0}.note p{margin:0;color:#e5dad3;font-size:17px}.foot{padding:24px 5vw;color:#71655d;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:1100px){.spread-head{grid-template-columns:90px 1fr}.spread-head p{grid-column:2}.night-layout .entry{min-height:420px}.stage-layout .entry:not(:first-child){display:block}.stage-layout .entry:not(:first-child) figure{height:330px}}
@media(max-width:720px){.mast{padding:12px 18px;position:relative}.mark{font-size:25px}.menu-toggle{display:block}.mast nav{display:none;position:absolute;z-index:5;top:100%;left:0;right:0;background:#211b22;padding:16px 18px;flex-direction:column;gap:12px}.mast.open nav{display:flex}.cover{min-height:0;display:flex;flex-direction:column}.cover img{position:relative;height:300px;order:2}.cover:after{display:none}.cover-copy{padding:48px 18px;background:#211b22}.cover h1{font-size:47px;max-width:none}.cover p{font-size:16px}.contents{display:block;padding:42px 18px}.contents nav{margin-top:24px;gap:8px}.contents nav a{font-size:14px;padding:9px 3px}.contents nav a small{font-size:9px}.spread{padding:50px 18px}.spread-head{display:block;margin-bottom:24px}.spread-head h2{margin:10px 0;font-size:42px}.spread-head p{font-size:15px}.coast-layout,.night-layout,.stage-layout{display:block}.entry,.night-layout .entry,.night-layout .entry:nth-child(even),.stage-layout .entry:not(:first-child){display:block;min-height:0;margin-bottom:22px}.night-layout .entry:nth-child(even) figure{order:0}.entry figure,.coast-layout figure,.stage-layout .entry:first-child figure,.stage-layout .entry:not(:first-child) figure{height:auto;aspect-ratio:3/4}.entry-copy,.coast-layout .entry-copy{padding:22px}.entry-copy h3{font-size:29px}.entry-copy p{font-size:15px}.note{display:block;padding:55px 18px}.note h2{margin-bottom:22px}.note p{font-size:15px}}
