.entrance-page .shell{max-width:1104px}
.entrance-page .site-header{padding-top:23px;padding-bottom:18px}
.entrance-page .domain-brand{display:flex;align-items:baseline;gap:18px;font:600 19px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.03em}
.entrance-page .domain-brand span{font:400 13px/1.5 var(--serif);letter-spacing:.1em;color:var(--muted)}
.entrance-page .site-nav a{display:inline-flex;align-items:center;min-height:44px}
.entrance-page .welcome-hero{max-width:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;padding:32px 0 27px}
.entrance-page .welcome-hero h1{font-size:clamp(30px,3.6vw,47px);line-height:1.4;letter-spacing:.015em;margin-bottom:14px}
.entrance-page .welcome-intro{font-size:16px;line-height:1.8}
.entrance-page .welcome-note{font-size:12px;line-height:2.1;letter-spacing:.08em;border-left:1px solid var(--line);padding-left:24px;margin:0}
.entrance-page .welcome-note span{display:block}
.entrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:23px}
.entrance-link{position:relative;display:block;padding:17px 23px 15px;text-decoration:none;transition:background-color .18s ease}
.entrance-link:first-child{background:var(--wash)}
.entrance-link+.entrance-link{border-left:1px solid var(--line)}
.entry-kicker{font-size:11px;letter-spacing:.07em;color:var(--muted)}
.entrance-link h2{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.5;margin:8px 0 4px}
.entrance-link p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;padding-right:7px}
.entry-arrow{position:absolute;right:22px;top:20px;font-size:19px;color:var(--accent);transition:transform .18s ease}
.entrance-link:hover{background:#e4ebdf}
.entrance-link:hover .entry-arrow{transform:translate(2px,-2px)}
.entrance-link:first-child:hover .entry-arrow{transform:translateY(3px)}
.entrance-page .section-label{padding-bottom:10px}
.entrance-page .section-label h2{font-size:13px;color:var(--muted)}
.entrance-page .section-label span{font-size:11px}
.entrance-page .note-link{grid-template-columns:36px 1fr 82px;gap:17px;padding:15px 0;align-items:center}
.entrance-page .note-no{font-size:20px;padding:0}
.entrance-page .note-link h3{font-size:21px;line-height:1.5;margin-bottom:3px}
.entrance-page .note-link p{font-size:13px;line-height:1.7}
.entrance-page .note-link time{font-size:11px;padding:0}
.entrance-page .about{grid-template-columns:150px 1fr;gap:38px;padding:20px 0 24px}
.entrance-page .about h2{font-size:20px}
.entrance-page .about p{font-size:12px;line-height:1.8;margin-bottom:7px;max-width:720px}
.entrance-page .about p:last-child{margin-bottom:0}
.entrance-page .site-footer{font-size:11px;padding-top:14px;padding-bottom:18px}
@media(max-width:720px){
  .entrance-page .site-header{padding-top:16px;padding-bottom:12px;gap:16px}
  .entrance-page .domain-brand{display:block;font-size:18px;line-height:1.5}
  .entrance-page .domain-brand span{display:block;font-size:11px;letter-spacing:.07em;margin-top:2px}
  .entrance-page .site-nav{gap:18px;font-size:12px}
  .entrance-page .welcome-hero{grid-template-columns:1fr;gap:15px;padding:32px 0 25px}
  .entrance-page .welcome-hero h1{font-size:clamp(25px,6.7vw,35px);margin-bottom:12px}
  .entrance-page .welcome-intro{font-size:14px}
  .entrance-page .welcome-note{border:0;padding:0;font-size:10px;letter-spacing:.03em;line-height:1.7}
  .entrance-page .welcome-note span{display:inline}
  .entrance-page .welcome-note span+span::before{content:" · "}
  .entrances{grid-template-columns:1fr;margin-bottom:25px}
  .entrance-link{padding:16px 18px}
  .entrance-link+.entrance-link{border-left:0;border-top:1px solid var(--line)}
  .entrance-link h2{font-size:21px;margin-top:5px}
  .entrance-link p{font-size:12px}
  .entry-arrow{right:18px;top:20px}
  .entry-kicker{font-size:10px}
  .entrance-page .note-link{grid-template-columns:24px 1fr;gap:13px;padding:19px 0}
  .entrance-page .note-no{font-size:18px;align-self:start;margin-top:3px}
  .entrance-page .note-link h3{font-size:19px}
  .entrance-page .note-link p{font-size:12px}
  .entrance-page .note-link time{grid-column:2;text-align:left;margin-top:-6px;font-size:10px}
  .entrance-page .about{grid-template-columns:1fr;gap:12px;padding:24px 0}
  .entrance-page .about h2{font-size:20px}
  .entrance-page .site-footer{gap:7px 17px;font-size:10px}
  .entrance-page .site-footer span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){
  .entrance-link,.entry-arrow{transition:none}
  .entrance-link:hover .entry-arrow,.entrance-link:first-child:hover .entry-arrow{transform:none}
}
@media print{
  .entrance-page .welcome-hero{padding:20px 0}
  .entrance-page .welcome-note,.entrance-page .entry-arrow{display:none}
  .entrance-link{break-inside:avoid}
}