*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:#111e36;font:16px/1.55 system-ui,sans-serif}header,main,footer{padding-inline:clamp(20px,6vw,110px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bec7c3;padding-block:17px;background:white}header img{display:block;width:145px}nav{display:flex;gap:24px;align-items:center}a,summary{color:inherit;text-underline-offset:4px}summary{cursor:pointer}details{position:relative}details div{position:absolute;z-index:5;right:0;background:white;padding:16px;width:200px;border:1px solid #bcc}details a{display:block;padding:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:10}.hero{padding:clamp(52px,8vw,125px) 0;display:flex;align-items:center;gap:6%;border-bottom:1px solid #b8c7c1}.hero>div{flex:1;min-width:0}small,figcaption{font:600 12px/1.6 monospace;letter-spacing:.08em;color:#146760}h1{font-size:clamp(44px,6.3vw,104px);line-height:.99;letter-spacing:-.06em;max-width:16ch;margin:25px 0}.hero p{font-size:clamp(17px,1.5vw,22px);max-width:65ch;color:#425059}.button{display:inline-block;margin-top:15px;background:#113c3b;color:white;padding:13px 22px;text-decoration:none;border-radius:3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:34px;padding:40px 0 70px}article{border-top:2px solid #297e73;padding-top:18px}article h2{line-height:1.15}article p{color:#405158}figure{width:39%;margin:0;aspect-ratio:1;background-color:#10292f;background-image:radial-gradient(#386267 1px,transparent 1px);background-size:15px 15px;position:relative;display:grid;place-items:center;perspective:800px}figcaption{position:absolute;bottom:12px;left:16px;color:#adf4df}.stack{width:45%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(var(--angle,-35deg))}.stack i{position:absolute;inset:0;background:#165c58;border:2px solid #97e6d1;box-shadow:inset 0 0 0 9px #154246}.stack i:nth-child(2){transform:translateZ(35px);background:#2c8780}.stack i:nth-child(3){transform:translateZ(70px);background:repeating-linear-gradient(90deg,#204e50 0 10px,#52a39a 11px 12px);inset:10%}footer{background:#10282d;color:#e7f1ed;padding-block:38px}footer div{display:flex;flex-wrap:wrap;gap:8px 22px}footer strong{font-size:23px}a:hover{color:#137b71}footer a:hover,.button:hover{color:#a3f5df}@media(max-width:700px){nav>a{display:none}.hero{display:block}figure{margin:32px 0 0;width:100%;max-width:400px}header img{width:120px}}