@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#203a32;--muted:#64746d;--cream:#f6f7f2;--green:#d9e6d9;--red:#bc342f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:25px}.brand{font-family:Arial,sans-serif;font-size:27px;letter-spacing:-1px;font-weight:800;position:relative;white-space:nowrap}.cross{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:30px;width:25px;height:25px;line-height:1;vertical-align:1px;letter-spacing:0}.brand-caption{display:block;margin:5px 0 0 36px;font-size:8px;letter-spacing:3px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--red)}.contact{font-size:12px;border:1px solid #d8dfd7;padding:14px 20px;border-radius:30px;display:flex;gap:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:72px 8% 36px 10%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.8;margin:0 0 28px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:8px}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-2.7px;font-weight:500;line-height:1.12;margin:0}h1{font-size:clamp(38px,4.35vw,70px)}em{font-family:Georgia,serif;font-weight:400;color:#7b9680}p{line-height:1.8}.intro{font-size:15px;color:var(--muted);max-width:370px;margin:25px 0 30px}.button{display:inline-flex;background:var(--ink);color:#fff;padding:18px 23px;gap:35px;border-radius:4px;font-size:13px}.button:hover{background:#365446}.hero-foot{display:flex;gap:30px;border-top:1px solid #dce1d7;padding-top:24px;margin-top:50px;font-size:8px;letter-spacing:1.6px}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:47% center;position:absolute}.photo-label{position:absolute;bottom:28px;left:28px;background:#ffffffeb;padding:18px 24px;font-size:12px;line-height:1.7;border-radius:3px}.tiny-cross{float:left;font-size:35px;color:var(--red);margin-right:18px;line-height:1.2}.ribbon{background:var(--ink);color:#f0f4e9;display:flex;justify-content:space-around;align-items:center;padding:25px 3%;font-size:9px;letter-spacing:2px;gap:20px}.section{padding:100px 8%}.about{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;border-bottom:1px solid #dde3d9}h2{font-size:clamp(35px,4vw,57px)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:28px;color:var(--muted);font-size:14px}.strips{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.strips h2{font-size:72px}.strips p:not(.eyebrow){max-width:380px;color:var(--muted);font-size:14px}.strips .strip-intro{font-size:18px!important;color:var(--ink)!important}.text-link{display:flex;justify-content:space-between;max-width:350px;border-bottom:1px solid #b9c8b8;padding:20px 0;font-size:13px;margin-top:15px}.strip-art{height:470px;background:#e1eadd;position:relative;overflow:hidden;border-radius:50% 50% 6px 6px}.film{position:absolute;width:160px;height:220px;border-radius:13px;background:linear-gradient(130deg,#d4e9bca8,#8eaa7799);box-shadow:15px 25px 28px #516e3930,inset 0 0 2px #fff;transform:rotate(-26deg) skew(10deg);top:110px;left:calc(50% - 80px);border:1px solid #f8fff5b0}.film-one{transform:translate(35px,-45px) rotate(-26deg) skew(10deg);opacity:.5}.film-two{transform:translate(15px,-22px) rotate(-26deg) skew(10deg);opacity:.7}.orbit{position:absolute;width:450px;height:220px;border:1px solid #bdcdb5;border-radius:50%;top:140px;left:calc(50% - 225px);transform:rotate(-30deg)}.orbit-two{transform:rotate(45deg)}.art-title{position:absolute;bottom:65px;left:30px;font-size:32px;letter-spacing:-1px}.art-title span{font-size:12px;letter-spacing:0}.strip-art small{position:absolute;bottom:25px;left:30px;font-size:7px;letter-spacing:2px}.line{background:#fff}.line-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.line-heading>p{max-width:340px;color:var(--muted);font-size:14px}.line figure{margin:0}.line img{display:block;width:100%;max-height:650px;object-fit:cover;border-radius:5px}.line figcaption{font-size:10px;color:var(--muted);padding-top:14px}.talk{background:var(--green)}.talk h2{font-size:clamp(40px,5vw,72px)}.talk em{color:#59765c}.talk-bottom{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-top:38px}.talk-bottom p{font-size:14px;max-width:360px;color:#536b5e;margin:0}.talk-bottom a{font-size:clamp(16px,2vw,28px);border-bottom:1px solid #9cb19d;padding-bottom:14px}.talk-bottom a span{margin-left:25px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:#fff;padding:15px}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:850px){header{height:80px;padding:0 6%}nav{display:none}.brand{font-size:23px}.contact{padding:11px 14px;font-size:10px;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 30px}h1{font-size:52px}.hero-photo{height:470px}.hero-photo>img{object-position:center 35%}.hero-foot{margin-top:32px}.ribbon{flex-wrap:wrap;gap:16px;font-size:8px;padding:22px}.ribbon span:last-child,.ribbon span:nth-last-child(2){display:none}.section{padding:65px 7%}.about{grid-template-columns:1fr;gap:0}.two-col{gap:25px}.strips{grid-template-columns:1fr;gap:35px}.strips h2{font-size:59px}.strip-art{height:420px;max-width:500px;width:100%;margin:auto}.line-heading,.talk-bottom{display:block}.line-heading>p{margin-top:24px}.talk-bottom a{display:inline-block;margin-top:25px}.line img{max-height:none}.line figcaption{line-height:1.6}footer{flex-wrap:wrap}footer p{display:none}}@media(max-width:420px){h1{font-size:43px}.hero-photo{height:360px}.two-col{grid-template-columns:1fr;gap:0}.eyebrow{font-size:8px}.contact span{display:none}.photo-label{bottom:16px;left:16px}h2{letter-spacing:-1.7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}