:root{color-scheme:light;--paper:#f7f8f4;--green:#173e34;--soft:#385b50;--muted:#667976;--line:#cbd7d1}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--green)}
body{font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{width:100%;max-width:1680px;margin:auto;padding:0 clamp(24px,3.8vw,64px);min-height:100svh;display:flex;flex-direction:column}
.header{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;flex-shrink:0}
.brand{display:inline-flex;align-items:center;gap:24px;color:inherit;text-decoration:none}
.brand span{font-size:clamp(24px,2.55vw,40px);font-weight:600;letter-spacing:.22em}
.leaf{width:52px;height:72px;flex-shrink:0}
.domain{font-size:22px;letter-spacing:-.02em}
.hero{position:relative;flex:1;min-height:690px;display:flex;align-items:center;padding:80px 0 132px}
.hero-copy{position:relative;z-index:1;width:100%;pointer-events:none}
h1{font-size:clamp(44px,4.9vw,78px);font-weight:500;line-height:1.1;letter-spacing:-.065em;margin:0 0 28px;max-width:1000px}
h1 span{white-space:nowrap}
.hero-copy p{font-size:clamp(19px,2vw,30px);font-weight:400;color:var(--soft);line-height:1.5;margin:0}
.contact{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--soft);margin-top:105px;padding-bottom:8px;font-size:clamp(22px,1.8vw,28px);color:var(--green);text-decoration:none;pointer-events:auto}
.contact span{font-family:Arial,sans-serif;font-size:35px;line-height:1}
.contact:hover{color:#477963;border-color:currentColor}
a:focus-visible{outline:2px solid #477963;outline-offset:8px;border-radius:2px}
/* Display an unchanged approved bitmap. The clip excludes its raster text,
   leaving the illustration for responsive, accessible HTML typography. */
.ice-art{position:absolute;width:70.4%;aspect-ratio:1036/730;right:-2.5%;top:50%;transform:translateY(-52%);background:url('/assets/approved-mockup.png') 100% 53.435%/153.0888% 135.89% no-repeat;clip-path:polygon(38.6% 0,100% 0,100% 100%,0 100%,0 55.48%,14% 55.48%,14% 46.85%,32.82% 46.85%,32.82% 26.03%,38.6% 26.03%);mix-blend-mode:normal;mask-image:url('/assets/ice-mask.svg');mask-size:100% 100%;pointer-events:none}
.footer{min-height:78px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;color:var(--muted);flex-shrink:0}
@media(min-width:1600px){.hero{min-height:790px}}
@media(max-width:1100px){.header{height:100px}.hero{min-height:560px}h1{font-size:clamp(40px,5.2vw,57px)}.contact{margin-top:85px}.ice-art{width:71%;right:-3%}.footer{font-size:13px}}
@media(max-width:720px){.page{padding:0 24px}.header{height:96px}.brand{gap:10px}.leaf{width:34px;height:50px}.brand span{font-size:23px;letter-spacing:.16em}.domain{font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:62px 0 28px;min-height:0}.hero-copy{width:100%}h1{font-size:clamp(35px,7.8vw,54px);line-height:1.15;letter-spacing:-.055em;margin-bottom:22px}h1 span{white-space:normal}.hero-copy p{max-width:350px;font-size:19px}.contact{margin-top:34px;font-size:21px;padding-bottom:6px;gap:20px}.ice-art{position:relative;width:calc(100% + 40px);align-self:center;right:auto;top:auto;transform:none;margin-top:5px;margin-left:-16px}.footer{align-items:flex-start;padding:22px 0;min-height:0;font-size:12px;line-height:1.6}.footer span:first-child{max-width:230px}}
@media(max-width:370px){.page{padding:0 18px}.brand span{font-size:20px}.domain{font-size:12px}.footer{font-size:11px}.footer span:first-child{max-width:175px}}
