.areas{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--ink)}.areas-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-wash-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none}.bg-wash-0{background:radial-gradient(ellipse 70% 60% at 72% 58%,rgba(87,159,159,.13) 0%,transparent 70%)}.bg-wash-1{background:radial-gradient(ellipse 70% 60% at 26% 48%,rgba(87,159,159,.12) 0%,transparent 70%)}.bg-wash-2{background:radial-gradient(ellipse 70% 60% at 50% 68%,rgba(87,159,159,.14) 0%,transparent 70%)}.bg-wash-3{background:radial-gradient(ellipse 70% 60% at 76% 34%,rgba(87,159,159,.12) 0%,transparent 70%)}.bg-wash-4{background:radial-gradient(ellipse 70% 60% at 30% 72%,rgba(87,159,159,.13) 0%,transparent 70%)}.areas[data-area="0"] .bg-wash-0,.areas[data-area="1"] .bg-wash-1,.areas[data-area="2"] .bg-wash-2,.areas[data-area="3"] .bg-wash-3,.areas[data-area="4"] .bg-wash-4{opacity:1}.bg-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");background-size:240px 240px;opacity:.36;mix-blend-mode:overlay;animation:areas-grain 8s steps(2) infinite}@keyframes areas-grain{0%,to{transform:translate(0)}33%{transform:translate(-2%,3%)}66%{transform:translate(3%,-2%)}}.areas-intro{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:clamp(64px,8vw,112px) clamp(16px,3.5vw,40px) clamp(36px,4vw,52px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.intro-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#579f9f;margin-bottom:18px}.intro-eyebrow:before{content:"";width:22px;height:1px;background:#579f9f;flex-shrink:0}.intro-title{font-family:Alfarn,sans-serif;text-transform:uppercase;font-size:clamp(48px,6.5vw,96px);line-height:.9;letter-spacing:-.02em;color:#fff;font-weight:400}.intro-title em{font-style:normal;color:#579f9f;display:block}.intro-meta{text-align:right;flex-shrink:0;padding-bottom:6px}.intro-meta-num{font-family:Alfarn,sans-serif;font-size:clamp(56px,7vw,108px);line-height:1;letter-spacing:-.04em;color:#ffffff0a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.intro-meta-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffffff2e;margin-top:4px}.areas-cards{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:0 clamp(16px,3.5vw,40px) clamp(64px,8vw,100px);display:flex;gap:10px;height:clamp(380px,46vh,540px)}.area-card{position:relative;overflow:hidden;border-radius:64px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;cursor:pointer;flex:1;transition:flex .72s cubic-bezier(.16,1,.3,1),border-color .5s ease,background .6s ease;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.area-card:hover:not(.active){border-color:#ffffff21;background:#ffffff0a}.area-card.active{flex:3;cursor:default;border-color:#579f9f47;background:linear-gradient(155deg,#0d1d1c,#091414 60%,#0a0f0f)}.card-glow{position:absolute;inset:0;background:radial-gradient(ellipse 90% 50% at 50% -8%,rgba(87,159,159,.09) 0%,transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s .1s ease;z-index:0}.area-card.active .card-glow{opacity:1;transition:opacity .55s .2s ease}.card-idle{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:32px 0 36px;pointer-events:none;opacity:1;transition:opacity .45s ease}.area-card.active .card-idle{opacity:0}.card-ghost{transition:color .5s .25s ease}.area-card.active .card-ghost{color:#ffffff0d;transition:color .4s ease}.idle-num{font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#fff6;transition:color .3s ease;font-family:Montserrat,sans-serif}.area-card:hover:not(.active) .idle-num{color:#579f9fd9}.idle-name{margin-top:auto;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:Alfarn,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff52;transition:color .3s ease;white-space:nowrap}.area-card:hover:not(.active) .idle-name{color:#ffffff85}.area-card.active .card-content{opacity:1;pointer-events:auto}.card-content{position:absolute;top:50%;transform:translateY(-50%);left:clamp(40px,5vw,72px);width:clamp(240px,26vw,420px);z-index:2;display:flex;flex-direction:column;pointer-events:none;opacity:0;transition:opacity .45s ease}.content-num{font-size:10px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:#579f9f;margin-bottom:14px;font-family:Montserrat,sans-serif}.content-name{font-family:Alfarn,sans-serif;text-transform:uppercase;font-size:clamp(20px,2.2vw,36px);line-height:1;letter-spacing:-.02em;color:#fff;margin-bottom:14px;font-weight:400}.content-rule{width:30px;height:1px;background:#579f9f;margin-bottom:16px;flex-shrink:0}.content-desc{font-size:clamp(13px,1.1vw,15px);font-weight:300;line-height:1.72;color:#ffffff85;max-width:360px;text-wrap:pretty;margin-bottom:14px;font-family:Montserrat,sans-serif}.content-cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#579f9f;text-decoration:none;padding:10px 0;min-height:44px;transition:color .25s ease,gap .25s ease;align-self:flex-start;font-family:Montserrat,sans-serif}.content-cta:hover{color:#7bbfbf;gap:14px}.content-cta:after{content:"→";font-size:14px;transition:transform .25s ease}.content-cta:hover:after{transform:translate(3px)}.card-ghost{position:absolute;z-index:1;font-family:Alfarn,sans-serif;font-size:clamp(130px,15vw,230px);line-height:.8;letter-spacing:-.06em;color:#ffffff08;right:-.04em;bottom:.06em;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}@media (max-width: 700px){.intro-meta{display:none}.areas-cards{flex-direction:column;height:auto;gap:8px;padding-bottom:60px}.area-card{border-radius:20px;flex:0 0 62px!important}.area-card.active{flex:0 0 270px!important}.card-idle{flex-direction:row;padding:0 22px;align-items:center;gap:14px}.idle-name{writing-mode:horizontal-tb;transform:none;margin:0;font-size:11px}.card-ghost{display:none}.content-name{white-space:normal}.card-content{width:auto;right:22px;left:22px}}