/* Reference-led editorial composition: a compact opening and varied image bands. */
.site-header{height:76px;padding-block:16px;gap:32px}
.site-header .identity{font-size:1.12rem}
.site-header nav{gap:32px;font-size:.8rem}
.nav-contact{font-size:.8rem;padding:7px 17px}
.hero{min-height:0}
.hero-content{min-height:405px;padding-top:30px;padding-bottom:24px;gap:22px}
.hero-copy{max-width:535px}
.hero .eyebrow{font-size:.68rem;margin-bottom:16px;letter-spacing:.12em}
.hero h1{font-size:clamp(3.5rem,4.5vw,4.45rem);line-height:.98;margin-bottom:17px}
.hero-intro{font-size:.94rem;line-height:1.6;max-width:385px;margin-bottom:19px}
.hero-actions{gap:25px}
.hero-actions .button{min-height:43px;padding:9px 20px;font-size:.8rem}
.hero-actions .underlined{font-size:.8rem}
.hero-location{font-size:.65rem;margin-top:23px;gap:24px}
.hero-art{inset:-66px 2% -25px 30%;background-size:contain;background-position:center right}
.hero-shade{background:linear-gradient(90deg,#090b0a 8%,#090b0aaa 33%,transparent 56%),linear-gradient(0deg,#090b0a,transparent 20%)}
.hero-margin{justify-content:space-between;min-width:140px;padding-block:8px 15px}
.hero-note{display:block;font-size:1.5rem;transform:rotate(-6deg);padding-right:4px}
.art-caption{font-size:.6rem;max-width:160px;letter-spacing:.08em}
.hero-bottom{font-size:.63rem;padding-block:13px;border-top:1px solid #ffffff12}
.domain-strip .wrap{padding-block:16px;font-size:.68rem;letter-spacing:.12em}
.domain-strip{background:#0a0e0a}
.editorial-band{display:grid;grid-template-columns:1.35fr 1fr .75fr;border-bottom:1px solid var(--line);max-width:1600px;margin:auto;min-height:286px}
.architecture-image{position:relative;overflow:hidden;margin:0;min-width:0;min-height:286px}
.architecture-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center 55%}
.architecture-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 85%),linear-gradient(0deg,#0009,transparent 45%)}
.architecture-title{position:relative;z-index:1;font:400 2.8rem/.98 var(--serif);letter-spacing:-.02em;padding:29px 34px;text-shadow:0 1px 20px #0008}
.architecture-image figcaption{position:absolute;z-index:1;bottom:17px;left:34px;right:20px;font-size:.59rem;letter-spacing:.1em;color:#c3c9bd}
.editorial-copy{padding:30px 32px;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.editorial-copy .eyebrow{font-size:.62rem;letter-spacing:.1em;margin-bottom:14px}
.editorial-copy h2{font-size:2.35rem;line-height:1.02;margin:0 0 15px}
.editorial-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.65;color:var(--muted);margin-bottom:22px;max-width:360px}
.editorial-link{display:flex;align-items:center;gap:13px;font-size:.75rem;margin-top:auto}
.circle-arrow{width:33px;height:33px;border:1px solid #9aa38f;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:1.1rem;flex-shrink:0}
.editorial-link:hover{color:var(--lime)}
.focus-tile{position:relative;overflow:hidden;display:block;min-width:0}
.focus-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s ease}
.focus-tile:hover img{transform:scale(1.05)}
.focus-tile:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#060904f5 0%,#080c0499 50%,#080c0410 100%)}
.focus-overlay{position:relative;z-index:1;padding:30px 27px 40px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.focus-overlay .eyebrow{font-size:.62rem;letter-spacing:.1em;margin-bottom:auto;color:#eef3e5;padding-bottom:30px}
.focus-overlay h3{font-size:1.65rem;letter-spacing:-.05em;margin:0 0 8px;font-weight:500;line-height:1.1}
.focus-overlay p{font-size:.85rem;line-height:1.5;color:#d0dac4;margin-bottom:17px}
.focus-link{display:flex;justify-content:space-between;font-size:.75rem;color:var(--lime)}
.focus-caption{position:absolute;left:27px;bottom:14px;z-index:1;font-size:.54rem;letter-spacing:.07em;color:#9ea993}
@media(min-width:1600px){.hero-content{min-height:440px}.hero-art{inset:-50px 5% -30px 32%}}
@media(max-width:1100px){.hero-content{min-height:415px}.hero-art{inset:-20px -10% 0 20%}.hero-margin{min-width:90px}.hero-note{font-size:1.25rem}.hero h1{font-size:3.65rem}.editorial-band{grid-template-columns:1.1fr 1fr .75fr}.editorial-copy{padding:27px 24px}.editorial-copy h2{font-size:2rem}.architecture-title{font-size:2.4rem;padding:27px 26px}.focus-overlay{padding-inline:20px}.focus-caption{left:20px}.focus-overlay h3{font-size:1.4rem}}
@media(max-width:800px){.hero-margin{display:none}.hero-copy{max-width:460px}.hero-art{inset:0 -15% 0 8%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#090b0a 5%,#090b0ae8 28%,#090b0a50 55%,transparent 85%),linear-gradient(0deg,#090b0a,transparent 20%)}.editorial-band{grid-template-columns:1.05fr 1fr}.architecture-image{grid-row:1/3;min-height:430px}.focus-tile{min-height:210px}.editorial-copy{border-bottom:1px solid var(--line);padding:25px}.focus-overlay .eyebrow{padding-bottom:18px}.focus-overlay{padding:24px 25px 42px}.focus-caption{left:25px}.focus-overlay h3{font-size:1.7rem}.focus-overlay p{margin-bottom:12px}.architecture-title{font-size:2.3rem}.editorial-copy>p:not(.eyebrow){font-size:.875rem}.hero-bottom{font-size:.6rem}}
@media(max-width:720px){.site-header{min-height:74px;height:auto;padding-block:17px}.site-header .identity{font-size:1.06rem}.hero-content{min-height:0;padding-top:29px;padding-bottom:210px}.hero h1{font-size:clamp(2.6rem,11.7vw,4.4rem);line-height:1.02;margin-bottom:18px}.hero .eyebrow{font-size:.63rem;max-width:300px;letter-spacing:.06em}.hero-intro{font-size:.92rem;max-width:355px;line-height:1.65}.hero-art{inset:auto -30px 0 -50px;height:370px;background-position:right bottom;background-size:contain;opacity:1}.hero-shade{background:linear-gradient(180deg,#090b0a 0%,#090b0a 45%,#090b0a99 60%,transparent 83%,#090b0a 100%)}.hero-location{font-size:.62rem;margin-top:22px;gap:10px 18px}.hero-bottom{font-size:.59rem;padding-block:12px}.hero-bottom>span:first-child{max-width:170px}.hero-actions{gap:20px}.hero-actions .button{padding:10px 17px}.hero-actions .underlined{font-size:.8rem}.domain-strip .wrap{font-size:.59rem;letter-spacing:.08em;padding-block:15px;gap:8px 11px}.editorial-band{grid-template-columns:1fr}.architecture-image{grid-row:auto;min-height:245px}.architecture-title{padding:25px 24px;font-size:2.7rem}.architecture-image figcaption{left:24px;font-size:.58rem}.editorial-copy{padding:30px 24px}.editorial-copy h2{font-size:2.6rem}.editorial-copy .eyebrow{font-size:.65rem}.editorial-copy>p:not(.eyebrow){max-width:450px;font-size:1rem}.editorial-link{font-size:.85rem}.focus-tile{min-height:260px}.focus-tile img{object-position:center 40%}.focus-overlay{padding:26px 24px 46px}.focus-overlay h3{font-size:2.1rem}.focus-overlay .eyebrow{font-size:.67rem}.focus-overlay p{font-size:1rem}.focus-link{max-width:300px;font-size:.875rem}.focus-caption{left:24px;font-size:.58rem}}

/* A four-project shelf, with supporting details available in place. */
#work{padding-block:39px 55px}
#work .section-head{margin-bottom:25px;align-items:center}
#work .section-head h2{font-size:2.6rem}
#work .section-head h2 br{display:none}
#work .section-head .eyebrow{font-size:.65rem;margin-bottom:10px}
#work .section-head>p{font-size:.875rem;max-width:400px}
.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:0;align-items:start}
.project{border:1px solid var(--line);background:#0e120e;padding:0 16px 16px;transition:border-color .2s ease}
.project:hover{border-color:#667455}
.project-visual{margin:0 -16px 19px;padding:15px 16px;min-height:194px;border:0;border-bottom:1px solid var(--line)}
.visual-topline{font-size:.56rem;gap:10px;letter-spacing:.03em;line-height:1.5}
.visual-topline>span:last-child{font-size:.56rem}
.dimension-title{font-size:4rem;margin-top:14px;line-height:.9}
.dimension-title>span{font-size:1.6rem}
.dimension-bar{position:static;margin:14px 0 0;width:100%;max-width:none;height:6px;flex-shrink:0}
.dimension-legend{font-size:.59rem;gap:8px;padding-top:8px;margin-top:8px;line-height:1.35;border-top:0}
.charger-diagram .visual-footer,.rfq-diagram .visual-footer{font-size:.54rem;padding-top:10px;gap:10px;line-height:1.5;flex-wrap:wrap}
.rfq-table{grid-template-columns:1fr 1fr;gap:14px;margin-top:21px;padding-bottom:13px}
.rfq-table>div:nth-child(3){display:none}
.rfq-table>div{padding-top:9px}
.rfq-table span{font-size:.65rem;margin-bottom:7px}
.rfq-table b{font-size:.8rem;line-height:1.25}
.verification-diagram>p,.english-diagram>p{font-size:2.8rem;line-height:.92;margin:20px 0 0}
.verify-flow,.english-flow{justify-content:flex-start;gap:5px;padding-top:18px;font-size:.54rem}
.verify-flow>span,.english-flow>span{padding:4px 7px}
.project-meta{font-size:.55rem;letter-spacing:.055em;line-height:1.5;margin-bottom:9px;min-height:18px}
.project h3{font-size:1.65rem;line-height:1.07;letter-spacing:-.02em;margin-bottom:12px}
.project h3 em{display:block;font:400 .75rem/1.5 var(--sans);letter-spacing:0;color:#b5bfae;margin-top:6px}
.project>p{font-size:.82rem;line-height:1.6;margin-bottom:17px;min-height:84px}
.scope-details{border-top:1px solid var(--line);margin-top:auto}
.scope-details summary{font:400 .75rem/1.5 var(--sans);padding:12px 0;gap:12px;color:#cad5bf}
.scope-details summary>i{font-size:1.1rem}
.scope-details .project-ledger>div{display:block;padding:12px 0}
.scope-details .project-ledger dt{font-size:.65rem;margin-bottom:7px}
.scope-details .project-ledger dd{font-size:.82rem}
.project-bottom{padding-top:12px;gap:10px;min-height:53px}
.status-tag{font-size:.65rem;line-height:1.55;max-width:180px}
.round-button{width:33px;height:33px;font-size:1rem}
.featured-project{margin-top:34px;min-height:0;grid-template-columns:1fr 1.1fr;background:#11160f}
.featured-copy{padding:30px 35px}
.featured-copy .eyebrow{font-size:.65rem;margin-bottom:14px}
.featured-copy h3{font-size:2.7rem;margin-bottom:17px}
.featured-copy>p:not(.eyebrow){font-size:.9rem;margin-bottom:18px}
.featured-copy .project-ledger{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:19px}
.featured-copy .project-ledger>div{display:block;padding:13px 0}
.featured-copy .project-ledger dt{font-size:.65rem;margin-bottom:8px}
.featured-copy .project-ledger dd{font-size:.78rem;line-height:1.6}
.featured-copy .text-button{font-size:.8rem;padding-top:15px;margin-top:0}
.materials-image{min-height:400px}
.image-overline{font-size:.62rem;top:22px;left:25px;right:25px}
.image-title{font-size:3.2rem;left:25px;bottom:60px}
.image-title>span{font-size:.6rem;margin-top:15px}
.materials-image figcaption{font-size:.6rem;left:25px}
.evidence-note{font-size:.68rem;margin-top:23px;padding-top:17px}
.contact-section{background:#0e120d;padding-block:35px 28px}
.contact-section:before{background-image:url('architecture.webp');background-size:58% auto;background-position:right center;opacity:.65}
.contact-section:after{background:linear-gradient(90deg,#0e120d 20%,#0e120de6 39%,#0e120d40 72%)}
.contact-section h2{font-size:clamp(3.8rem,6vw,5.8rem);margin-block:31px 27px}
.contact-top>span{font-size:.65rem}
.contact-bottom{justify-content:flex-start;gap:60px}
.contact-bottom>p{font-size:.9rem;max-width:400px}
.contact-email{margin-top:30px;padding-top:20px}
@media(min-width:1101px){.hero-art{inset:0 12% 0 28%}.hero-note{font-size:1.45rem;padding-top:6px}.hero-content{padding-top:25px;padding-bottom:20px}.hero h1{font-size:3.9rem;margin-bottom:16px}.hero .eyebrow{margin-bottom:14px}.hero-actions .button{line-height:1.3;min-height:42px}.hero-actions .button>span{font-size:1rem}.hero-intro{margin-bottom:16px}.hero-location{margin-top:20px}}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project-visual{min-height:210px}.project>p{min-height:54px}.project-meta{font-size:.65rem}.visual-topline,.visual-topline>span:last-child{font-size:.65rem}.project h3{font-size:1.9rem}.project>p{font-size:.9rem}.project h3 em{font-size:.85rem}.scope-details summary{font-size:.8rem}.status-tag{font-size:.75rem}.verification-diagram>p,.english-diagram>p{font-size:3rem}.verify-flow,.english-flow{font-size:.65rem}.rfq-table{grid-template-columns:repeat(3,1fr);margin-top:25px}.rfq-table>div:nth-child(3){display:block}.dimension-title{font-size:4.4rem}.dimension-legend{font-size:.68rem}.charger-diagram .visual-footer,.rfq-diagram .visual-footer{font-size:.6rem}.featured-copy{padding:27px}.featured-copy h3{font-size:2.25rem}.featured-copy .project-ledger{grid-template-columns:1fr;gap:0}.featured-copy .project-ledger>div{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:10px 0}.featured-copy .project-ledger dd{font-size:.82rem}.materials-image{min-height:430px}.featured-project{grid-template-columns:1fr 1.05fr}.image-title{font-size:2.6rem}}
@media(max-width:720px){#work{padding-block:34px 42px}#work .section-head{margin-bottom:24px}#work .section-head h2{font-size:2.7rem}#work .section-head>p{font-size:.94rem;margin-top:15px}#work .section-head .eyebrow{font-size:.68rem}.project-grid{gap:25px;grid-template-columns:1fr}.project{padding:0 20px 18px}.project-visual{margin:0 -20px 21px;padding:20px;min-height:235px}.visual-topline,.visual-topline>span:last-child{font-size:.63rem}.verification-diagram>p,.english-diagram>p{font-size:3.5rem;margin-top:22px}.verify-flow,.english-flow{font-size:.68rem;gap:8px}.verify-flow>span,.english-flow>span{padding:5px 10px}.dimension-title{font-size:4.9rem}.dimension-title>span{font-size:1.8rem}.dimension-legend{font-size:.72rem}.charger-diagram .visual-footer,.rfq-diagram .visual-footer{font-size:.65rem}.rfq-table{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.rfq-table span{font-size:.68rem}.rfq-table b{font-size:.875rem}.project-meta{font-size:.63rem;margin-bottom:10px}.project h3{font-size:2.15rem}.project h3 em{font-size:.875rem}.project>p{font-size:1rem;min-height:0;line-height:1.65;margin-bottom:19px}.scope-details summary{font-size:.875rem;padding-block:15px}.scope-details .project-ledger dt{font-size:.75rem}.scope-details .project-ledger dd{font-size:1rem}.status-tag{font-size:.75rem;max-width:240px}.round-button{width:40px;height:40px}.project-bottom{padding-top:15px}.featured-project{grid-template-columns:1fr;margin-top:30px}.materials-image{height:300px;min-height:300px}.image-title{font-size:2.9rem}.featured-copy{padding:27px 23px}.featured-copy h3{font-size:2.6rem}.featured-copy>p:not(.eyebrow){font-size:1rem}.featured-copy .project-ledger>div{display:block;padding-block:13px}.featured-copy .project-ledger dt{font-size:.75rem}.featured-copy .project-ledger dd{font-size:1rem}.featured-copy .text-button{font-size:.875rem}.evidence-note{font-size:.72rem}.contact-section:before{background-size:auto 100%;opacity:.4}.contact-section:after{background:linear-gradient(90deg,#0e120de6,#0e120d90)}.contact-section h2{font-size:clamp(3rem,13vw,5rem)}.contact-top>span{font-size:.7rem}.contact-bottom>p{font-size:1rem}.contact-email{margin-top:26px}}
