:root{color-scheme:light;--ink:#123e48;--paper:#fff9ed;--teal:#086c75;--lime:#e6f789}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:900;display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:13px}nav{display:flex;gap:28px;font-size:14px;font-weight:700}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:48px 5% 90px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.2px;margin:0 0 22px}.hero h1{font-size:clamp(60px,7.4vw,104px);line-height:.98;letter-spacing:-5px;margin:0 0 28px;font-weight:900}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p:not(.eyebrow){max-width:480px;font-size:18px}.cta{margin:28px 0 14px;display:flex;gap:22px;align-items:center;font-size:14px;font-weight:800}.cta span{background:var(--ink);color:#fff;padding:15px 25px;border-radius:30px}small{font-size:11px;color:#5b7175}.hero-art{position:relative;max-width:510px;justify-self:end;width:100%;transform:rotate(3deg)}.hero-art>img{width:100%;display:block;border-radius:180px 180px 30px 30px;max-height:665px;object-fit:cover;object-position:50% 32%;box-shadow:16px 18px 0 #c7eae0}.stamp{position:absolute;left:-40px;bottom:55px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:140px;height:140px;display:grid;place-content:center;text-align:center;font-size:20px;line-height:1.1;font-weight:900;transform:rotate(-15deg)}.how{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:75px max(5%,calc((100vw - 1296px)/2))}h2{font-size:clamp(36px,4.2vw,60px);line-height:1.07;letter-spacing:-2px;margin:0 0 24px}.steps article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #47717a}.steps article:first-child{padding-top:0}.steps b{color:var(--lime);font-size:16px}.steps h3{margin:0;font-size:23px}.steps p{margin:6px 0 0;font-size:15px;color:#c8dedf}.gallery{max-width:1440px;margin:auto;padding:80px 5%;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}figure{margin:0}figure img{width:100%;height:auto;display:block;border-radius:26px}figure:nth-child(2){padding-top:40px}figcaption{font-size:14px;font-weight:800;padding:14px}.caption{font-size:12px;color:#536c71}.closing{margin:0 auto 50px;max-width:1296px;background:#e0f0dc;border-radius:28px;padding:42px;display:flex;gap:30px;align-items:center}.closing img{width:100px;border-radius:24px}.closing h2{font-size:36px;margin-bottom:12px}.closing p{margin:0;font-size:14px}.closing .eyebrow{margin-bottom:8px}.closing>a{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:800}footer{font-size:12px;border-top:1px solid #d5dfd8}footer nav{font-size:12px;gap:20px}@media(max-width:850px){header nav{gap:15px}.hero{gap:5%}.hero h1{font-size:65px;letter-spacing:-3px}.stamp{width:100px;height:100px;font-size:15px;left:-18px}.how{gap:6%;padding:50px 5%}.closing{margin:0 5% 30px;flex-wrap:wrap}.closing>a{margin:0}.cards{gap:14px}}@media(max-width:600px){header{padding:20px 6%}header nav a:first-child{display:none}header nav{font-size:12px;gap:15px}.brand{font-size:20px}.brand img{width:38px;height:38px}.hero{display:flex;flex-direction:column;gap:40px;padding:30px 6% 60px}.hero h1{font-size:66px}.hero-copy{width:100%}.hero-art{max-width:350px;align-self:center}.hero-art>img{max-height:540px}.how{grid-template-columns:1fr;gap:20px;padding:45px 6%}.gallery{padding:50px 6%}.cards{grid-template-columns:1fr;max-width:340px;margin:30px auto 0}.cards figure:nth-child(2){padding:0}.closing{padding:26px;gap:20px}.closing h2{font-size:30px}.closing img{width:70px}.closing>div{flex-basis:100%}footer{align-items:flex-start;flex-direction:column;padding:25px 6%}footer nav{flex-wrap:wrap;gap:15px}.cta{gap:15px}}
