:root{color-scheme:dark;--bg:#10232b;--ink:#f7f1e4;--muted:#b7c6c8;--accent:#c9efaa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,"Noto Sans",sans-serif}header,main,footer{max-width:1280px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:2px;font-size:16px}.brand img{width:48px;border-radius:50%}.brand b{font-weight:400;color:#83cfc5}a{color:inherit}nav{display:flex;align-items:center;gap:26px}nav a{font-size:14px;text-decoration:none}button{background:transparent;color:inherit;border:1px solid #647b80;border-radius:30px;padding:8px 15px;cursor:pointer}.hero{padding:65px 5% 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#9ec9c4;font-weight:bold}h1,h2{font-family:Georgia,"Yu Mincho",serif;font-weight:400;line-height:1.07;letter-spacing:-2px}h1{font-size:clamp(44px,5.8vw,78px);margin:28px 0}h2{font-size:clamp(32px,3.7vw,50px);margin:24px 0}.lead{font-size:18px;color:var(--muted);max-width:530px}.cta{display:inline-block;background:var(--accent);color:#122823;text-decoration:none;padding:14px 23px;border-radius:30px;margin-top:18px;font-weight:bold}figure{margin:0;transform:rotate(2deg)}figure img{display:block;width:100%;aspect-ratio:1/1.13;object-fit:cover;border-radius:100px 8px 8px 8px}figcaption{font-size:10px;text-align:right;color:var(--muted);margin-top:10px}.work,.about,.contact{padding:65px 5%;border-top:1px solid #3a4c51}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}article{padding:36px;background:#1a3037;border-radius:6px}article p,article li,.about>p:last-child{color:var(--muted)}article h2{font-size:40px}.number{font-size:12px;letter-spacing:2px;color:#bbd5cc}ul{padding-left:18px;font-size:14px}.status{display:inline-block;border:1px solid #536d69;border-radius:20px;padding:4px 12px;font-size:11px;color:#d1e8bc;margin-top:20px}.music{background:#263c3a}.wave{color:var(--accent);height:46px;letter-spacing:8px;font-size:32px;margin-top:18px;overflow:hidden}.about{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.about .eyebrow{grid-column:1/-1}.about>p:last-child{align-self:center}.contact{background:var(--accent);color:#142b29;margin:30px 5% 70px;border-radius:6px}.contact .eyebrow{color:#426553}.contact a{font-size:clamp(17px,2.5vw,30px);text-underline-offset:8px;overflow-wrap:anywhere}footer{padding:0 5% 35px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:700px){header{padding:20px 6%}.brand{font-size:11px;letter-spacing:1px}.brand img{width:35px}nav{gap:12px}nav a{display:none}.hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:35px}h1{font-size:55px}.lead{font-size:16px}figure{transform:none}figure img{aspect-ratio:1.4;border-radius:55px 5px 5px 5px}.cards,.about{grid-template-columns:1fr}article{padding:26px}.work,.about{padding:40px 6%}article h2{font-size:35px}.contact{padding:30px 7%;margin-bottom:40px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}