/* Approved C direction: charcoal, white, lavender; typography carries the identity. */
:root{font-family:Arial,Helvetica,sans-serif;color:#f6f5f8;background:#222124;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #b8abfb;outline-offset:6px}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:35px 6vw 55px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}
.wordmark{font-weight:700;letter-spacing:-.04em}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:65px 0 70px}
h1{font-weight:900;font-size:clamp(80px,13.2vw,205px);line-height:.84;letter-spacing:-.085em;margin:0 0 42px}
h1 span{display:block}
.media{color:#b8abfb}
.under-title{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1100px}
.welcome{font-size:17px;line-height:1.65;margin:0;color:#d0cdd4}
.contact{display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-size:16px;padding:12px 0;border-bottom:1px solid #77737e}
.arrow{display:inline-block;transition:transform .2s}
.contact:hover .arrow{transform:translate(3px,-3px)}
.contact:hover{border-bottom-color:#b8abfb}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;line-height:1.5;color:#b9b5c0}
footer p{margin:0}
.footer-mark{width:32px;height:22px;border:3px solid #b8abfb;position:relative}
.footer-mark:after{content:'';position:absolute;right:4px;bottom:-8px;width:8px;height:8px;background:#222124;border-right:3px solid #b8abfb;border-bottom:3px solid #b8abfb;transform:skewY(35deg)}
.error-title{font-size:clamp(58px,9vw,150px);line-height:1;letter-spacing:-.06em}
@media(min-width:1700px){.page{padding-left:max(6vw,calc((100vw - 1550px)/2));padding-right:max(6vw,calc((100vw - 1550px)/2))}}
@media(max-width:700px){
 .page{padding:28px 25px 38px}
 header{font-size:13px;gap:14px}
 main{padding:85px 0 72px}
 h1{font-size:clamp(58px,17vw,116px);margin-bottom:36px}
 .under-title{align-items:flex-start;flex-direction:column;gap:18px}
 .welcome{font-size:16px}.contact{font-size:15px;gap:18px}
 footer{font-size:11px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.arrow{transition:none}}