/* One introduction, one work showcase, one profile, one contact action. */
.hero { min-height:0; padding-top:clamp(90px,9vw,135px); padding-bottom:clamp(95px,10vw,135px); }
.hero-copy { width:100%; max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); column-gap:40px; align-items:end; }
.hero .eyebrow { grid-column:1/-1; }
.hero h1 { grid-column:1; font-size:clamp(52px,6.6vw,90px); line-height:1.03; margin:88px 0 0; }
.hero-bottom { grid-column:2; display:block; padding-bottom:8px; }
.hero-bottom p { max-width:280px; margin:0; font-size:15px; line-height:1.65; }
.work { border-top:1px solid var(--line); padding-top:70px; padding-bottom:105px; }
.section-heading { margin-bottom:0; }
.section-heading>div { width:100%; display:grid; grid-template-columns:1fr minmax(220px,300px); align-items:end; }
.section-heading .eyebrow { grid-column:1/-1; }
.section-heading h2 { grid-column:1; }
.work-intro { grid-column:2; margin:0 0 5px; font-size:14px; line-height:1.6; color:var(--muted); text-align:right; }
.work-art { margin-top:86px; }
.about { grid-template-columns:minmax(200px,.78fr) minmax(0,1.22fr); column-gap:clamp(45px,6vw,100px); row-gap:62px; padding-top:95px; padding-bottom:100px; }
.about-content { max-width:none; }
.about-details { display:block; margin-top:38px; }
.toolkit { grid-column:1/-1; min-width:0; }
.toolkit-heading { display:flex; align-items:baseline; gap:18px; margin-bottom:20px; }
.toolkit-heading .detail-label { margin:0; }
.toolkit-heading strong { font-size:14px; }
.toolkit-viewport { overflow-x:auto; scrollbar-width:none; }
.toolkit-viewport::-webkit-scrollbar { display:none; }
.toolkit-viewport.is-animated { overflow:hidden; }
.toolkit-track { display:flex; width:max-content; }
.toolkit-viewport.is-animated .toolkit-track { animation:toolkit-scroll 42s linear infinite; }
.toolkit-viewport.is-animated:hover .toolkit-track { animation-play-state:paused; }
.toolkit-grid { display:flex; flex:none; gap:14px; margin:0; padding:0 14px 0 0; list-style:none; }
.toolkit-grid li { flex:none; width:184px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:105px; padding:12px 5px; border:1px solid var(--line); border-radius:12px; background:#182a3d; color:var(--ink); text-align:center; font-size:11px; line-height:1.2; }
.toolkit-grid img { width:36px; height:36px; object-fit:contain; }
.toolkit-grid li:nth-child(6) img { filter:brightness(0) invert(1); }
@keyframes toolkit-scroll { to { transform:translateX(-50%); } }
.contact { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(45px,7vw,115px); padding-top:100px; padding-bottom:130px; }
.contact-copy h2 { margin-bottom:18px; }
.contact-intro { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.contact-methods { min-width:0; display:grid; gap:14px; }
.contact-secondary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.contact-method { min-width:0; min-height:128px; display:flex; align-items:center; gap:18px; padding:22px; border:1px solid var(--line); border-radius:18px; background:#182a3d; transition:border-color .2s ease, transform .2s ease, background .2s ease; }
.contact-method:hover { border-color:var(--orange); transform:translateY(-3px); }
.contact-method--email { min-height:146px; background:var(--orange); color:var(--bg); border-color:var(--orange); }
.contact-method--email:hover { background:#ffa974; border-color:#ffa974; }
.method-icon { display:grid; flex:none; place-items:center; width:44px; height:44px; border:1px solid currentColor; border-radius:50%; opacity:.9; }
.method-icon svg { width:21px; height:21px; }
.method-text { min-width:0; display:grid; gap:8px; }
.method-text small { font-size:10px; font-weight:700; letter-spacing:.14em; }
.method-text strong { overflow-wrap:anywhere; font-size:clamp(13px,1.15vw,17px); font-weight:600; line-height:1.3; }
.contact-method--email .method-text strong { font-size:clamp(17px,1.6vw,22px); }
.method-arrow { margin-left:auto; align-self:flex-start; font-size:20px; line-height:1; }
@media (max-width:768px) {
  .hero { padding-top:88px; padding-bottom:115px; }
  .hero-copy { display:block; }
  .hero h1 { font-size:clamp(43px,10vw,70px); margin:72px 0 28px; }
  .hero-bottom { padding:0; }
  .hero-bottom p { max-width:290px; font-size:14px; }
  .work { padding-top:65px; padding-bottom:85px; }
  .section-heading>div { display:block; }
  .work-intro { margin:12px 0 0; text-align:left; }
  .work-art { margin-top:68px; }
  .about { grid-template-columns:1fr; gap:35px; padding-top:75px; padding-bottom:85px; }
  .about-details { margin-top:32px; }
  .toolkit { margin-top:8px; }
  .toolkit-grid { gap:10px; padding-right:10px; }
  .toolkit-grid li { width:130px; font-size:11px; min-height:88px; padding:8px 2px; }
  .toolkit-grid img { width:29px; height:29px; }
  .contact { grid-template-columns:1fr; gap:35px; padding-top:75px; padding-bottom:100px; }
  .contact-method { min-height:110px; }
  .contact-method--email { min-height:125px; }
  .method-text strong { font-size:14px; }
  .contact-method--email .method-text strong { font-size:17px; }
}
@media (max-width:540px) {
  .contact-secondary { grid-template-columns:1fr; }
  .contact-method { padding:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .toolkit-viewport.is-animated { overflow-x:auto; }
  .toolkit-viewport.is-animated .toolkit-track { animation:none; }
  .toolkit-grid[aria-hidden="true"] { display:none; }
}