*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:"Source Sans 3",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000}#root{height:100%;display:flex;flex-direction:column}::selection{background:#000;color:#fff}:root{--black: #000;--white: #fff;--mid: #737373;--border: #e0e0e0;--hover-bg: #f5f5f5;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--px: clamp(20px, 5vw, 64px);--ease: cubic-bezier(.4, 0, .2, 1)}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.nav{flex-shrink:0;display:flex;align-items:center;padding:0 var(--px);height:80px;border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:10px;user-select:none;-webkit-user-select:none}.nav-logo-img{height:40px;width:auto;filter:grayscale(1) contrast(2)}.nav-brand{font-family:var(--font-display);font-size:1.6rem;font-weight:500;letter-spacing:.03em;color:var(--black)}.hero{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--px);border-bottom:1px solid var(--border);text-align:center}.hero h1{font-family:var(--font-display);font-size:clamp(1.6rem,3.8vw,3.8rem);font-weight:500;line-height:1.05;letter-spacing:-.01em;color:var(--black);white-space:nowrap}.panels{flex:2;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.panel{padding:clamp(12px,2.2vh,36px) var(--px);border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;transition:background .18s var(--ease)}.panel:nth-child(2n){border-right:none}.panel:nth-child(3),.panel:nth-child(4){border-bottom:none}.panel:hover{background:var(--hover-bg)}.panel-num{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--border);margin-bottom:clamp(8px,1.2vh,18px)}.panel-title{font-family:var(--font-display);font-size:clamp(1.25rem,1.8vw + .5vh,2rem);font-weight:500;letter-spacing:.04em;color:var(--black);margin-bottom:clamp(8px,1.2vh,18px)}.panel-content{display:flex;flex-direction:column;gap:clamp(5px,.9vh,12px)}.panel-row{display:flex;align-items:flex-start;gap:9px;font-size:clamp(.78rem,.9vw + .3vh,1rem);line-height:1.6;color:var(--mid)}.panel-row strong{color:var(--black);font-weight:600}.panel-row-icon{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:var(--mid)}.panel-row a{color:var(--black);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color .18s ease}.panel-row a:hover{text-decoration-color:var(--black)}.footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 var(--px);height:44px;border-top:1px solid var(--border);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mid)}.footer-motto{font-family:var(--font-display);font-weight:500;letter-spacing:.22em;font-size:.75rem}@media(max-width:640px){:root{--px: 18px}.nav{height:56px}.nav-logo-img{height:32px}.nav-brand{font-size:1.3rem}.hero{flex:none;padding:20px var(--px)}.hero h1{white-space:normal;font-size:clamp(1.5rem,5.5vw,2.4rem)}.panels{flex:1}.panel{padding:14px var(--px)}.panel-num{display:none}.panel-title{font-size:1.05rem;margin-bottom:10px}.panel-content{gap:6px}.panel-row{font-size:.78rem;line-height:1.5;gap:7px}.panel-row-icon{width:12px;height:12px;margin-top:2px}.footer{height:40px;font-size:.65rem}}