:root{--ink:#4a4745;--yellow:#fdbd2b;--soft:#f4f4f4;--band:#4a4745}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font-family:"Avenir Next",Avenir,"Trebuchet MS",Arial,sans-serif}body{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.hero{width:min(420px,calc(100% - 36px));margin:0 auto;padding-top:clamp(180px,42vh,430px)}.brand{display:block;width:100%;height:auto}.spacer{flex:1;min-height:120px}.footer{width:min(420px,calc(100% - 36px));margin:0 auto 32px}.claim{display:block;width:100%;height:auto;margin-bottom:18px}.badges{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:20px;margin-bottom:16px}.badges img{display:block;width:100%;height:74px;object-fit:contain}.nav{border-top:1px solid #777;display:grid;grid-template-columns:1fr 1fr .95fr 2.05fr;gap:28px;padding-top:6px}.nav a{position:relative;color:var(--ink);text-decoration:none;font-size:13px;line-height:1.2;white-space:nowrap;padding-bottom:12px}.nav a.active{font-weight:700}.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--soft)}.nav a.active::after{background:var(--yellow)}
.content-page .hero{padding-top:0}.content-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:70px 0 35px}.about-band{width:100%;background:var(--band);color:white;padding:28px 0}.about-inner{width:min(622px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}.portrait{width:150px;height:200px;object-fit:cover;object-position:center 32%;filter:grayscale(1)}.about-text{font-size:13px;line-height:1.25}.about-text p{margin:0 0 14px}.about-text p:last-child{margin-bottom:0}.about-text strong{font-weight:700}.fee{font-size:9px;opacity:.62;line-height:1.25;margin-top:4px}
.contact-card{text-align:center;width:min(520px,calc(100% - 36px));margin:auto}.contact-card .brand{width:min(420px,100%);margin:0 auto 74px}.contact-card h1{font-size:22px;margin:0 0 2px}.contact-card .role{font-size:17px;margin-bottom:14px}.contact-card .studio{font-size:17px;margin-bottom:2px}.dot{color:var(--yellow);padding:0 7px}.contact-card .address{font-size:16px;margin-bottom:22px}.contact-lines{font-size:17px;line-height:1.35}.contact-lines a{color:inherit;text-decoration:none}.contact-lines a:hover{text-decoration:underline}
.legal-wrap{width:min(734px,calc(100% - 36px));margin:70px auto 18px;font-size:9px;line-height:1.18}.legal-wrap h1{font-size:12px;margin:0 0 8px}.legal-wrap h2{font-size:10px;margin:15px 0 5px}.legal-wrap p{margin:0 0 8px}.legal-wrap ul{margin:0 0 8px;padding-left:14px}.legal-wrap .watermark{font-size:54px;font-weight:800;text-align:center;opacity:.06;letter-spacing:.01em;margin:-12px 0 10px}.legal-footer{margin-top:auto}
@media(max-width:650px){.hero{padding-top:28vh}.footer{margin-bottom:20px}.badges{gap:8px}.badges img{height:62px}.nav{gap:10px;grid-template-columns:1fr 1fr 1fr 1.75fr}.nav a{font-size:11px}.content-wrap{align-items:flex-start;padding-top:72px}.about-band{padding:24px 0}.about-inner{grid-template-columns:95px 1fr;gap:14px;align-items:start}.portrait{width:95px;height:132px}.about-text{font-size:11px;line-height:1.28}.about-text p{margin-bottom:10px}.fee{font-size:8px}.contact-card .brand{margin-bottom:48px}.contact-card h1{font-size:20px}.contact-card .role,.contact-card .studio,.contact-card .address,.contact-lines{font-size:14px}.legal-wrap{margin-top:30px;font-size:10px;line-height:1.28}.legal-wrap h1{font-size:13px}.legal-wrap h2{font-size:11px}.legal-wrap .watermark{font-size:38px}.legal-footer{margin-top:18px}}
@media(max-width:390px){.footer{width:calc(100% - 22px)}.nav{gap:6px}.nav a{font-size:10px}.badges{gap:4px}.badges img{height:56px}.about-inner{width:calc(100% - 24px);grid-template-columns:82px 1fr}.portrait{width:82px;height:116px}.about-text{font-size:10px}.contact-card{width:calc(100% - 24px)}}