/* Scale the design in CSS viewport pixels, not physical device pixels.
   1600px stays at the original size; 3200px and above cap at 2x.
   Normal browser/OS scaling and all existing mobile rules remain intact. */
@media (min-width:1600px){
 :root{--wide-unit:clamp(1px,.0625vw,2px)}
 html{scroll-padding-top:calc(var(--header-height,100px) + 24px)}
 .container{width:min(calc(1240 * var(--wide-unit)),calc(100% - 112 * var(--wide-unit)))}
 header{padding:calc(20 * var(--wide-unit)) calc(56 * var(--wide-unit))}
 header nav{font-size:calc(13 * var(--wide-unit));gap:calc(38 * var(--wide-unit))}
 header nav a{padding-block:calc(10 * var(--wide-unit))}
 .image-logo{width:calc(146 * var(--wide-unit));height:calc(55 * var(--wide-unit))}
 #language{font-size:calc(12 * var(--wide-unit));padding:calc(10 * var(--wide-unit)) calc(14 * var(--wide-unit));min-width:calc(70 * var(--wide-unit))}
 .hero{height:100svh;min-height:690px}
 .hero-content{padding-top:clamp(220px,29svh,680px)}
 h1{font-size:calc(118 * var(--wide-unit));letter-spacing:calc(-5 * var(--wide-unit));margin-block:calc(25 * var(--wide-unit)) calc(27 * var(--wide-unit))}
 h1 span{font-size:calc(25 * var(--wide-unit));letter-spacing:calc(11 * var(--wide-unit));margin-top:calc(20 * var(--wide-unit))}
 .eyebrow{font-size:calc(10 * var(--wide-unit));letter-spacing:calc(2.8 * var(--wide-unit))}
 .tagline{font-size:calc(16 * var(--wide-unit))}
 .discover{font-size:calc(12 * var(--wide-unit));gap:calc(27 * var(--wide-unit));margin-top:calc(27 * var(--wide-unit))}
 .discover b{width:calc(35 * var(--wide-unit));height:calc(35 * var(--wide-unit))}.discover b .symbol-icon{width:calc(14 * var(--wide-unit));height:calc(14 * var(--wide-unit))}
 .hero-bottom{font-size:calc(9 * var(--wide-unit));bottom:calc(34 * var(--wide-unit))}
 h2,.about-statement,.skills-heading h2{font-size:calc(42 * var(--wide-unit))}
 .about{padding-block:calc(108 * var(--wide-unit));gap:calc(70 * var(--wide-unit))}
 .bio{font-size:calc(14 * var(--wide-unit));max-width:calc(680 * var(--wide-unit));margin-block:calc(26 * var(--wide-unit))}
 .places{font-size:calc(9 * var(--wide-unit));gap:calc(20 * var(--wide-unit));margin-top:calc(34 * var(--wide-unit))}
 .journey{padding-block:calc(88 * var(--wide-unit)) calc(75 * var(--wide-unit))}.journey-grid{gap:calc(85 * var(--wide-unit))}
 .section-heading{margin-bottom:calc(49 * var(--wide-unit));gap:calc(30 * var(--wide-unit))}
 .note,.skills-intro{font-size:calc(12 * var(--wide-unit));max-width:calc(300 * var(--wide-unit))}
 .column-title{font-size:calc(17 * var(--wide-unit));padding-bottom:calc(22 * var(--wide-unit));margin-bottom:calc(34 * var(--wide-unit))}.column-title small{font-size:calc(8 * var(--wide-unit))}
 .timeline-item{padding:0 0 calc(38 * var(--wide-unit)) calc(28 * var(--wide-unit))}
 .date,.current{font-size:calc(9 * var(--wide-unit))}
 .institution-heading{gap:calc(16 * var(--wide-unit));margin-block:calc(16 * var(--wide-unit)) calc(12 * var(--wide-unit))}
 .institution-logo{width:calc(92 * var(--wide-unit));flex-basis:calc(92 * var(--wide-unit));height:calc(58 * var(--wide-unit));padding:calc(7 * var(--wide-unit))}
 .institution-heading h4{font-size:calc(19 * var(--wide-unit))}
 .role,.description{font-size:calc(12 * var(--wide-unit))}.description{max-width:calc(480 * var(--wide-unit))}
 .place,summary{font-size:calc(10 * var(--wide-unit))}.place{margin-block:calc(8 * var(--wide-unit)) calc(14 * var(--wide-unit))}
 .beyond,.skills-section{padding-block:calc(82 * var(--wide-unit)) calc(100 * var(--wide-unit))}
 .life-grid{gap:calc(24 * var(--wide-unit))}.postcard figcaption{left:calc(30 * var(--wide-unit));bottom:calc(28 * var(--wide-unit));gap:calc(12 * var(--wide-unit))}
 .postcard figcaption>span{font-size:calc(24 * var(--wide-unit))}.postcard small{font-size:calc(8 * var(--wide-unit))}.figure-number{font-size:calc(9 * var(--wide-unit))}
 .open-page{padding:calc(36 * var(--wide-unit)) calc(38 * var(--wide-unit))}.orbit{font-size:calc(65 * var(--wide-unit))}
 .open-page h3{font-size:calc(26 * var(--wide-unit))}.open-page>p:not(.eyebrow){font-size:calc(12 * var(--wide-unit))}.life-grid .open-page>p:not(.eyebrow){max-width:calc(650 * var(--wide-unit))}.tags span{font-size:calc(10 * var(--wide-unit));padding:calc(7 * var(--wide-unit)) calc(13 * var(--wide-unit))}
 .skills-stage{max-width:calc(920 * var(--wide-unit));height:calc(510 * var(--wide-unit));margin-top:calc(22 * var(--wide-unit))}
 .toolbox{width:calc(210 * var(--wide-unit));height:calc(200 * var(--wide-unit))}.toolbox svg{height:calc(175 * var(--wide-unit))}.toolbox-action{font-size:calc(10 * var(--wide-unit))}
 .skill-token{width:calc(66 * var(--wide-unit));height:calc(66 * var(--wide-unit));margin:calc(-33 * var(--wide-unit)) 0 0 calc(-33 * var(--wide-unit));padding:calc(14 * var(--wide-unit));border-radius:calc(19 * var(--wide-unit))}
 .skill-language,.skill-readout-label{font-size:calc(9 * var(--wide-unit))}.skill-readout-name{font-size:calc(20 * var(--wide-unit))}.skill-readout{min-height:calc(89 * var(--wide-unit))}.skills-hint{font-size:calc(11 * var(--wide-unit));max-width:calc(480 * var(--wide-unit))}
 .contact{gap:calc(80 * var(--wide-unit));padding-block:calc(100 * var(--wide-unit))}.contact-intro>p:not(.eyebrow){font-size:calc(14 * var(--wide-unit));max-width:calc(430 * var(--wide-unit))}.contact-signature{font-size:calc(32 * var(--wide-unit))}
 .contact-form{padding:calc(32 * var(--wide-unit))}.form-row{gap:calc(20 * var(--wide-unit))}.contact-form label{font-size:calc(12 * var(--wide-unit));margin-bottom:calc(22 * var(--wide-unit))}
 .contact-form input,.contact-form textarea{font-size:calc(16 * var(--wide-unit));padding:calc(13 * var(--wide-unit)) calc(14 * var(--wide-unit))}.contact-form textarea{min-height:calc(150 * var(--wide-unit))}
 .contact-form input::placeholder,.contact-form textarea::placeholder,.form-actions button,#contact-status{font-size:calc(12 * var(--wide-unit))}.form-privacy{font-size:calc(11 * var(--wide-unit))}.contact-note{font-size:calc(10 * var(--wide-unit))}
 .form-actions button{padding:calc(13 * var(--wide-unit)) calc(21 * var(--wide-unit))}.form-actions{gap:calc(20 * var(--wide-unit))}
 footer{padding-block:calc(29 * var(--wide-unit)) calc(35 * var(--wide-unit))}footer p,footer>a:last-child{font-size:calc(9 * var(--wide-unit))}
}
/* Keep the hero text within shorter ultrawide windows. */
@media(min-width:1600px) and (max-height:900px){
 .hero-content{padding-top:max(calc(var(--header-height,100px) + 35px),20svh)}
 h1{font-size:clamp(118px,16svh,180px);margin-block:20px}h1 span{font-size:clamp(25px,4svh,38px);margin-top:16px}
 .hero .eyebrow{font-size:14px}.tagline{font-size:20px}.discover{font-size:16px;margin-top:16px}
}