@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:#102f36;--muted:#587078;--sea:#0d3440;--foam:#f4f5ef;--lime:#d7f36a;--line:#d9e1dc;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--foam);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:var(--foam)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.7px}.brand b{font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sea);color:var(--lime);font-size:12px;font-weight:800;letter-spacing:-.5px}.header-note{font-size:12px;color:var(--muted);letter-spacing:.04em}.hero{position:relative;overflow:hidden;min-height:500px;padding:clamp(64px,10vw,124px) clamp(24px,10vw,145px);background:var(--sea);color:var(--foam)}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff27;border-radius:50%;right:7%;top:12%;box-shadow:0 0 0 48px #ffffff09,0 0 0 96px #ffffff06}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.16em;color:#6b8588;margin:0 0 18px}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{position:relative;z-index:1;font-size:clamp(46px,7.3vw,88px);line-height:.99;margin-bottom:26px;max-width:800px}h1 em{font-style:normal;color:var(--lime)}.hero-copy{position:relative;z-index:1;max-width:470px;color:#c8d6d5;font-size:17px;margin-bottom:30px}.primary-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:22px;padding:14px 18px;background:var(--lime);color:var(--sea);font-weight:700;font-size:13px;text-decoration:none;border-radius:4px}.hero-stamp{position:absolute;z-index:1;right:13%;bottom:16%;border:1px solid #ffffff52;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.45;letter-spacing:.12em;transform:rotate(10deg)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:78px clamp(24px,10vw,145px) 32px}.intro h2,.suggest h2{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:0}.intro>p{max-width:430px;color:var(--muted);margin:0 0 4px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:24px clamp(24px,10vw,145px)}.filter{background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 16px;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.filter.active,.filter:hover{background:var(--sea);border-color:var(--sea);color:var(--white)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 clamp(24px,10vw,145px) 54px}.experience-card{background:var(--white);border-radius:var(--radius);overflow:hidden;min-width:0}.card-art{height:170px;position:relative;display:flex;align-items:flex-end;padding:20px;overflow:hidden}.card-art:before,.card-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff70}.card-art:before{width:240px;height:240px;right:-35px;top:-80px}.card-art:after{width:180px;height:180px;right:0;top:-45px}.art-wind{background:#b4c7b6}.art-wave{background:#e6bc8b}.art-blue{background:#80b7bf}.art-label{position:relative;z-index:1;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.art-wind .art-label{color:#234c48}.art-wave .art-label{color:#603b27}.art-blue .art-label{color:#123c48}.art-symbol{position:absolute;right:30px;top:10px;font-family:Manrope,sans-serif;font-size:90px;line-height:1;color:#ffffff9c}.card-body{padding:24px}.card-kicker{font-size:11px;color:var(--muted);margin-bottom:8px}.card-body h3{font-size:26px;margin-bottom:12px}.card-body>p:not(.card-kicker){font-size:13px;color:var(--muted);min-height:82px}.text-link{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid #9aaea8;padding-bottom:4px}.text-link:hover{border-color:var(--ink)}.note{display:flex;gap:14px;margin:0 clamp(24px,10vw,145px) 76px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;align-items:flex-start}.note-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e5eddf;font-weight:700;font-size:13px}.note p{font-size:12px;color:var(--muted);margin:0}.note strong{color:var(--ink)}.suggest{background:#e5eadf;padding:65px clamp(24px,10vw,145px)}.suggest h2{max-width:520px;margin-bottom:16px}.suggest>p:not(.eyebrow){color:var(--muted);font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(24px,6vw,90px);font-size:11px;color:var(--muted)}@media(max-width:760px){.header-note{display:none}.hero{min-height:470px;padding-top:82px}.hero:after{right:-190px;top:30%}.hero-stamp{right:10%;bottom:7%;width:78px;height:78px;font-size:8px}.intro{grid-template-columns:1fr;gap:20px;padding-top:55px}.cards{grid-template-columns:1fr;max-width:520px;margin:auto}.card-art{height:150px}.card-body>p:not(.card-kicker){min-height:0}.filters{padding-top:12px}.note{margin-bottom:50px}.suggest{padding-top:50px;padding-bottom:50px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}