:root{--navy:#06162b;--surface:#0b2340;--paper:#faf6ed;--lime:#c1ff2b;--secondary:#c9d4df;--gutter:clamp(22px,3.2vw,56px);--body:18px;--heading:clamp(30px,3.4vw,48px);--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--paper);font-family:var(--font);font-size:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--lime);color:var(--navy)}h1,h2,h3,p{margin:0}h2,h3{line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h2{font-size:var(--heading)}h3{font-size:30px}p{text-wrap:pretty}img{display:block;max-width:100%}.frame{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1800px;margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);color:var(--navy);padding:12px;z-index:10}.skip:focus{top:10px}.header{display:flex;justify-content:space-between;align-items:center;min-height:100px}.brand{font-size:36px;letter-spacing:-.08em;line-height:1;font-weight:900;display:flex;gap:12px;align-items:baseline}.brand span{font-size:16px;letter-spacing:-.02em;font-weight:400}.header nav{display:flex;gap:clamp(20px,3vw,48px);font-size:16px}.header nav a,.text-link,.footer a{transition:opacity .2s}.header nav a:hover,.text-link:hover,.footer a:hover{opacity:.65}.hero{padding-top:48px}.hero-top{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:start;gap:40px}.tagline{font-size:32px;line-height:1.1;letter-spacing:-.045em;font-weight:700}.intro{max-width:410px;line-height:1.5}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;background:var(--lime);color:var(--navy);font-size:16px;font-weight:700;padding:19px 24px;justify-self:end;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)}.monument{position:relative;margin-top:54px;isolation:isolate;overflow:hidden}.monument h1{font-size:clamp(160px,29.8vw,530px);font-weight:900;line-height:.82;letter-spacing:-.085em;margin-left:-.035em;padding-block:22px 35px;white-space:nowrap;width:100%}.hero-mark{position:absolute;right:0;top:12%;width:27%;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(-7deg);z-index:1;animation:mark-enter 1s cubic-bezier(.2,.7,.2,1) both}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:24px 32px;font-size:16px}.hero-bottom a{font-weight:700}.section{padding-top:130px;padding-bottom:130px}.about{display:grid;grid-template-columns:1fr 2fr;gap:80px}.small{font-size:16px;color:var(--secondary);margin-top:32px}.about-copy{max-width:880px;display:grid;gap:28px}.about-copy .statement{font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.04em}.about-copy p:not(.statement){max-width:650px}.services{background:var(--surface);padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:75px}.section-heading p{font-size:16px}.service{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:450px}.service+.service{margin-top:110px}.service-copy{max-width:520px}.service-copy p{margin-top:28px}.service-copy ul{padding:0;list-style:none;margin:28px 0;display:grid;gap:6px;font-size:16px;color:var(--secondary)}.text-link{font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:7px}.art-crop{height:440px;overflow:hidden;position:relative;background:var(--navy)}.art-crop img{position:absolute;width:100%;max-width:none;height:auto;top:50%;transform:translateY(-71.2%)}.art-landing img{width:130%;left:-15%;transform:translateY(-70.2%)}.responsive{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:120px}.responsive>div:first-child{max-width:430px}.responsive h3{font-size:var(--heading)}.responsive p{margin-top:28px}.art-responsive img{transform:translateY(-71.5%)}.process{padding-bottom:150px}.process-list{list-style:none;padding:0;margin:70px 0 0;display:grid;gap:40px}.process-list li{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.process-list h3{font-size:40px}.process-list li:nth-child(2){padding-left:7%}.process-list li:nth-child(3){padding-left:14%}.process-list li:nth-child(4){padding-left:21%}.process-list p{max-width:370px;color:var(--secondary);font-size:16px}.contact{background:var(--lime);color:var(--navy)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact h2{font-size:clamp(44px,5.8vw,86px);line-height:.98}.contact p{margin-top:30px}.button-dark{background:var(--navy);color:var(--paper);margin-top:38px}.briefing{background:var(--paper);padding:40px}.briefing h3{font-size:30px;margin-bottom:30px}fieldset{padding:0;border:0;margin:0 0 26px}legend,.briefing label[for]{font-size:16px;font-weight:700;margin-bottom:12px;display:block}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices label{cursor:pointer;position:relative}.choices input{position:absolute;width:1px;height:1px;opacity:0}.choices span{display:block;background:#e6e8e3;padding:12px 18px;font-size:16px;transition:background .2s}.choices input:checked+span{background:var(--navy);color:var(--paper)}.choices input:focus-visible+span{outline:3px solid var(--navy);outline-offset:4px}textarea{width:100%;resize:vertical;min-height:120px;background:#fff;color:var(--navy);border:1px solid #617080;border-radius:0;padding:14px;font-size:16px;line-height:1.5}textarea::placeholder{color:#536071}.copy-button{border:0;border-radius:0;background:var(--navy);color:var(--paper);padding:16px 18px;width:100%;margin-top:15px;cursor:pointer;font-size:16px;font-weight:700;transition:transform .2s}.copy-button:hover{transform:translateY(-2px)}.briefing .copy-status{font-size:16px;margin-top:15px;min-height:48px}.footer{padding-top:50px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:20px;font-size:16px}.footer-name{font-size:clamp(180px,30vw,530px);font-weight:900;line-height:.95;letter-spacing:-.085em;white-space:nowrap;margin-left:-.035em;margin-top:35px}.copyright{font-size:16px;margin:25px 0 30px;color:var(--secondary)}.reveal{animation:rise-in .65s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 0% entry 30%}.hero-top .reveal{animation-timeline:auto;animation-range:normal}.hero-top .reveal:nth-child(2){animation-delay:.1s}.hero-top .reveal:nth-child(3){animation-delay:.2s}@keyframes rise-in{from{opacity:.4;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-enter{from{opacity:0;transform:rotate(-18deg) scale(.86)}to{opacity:1;transform:rotate(-7deg) scale(1)}}@media(min-width:1800px){.monument h1,.footer-name{font-size:530px}}@media(max-width:1000px){.hero-top{grid-template-columns:1fr 1.4fr;gap:30px}.hero-top .button{grid-column:2;justify-self:start}.hero{padding-top:28px}.monument{margin-top:30px}.monument h1{font-size:29vw}.art-crop{height:340px}.service,.responsive{gap:35px}.about{gap:40px}.contact-grid{gap:35px}.briefing{padding:25px}.process-list li{gap:40px}.section{padding-block:95px}.hero-mark{top:10%}.contact h2{font-size:60px}}@media(max-width:600px){:root{--gutter:22px}.header{min-height:88px;align-items:center}.brand{font-size:30px;gap:8px}.brand span{font-size:14px}.header nav{gap:16px;font-size:14px}.header nav a:first-child{display:none}.hero{padding-top:28px}.hero-top{display:flex;flex-wrap:wrap;gap:24px}.tagline{font-size:30px;width:100%}.intro{font-size:18px;max-width:100%}.button{font-size:16px;padding:17px 20px}.monument{margin-top:38px;margin-inline:-4px}.monument h1{font-size:29vw;line-height:.9;padding-block:15px 22px}.hero-mark{width:27%;top:5%}.hero-bottom{align-items:start;font-size:14px;padding-top:12px;padding-bottom:0}.hero-bottom span{max-width:160px}.hero-bottom a{max-width:130px;text-align:right}.section{padding-block:72px}.about{display:block}.small{margin-top:18px}.about-copy{margin-top:35px;gap:22px}.about-copy .statement{font-size:24px;line-height:1.25}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:16px}.service,.responsive{display:flex;flex-direction:column;gap:30px;min-height:0;align-items:stretch}.service-copy{max-width:none}.service h3{font-size:30px}.service-copy p{margin-top:22px}.art-crop{height:310px;width:100%}.service+.service{margin-top:65px}.service-alt .art-crop{order:2}.responsive{margin-top:65px}.responsive h3{font-size:30px}.responsive p{margin-top:22px}.responsive .art-crop{height:300px}.process-list{gap:32px;margin-top:40px}.process-list li{display:block}.process-list h3{font-size:30px}.process-list p{margin-top:12px;font-size:16px}.process-list li:nth-child(n){padding-left:0}.contact-grid{display:block}.contact h2{font-size:48px}.contact p{margin-top:24px}.briefing{margin-top:45px;padding:24px}.briefing h3{font-size:26px}.contact .briefing .copy-status{margin-top:15px}.choices{gap:8px}.choices span{padding:12px;font-size:16px}.footer{padding-top:32px}.footer-top{display:grid;grid-template-columns:1fr 1fr;font-size:14px}.footer-top p{text-align:right}.footer-top>a:last-child{grid-column:1/-1}.footer-name{font-size:29vw;margin-top:30px}.copyright{font-size:14px}.copy-button{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-mark{transform:rotate(-7deg)}}
/* Final composition: brand masthead, then the practical introduction. */
.monument{display:flex;align-items:center;gap:2%;margin-top:0;margin-bottom:35px;overflow:visible}
.monument h1{flex:1;min-width:0;width:auto;font-size:24vw;padding-block:25px 35px}
.hero-mark{position:static;flex:0 0 23%;width:23%;mix-blend-mode:lighten;animation:mark-enter 1s cubic-bezier(.2,.7,.2,1) both}
.art-crop{height:auto;aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.art-crop img,.art-landing img,.art-responsive img{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none;margin:0;mix-blend-mode:lighten}
.tagline{font-size:30px}.about-copy .statement{font-size:30px}.process-list h3{font-size:var(--heading)}
.contact h2{font-size:var(--heading)}.footer-name{font-size:29.8vw}
@media(min-width:1800px){.monument h1{font-size:432px}.footer-name{font-size:530px}}
@media(max-width:1000px){.hero-top{grid-template-columns:1fr 1.3fr}.hero-top .button{grid-column:2}.monument h1{font-size:23.5vw}.monument{margin-top:0}.hero-mark{width:23%}}
@media(max-width:600px){.monument{margin:0 0 28px;gap:1%}.monument h1{font-size:23.5vw;padding-block:10px 18px}.hero-mark{width:23%}.hero-top{gap:22px}.tagline{font-size:30px}.about-copy .statement{font-size:24px}.art-crop,.responsive .art-crop{height:auto;aspect-ratio:4/3}.hero-bottom a{max-width:none}.hero-bottom{margin-top:22px}.process-list h3{font-size:30px}.contact h2{font-size:40px}.footer-name{font-size:29vw}}
.art-crop.reveal{animation-name:fade-in}.art-crop img,.art-landing img,.art-responsive img{height:auto;aspect-ratio:4/3}
.hero-bottom{display:none}
@keyframes fade-in{from{opacity:.4}to{opacity:1}}
@media(max-width:600px){.brand span,.header nav,.hero-bottom,.footer-top,.copyright{font-size:16px}.copy-button{font-size:16px}.briefing h3{font-size:30px}.contact h2{font-size:30px}}
.email-fallback{font-size:16px;overflow-wrap:anywhere}.email-fallback a{text-decoration:underline;text-underline-offset:4px}.contact .briefing .email-fallback{margin-top:12px}