@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap");:root{--ink:#172028;--muted:#68747b;--paper:#f6f5f1;--line:#dfe2dc;--lime:#d5f36b;--coral:#ff765f;--blue:#91dff1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px "DM Sans",Arial}a{color:inherit;text-decoration:none}header{height:76px;padding:0 7vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f6f5f1ee;z-index:2}.brand{font:700 18px "Space Grotesk"}.brand b{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);width:32px;height:32px;font-size:11px;margin-right:8px}nav{display:flex;gap:24px;align-items:center}nav button,aside button{border:1px solid var(--ink);background:none;padding:8px 12px;cursor:pointer;font:inherit}.hero{min-height:560px;padding:80px 9vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.hero h1{font:700 clamp(45px,6vw,78px)/.98 "Space Grotesk";letter-spacing:-3px;max-width:700px;margin:18px 0}.hero p{max-width:520px;color:var(--muted);font-size:18px;line-height:1.6}.hero small,section>small{color:#d95c49;font-weight:700;letter-spacing:2px;font-size:11px}.btn{display:inline-block;background:var(--ink);color:white;padding:14px 20px;border:0;margin-top:14px;cursor:pointer;font-weight:700}.art{height:350px;background:var(--blue);position:relative;transform:rotate(3deg);box-shadow:15px 18px 0 var(--ink)}.art:before{content:"◈";position:absolute;font-size:105px;left:38%;top:32%;transform:rotate(-10deg)}.art i{position:absolute;width:110px;height:110px;border-radius:50%;background:var(--coral);left:14%;top:20%;border:2px solid var(--ink)}.art:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:var(--lime);right:10%;top:10%;border:2px solid var(--ink)}.art em,.art strong,.art label{position:absolute;background:#fff;padding:10px 13px;box-shadow:4px 4px 0 var(--ink);font-style:normal;font-size:12px}.art em{left:7%;bottom:16%}.art strong{right:6%;bottom:23%}.art label{left:43%;top:9%}section{padding:85px 9vw}h2{font:700 clamp(33px,4vw,52px) "Space Grotesk";letter-spacing:-1.5px;margin:10px 0}section>p{color:var(--muted)}.layout{display:grid;grid-template-columns:240px 1fr;gap:46px;margin-top:35px}aside{border-top:2px solid var(--ink)}aside label{display:block;font-weight:700;font-size:13px;margin:18px 0}select{display:block;width:100%;padding:11px;margin-top:8px;border:1px solid var(--line);background:white;font:inherit}.top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:14px}.top b{color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.cover{height:125px;padding:14px;display:flex;align-items:end;font:700 22px "Space Grotesk"}.coral{background:var(--coral)}.blue{background:var(--blue)}.lime{background:var(--lime)}.darkcover{background:var(--ink);color:var(--lime)}.card div:last-child{padding:15px}.card h3{font:700 19px "Space Grotesk";margin:0}.card p{color:var(--muted);font-size:13px;line-height:1.5;min-height:40px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:11px;background:var(--paper);padding:5px}.buy{display:block;color:#d95c49;font-weight:700;font-size:13px;margin-top:12px}.dark{background:var(--ink);color:white}.dark>p{color:#b6c0c1}.collections{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#475158;margin-top:35px}.collections a{background:var(--ink);padding:25px;min-height:180px}.collections a:hover{background:#27353b}.collections b{color:var(--lime);font-size:12px}.collections h3{font:700 22px "Space Grotesk";margin:34px 0 10px}.collections p{color:#b6c0c1;font-size:13px;line-height:1.5}.mail{display:flex;justify-content:space-between;align-items:center;gap:35px}.mail h2{font-size:34px}.mail p{color:var(--muted)}form{display:flex;gap:8px;min-width:380px}input{border:1px solid var(--line);padding:14px;font:inherit;flex:1}footer{border-top:1px solid var(--line);padding:35px 9vw;display:grid;grid-template-columns:1fr auto;gap:15px;color:var(--muted);font-size:13px}footer .brand{color:var(--ink)}footer p{grid-column:1/-1;margin:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:55px 7vw}.art{margin:30px 8px 10px;height:280px}section{padding:65px 7vw}.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.collections{grid-template-columns:repeat(2,1fr)}.mail{display:block}form{min-width:0;margin-top:24px}}@media(max-width:540px){nav a{display:none}.grid,.collections{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.mail h2{font-size:28px}footer{display:block}.footer-links{margin:20px 0}}
.detail{max-width:850px;margin:0 auto;padding:90px 7vw}.detail h1{font:700 clamp(44px,7vw,78px) "Space Grotesk";letter-spacing:-3px;margin:18px 0}.lead{font-size:21px;line-height:1.55;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:45px 0}.facts div{background:#fff;padding:20px}.facts b,.facts span{display:block}.facts b{font-size:11px;text-transform:uppercase;color:#d95c49;margin-bottom:10px}.detail h2{font-size:30px;margin-top:42px}.detail li{margin:10px 0}.note{color:var(--muted);font-size:13px;margin-top:30px}@media(max-width:650px){.facts{grid-template-columns:repeat(2,1fr)}}
.directory{padding:70px 9vw;border-top:1px solid var(--line)}.directory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}.directory-grid a{background:#fff;border:1px solid var(--line);padding:11px;text-transform:capitalize;font-size:13px}.directory-grid a:hover{border-color:var(--ink);background:var(--lime)}@media(max-width:850px){.directory{padding:55px 7vw}.directory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:540px){.directory-grid{grid-template-columns:repeat(2,1fr)}}
.related{margin-top:55px}.related .directory-grid{grid-template-columns:repeat(4,1fr);margin-top:18px}.related .directory-grid a{font-size:12px}@media(max-width:650px){.related .directory-grid{grid-template-columns:repeat(2,1fr)}}