/* Fit the opening composition to the available screen, including short laptops. */
html,body{width:100%;max-width:100%;overflow-x:clip}
header{inset:0 0 auto;width:auto;max-width:100%;height:clamp(76px,10svh,100px);padding:0 clamp(22px,5vw,85px);gap:24px;align-items:center}
header .brand{display:inline-flex;align-items:center;flex:0 0 auto;line-height:1.2;white-space:nowrap}
header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.2vw,35px);min-width:0}
header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;line-height:1.2;white-space:nowrap;text-align:center}
header nav .pill{padding:12px 20px;flex-shrink:0}
.hero{height:100svh;min-height:0;padding:clamp(88px,12svh,120px) 8% clamp(60px,8svh,85px);align-items:center}
.hero-inner{width:100%;max-width:1100px;min-width:0;display:flex;flex-direction:column;align-items:center}
.sculpture-anchor{width:clamp(150px,25svh,300px);height:clamp(140px,26svh,280px);flex-shrink:0;margin:0 auto clamp(10px,2svh,20px)}
.hero h1{font-size:clamp(34px,min(5.4vw,7.2svh),80px);line-height:1.06;margin:clamp(10px,1.6svh,16px) 0 clamp(12px,2svh,20px);max-width:100%}
.hero p{font-size:clamp(14px,1.9svh,17px);line-height:1.6;max-width:460px}
.hero .actions{margin-top:clamp(18px,3svh,28px);flex-wrap:wrap;row-gap:10px}
.hero .actions .light{padding:15px 23px;line-height:1.2}
.hero .eyebrow{font-size:clamp(8px,1svh,9px)}
.hero-foot{bottom:clamp(18px,3svh,32px);align-items:center;font-size:clamp(7px,.95svh,10px);line-height:1.5}
.stage-line{top:calc(clamp(88px,12svh,120px) + clamp(140px,26svh,280px));left:15%;right:15%}
@media(max-width:900px) and (min-width:701px){header .brand{font-size:19px;letter-spacing:.2em}header nav{gap:18px;font-size:10px}header nav .pill{padding:11px 14px}}
@media(max-width:700px){header{height:76px;padding:0 6%;gap:16px}header .brand{font-size:18px;letter-spacing:.22em}header nav a:not(.pill){display:none}header nav .pill{font-size:10px;padding:11px 14px;min-height:40px}.hero{height:100svh;min-height:0;padding:90px 7% 65px}.sculpture-anchor{width:clamp(145px,24svh,220px);height:clamp(140px,24svh,220px);margin-bottom:12px}.hero h1{font-size:clamp(32px,min(9vw,6.5svh),48px);line-height:1.08;margin:12px 0 16px}.hero p{font-size:14px;line-height:1.65;max-width:340px}.hero .eyebrow{font-size:7px;letter-spacing:.18em}.hero .actions{gap:15px;margin-top:22px}.hero .actions .light{font-size:9px;padding:14px 17px}.hero .actions .textbtn{font-size:9px}.hero-foot{bottom:18px;font-size:6px;gap:20px}.stage-line{top:calc(90px + clamp(140px,24svh,220px))}}
@media(max-height:600px) and (min-width:701px){header{height:66px}.hero{padding-top:76px;padding-bottom:45px}.sculpture-anchor{width:120px;height:115px;margin-bottom:5px}.hero h1{font-size:clamp(30px,6.2svh,38px);margin:8px 0 10px}.hero p{font-size:13px;line-height:1.5;max-width:440px}.hero .actions{margin-top:14px}.hero .actions .light{padding:12px 20px;font-size:10px}.hero-foot{bottom:12px}.stage-line{top:191px}}
@media(max-height:500px) and (max-width:700px){.hero{height:auto;min-height:100svh;padding-top:90px}.sculpture-anchor{height:100px;width:110px}.hero h1{font-size:30px}.hero-foot{position:relative;inset:auto;margin-top:30px;width:100%}.hero{flex-direction:column;padding-bottom:20px}}