@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f6f5ef;--ink:#233e35;--muted:#647168;--line:#d6dcd2;--orange:#f17c4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#f5b393}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:116px;display:flex}.logo{letter-spacing:-4px;font-family:Manrope,Arial,sans-serif;font-size:48px;font-weight:800}.logo span{letter-spacing:0;vertical-align:top;margin:12px 0 0 6px;font-size:14px;display:inline-block}nav{gap:38px;font-size:14px;display:flex}nav a{padding:10px 0}nav a:hover{color:#b94e29}nav span{margin-left:12px}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:28px 55px;padding-top:74px;display:grid}.eyebrow{letter-spacing:1.9px;align-items:center;gap:10px;font-size:10px;font-weight:700;line-height:1.7;display:flex}.dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-4.5px;margin:28px 0;font-size:clamp(48px,5.6vw,80px);font-weight:500;line-height:1.08}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#7b8b66}.intro{max-width:440px;color:var(--muted);font-size:16px;line-height:1.85}.button{background:var(--ink);color:var(--paper);border-radius:3px;gap:45px;margin-top:19px;padding:19px 24px;font-size:13px;transition:background .2s;display:inline-flex}.button:hover{background:#3d5e4c}.art{background:#25483c;border-radius:3px;height:440px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0}.sun{background:var(--orange);border-radius:50%;width:168px;height:168px;position:absolute;top:48px;right:48px}.arch{border:54px solid #eceacb;border-bottom:0;border-radius:140px 140px 0 0;width:218px;height:290px;position:absolute;bottom:-30px;transform:rotate(-26deg)}.arch-back{opacity:.45;bottom:-5px;left:42px;transform:rotate(24deg)}.arch-front{left:120px}.art-label{color:#e2e5d4;letter-spacing:2px;font-size:9px;position:absolute;bottom:24px;left:24px}.art-star{color:#e7e9cc;font-size:47px;position:absolute;bottom:25px;right:25px}.hero-bottom{letter-spacing:1.8px;color:var(--muted);border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;padding:15px 0 36px;font-size:9px;display:flex}.approach{grid-template-columns:1fr 2fr;gap:40px;padding-top:78px;display:grid}.approach .eyebrow{align-self:start;margin-top:10px}h2{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.2}.approach p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:15px;line-height:1.9}.values{grid-template-columns:repeat(3,1fr);gap:42px;padding-block:42px 76px;display:grid}.values article{border-top:1px solid var(--line);padding-top:24px}.number{color:#7b8b66;font-size:12px}h3{letter-spacing:-.5px;margin:28px 0 12px;font-size:21px;font-weight:500}.values p{color:var(--muted);max-width:300px;font-size:14px;line-height:1.8}.closing{background:#e8ebdf;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:64px;padding:38px 40px;display:flex}.closing p{margin:0;font-size:14px}.closing a{letter-spacing:-.6px;font-size:24px}.closing a span{margin-left:30px}.closing a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:28px;padding-block:27px;font-size:11px;display:flex}.footer-brand{letter-spacing:-2px;color:var(--ink);font-size:27px;font-weight:700}.footer p{margin:0}.footer>span{margin-left:auto}.about-hero{padding-block:70px 48px}.about-hero h1{max-width:1000px}.about-hero .intro{max-width:580px}.about-panel{background:#e9ecdf;border-radius:3px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.about-art{background:#25483c;place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.about-art>span{letter-spacing:-20px;color:#eceacb;z-index:1;font-size:240px;font-weight:700;line-height:1}.orbit{border:1px solid #a5b394;border-radius:50%;width:310px;height:310px;position:absolute;transform:translate(80px,-30px)}.orbit:after{content:"";background:var(--orange);border-radius:50%;width:90px;height:90px;position:absolute;top:5px;right:0}.about-story{padding:45px}.about-story h2{margin-top:24px;font-size:32px}.about-story>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85}.skip-link{background:var(--ink);color:#fff;z-index:5;padding:15px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:15px}@media (min-width:1500px){.hero{padding-top:90px}.art{height:490px}}@media (max-width:900px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.art{height:370px}h1{letter-spacing:-2.5px}.arch-front{left:80px}.sun{width:140px;height:140px;right:20px}.about-story{padding:30px}.about-story h2{font-size:27px}}@media (max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:88px}.logo{font-size:39px}nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px}h1{letter-spacing:-3px;font-size:52px}.eyebrow{letter-spacing:1.3px;font-size:9px}.intro{font-size:15px}.art{height:360px}.sun{top:35px;right:45px}.arch-front{left:calc(50% - 90px)}.arch-back{left:calc(50% - 150px)}.hero-bottom{letter-spacing:1px;gap:20px;padding-bottom:24px;font-size:8px}.hero-bottom span:last-child{display:none}.approach{grid-template-columns:1fr;gap:18px;padding-top:48px}.values{grid-template-columns:1fr;gap:20px;padding-block:24px 42px}.values article{grid-template-columns:35px 1fr;gap:0 12px;display:grid}.number{grid-row:1/3;padding-top:5px}h3{margin:0 0 10px}.values p{max-width:none}.closing{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px;padding:26px}.footer{flex-wrap:wrap;gap:15px}.footer>span{width:100%;margin-left:0}.about-hero{padding-top:40px}.about-hero h1{font-size:46px}.about-panel{grid-template-columns:1fr}.about-art{min-height:300px}.about-story{padding:30px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width:380px){.header nav{gap:12px;font-size:11px}.header nav span{margin-left:4px}}