:root{--ink-blue:#385b82;--blue-wash:#dce5eb}
.hero-grid{grid-template-columns:1fr 1.12fr;gap:34px;min-height:530px;padding:36px 0 38px}
.hero-copy{padding-bottom:18px}
.hero-copy .eyebrow{color:var(--ink-blue)}
.hero h1{position:relative;display:inline-block;font-size:clamp(90px,10.6vw,145px);margin-bottom:31px}
.hero h1::after{content:'';position:absolute;bottom:-10px;left:6px;width:81%;height:9px;border-bottom:2px solid var(--ink-blue);border-radius:0 0 48% 38%;transform:rotate(-2deg);opacity:.75;pointer-events:none}
.title-period{color:var(--ink-blue)}
.hero-description{margin-bottom:29px}
.hero-collage{position:relative;min-width:0;padding:19px 3px 10px 14px;pointer-events:none}
.scrap-photo{position:relative;margin:0;padding:7px;background:#fffefa;border:1px solid #e6e1d7;box-shadow:1px 4px 9px #3933291a}
.scrap-photo img{display:block;width:100%;height:auto;opacity:.91}
.scrap-photo::before{content:'';position:absolute;z-index:1;top:-11px;left:38%;width:78px;height:23px;transform:rotate(-5deg);background:#dbd3b8ad;border-left:1px solid #c6bea244;border-right:1px solid #c6bea244;clip-path:polygon(1% 2%,98% 0,100% 91%,2% 100%)}
.scrap-photo-main{width:90%;margin-left:auto;transform:rotate(2deg)}
.scrap-photo-small{width:70%;margin-top:19px;transform:rotate(-3deg)}
.scrap-photo-small::before{left:12%;width:64px;height:20px;background:#9eb5c587;transform:rotate(7deg)}
.scrap-mark{position:absolute;right:3%;bottom:10px;width:38px;height:41px;transform:rotate(11deg);stroke:var(--ink-blue);stroke-width:1.5;stroke-linecap:round;opacity:.8}
.topbar nav .is-current::after{background:var(--ink-blue)}
.mobile-nav>a.is-current{color:var(--ink-blue)}
.mobile-nav>a.is-current::before{background:var(--ink-blue)}
.model-reference{max-width:680px;margin:0 0 28px}
.model-list-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:12px;color:#777166;font-size:11px;line-height:1.8;border-bottom:1px solid #b5afa3}
.model-list-heading>span:last-child{color:var(--ink-blue);white-space:nowrap}
.model-disclosures{margin-bottom:30px}
.model-disclosure{border-bottom:1px solid var(--line)}
.model-disclosure>summary{display:grid;grid-template-columns:125px minmax(0,1fr) 16px;align-items:center;gap:24px;padding:21px 0;min-height:96px}
.model-name strong{display:block;font-size:16px;line-height:1.7;font-weight:500;letter-spacing:-.4px}
.model-name small{display:block;margin-top:3px;font-size:11px;line-height:1.7;color:#777166}
.model-focus{font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
.model-disclosure .detail-sign{color:var(--ink-blue);margin:0}
.model-disclosure[open] .model-name strong{color:var(--ink-blue)}
.model-body{padding:0 40px 24px 149px;max-width:810px}
.model-body>p{margin:0;font-size:14px;line-height:1.95;word-break:keep-all;overflow-wrap:break-word;color:#59564e}
.model-practice{margin-bottom:25px}
.server-brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-bottom:19px}
.server-brief h3{font-size:14px;line-height:1.8;font-weight:500;margin:0 0 8px}
.server-brief p{font-size:13px;line-height:1.95;color:#6b655b;margin:0;max-width:610px;word-break:keep-all;overflow-wrap:break-word}
.server-brief a{display:inline-flex;align-items:center;gap:13px;font-size:12px;line-height:1.8;color:var(--ink-blue);border-bottom:1px solid #385b8277;padding:8px 0;white-space:nowrap;min-height:44px}
.server-brief a span{font-size:18px}
@media(max-width:1000px) and (min-width:701px){
 .hero-grid{gap:25px;min-height:470px}
 .hero h1{font-size:clamp(82px,12vw,120px)}
 .hero-collage{padding-left:0}
 .scrap-photo-main{width:96%}
 .scrap-photo-small{width:78%}
 .scrap-mark{width:28px;right:0}
}
@media(max-width:700px){
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:17px;min-height:0;padding:30px 0 24px}
 .hero-copy{padding-bottom:0}
 .hero h1{font-size:clamp(67px,18vw,100px);line-height:1;letter-spacing:-3px;margin:12px 0 27px}
 .hero h1::after{bottom:-8px;left:3px;height:6px;border-bottom-width:1.5px}
 .hero-description{font-size:14px;line-height:1.95;margin-bottom:22px}
 .hero-collage{width:100%;max-width:470px;margin:0 auto;padding:15px 6px 12px}
 .scrap-photo{padding:6px}
 .scrap-photo-main{width:98%;transform:rotate(1.3deg)}
 .scrap-photo-small{width:88%;margin:22px auto 0 0;transform:rotate(-1.8deg)}
 .scrap-photo::before{height:21px;top:-10px;width:69px}
 .scrap-photo-small::before{height:18px;width:59px}
 .scrap-mark{right:0;bottom:17px;width:22px;height:25px}
 .model-list-heading{font-size:10px;gap:8px}
 .model-reference{font-size:12px;line-height:1.95;margin-bottom:23px}
 .model-disclosure>summary{grid-template-columns:minmax(0,1fr) 17px;gap:6px 15px;padding:21px 0;min-height:106px}
 .model-name{display:flex;align-items:baseline;gap:11px;grid-column:1}
 .model-name strong{font-size:16px}
 .model-name small{margin-top:0;font-size:10px}
 .model-focus{grid-column:1;font-size:14px;line-height:1.85}
 .model-disclosure .detail-sign{grid-column:2;grid-row:1/3;justify-self:end}
 .model-body{padding:0 0 23px}
 .model-body>p{font-size:14px;line-height:1.95}
 .model-practice{margin-bottom:23px}
 .server-brief{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
 .server-brief p{font-size:14px;line-height:1.95}
 .server-brief a{justify-self:start;font-size:12px}
}