.www-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.www-card{display:block;color:inherit;text-decoration:none}.www-card[hidden]{display:none}.browser-frame{padding-top:24px;background:#e4e5de;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 5px 20px #2227220b}.browser-frame:before{content:'● ● ●';position:absolute;top:6px;left:12px;font-size:8px;letter-spacing:3px;color:#989d90}.browser-frame img{display:block;width:100%;height:auto}.www-card .browser-frame{transition:transform .25s}.www-card:hover .browser-frame{transform:translateY(-5px)}.www-card h2{font-size:24px;margin:12px 0}.www-card p{font-size:14px;line-height:1.65;color:#687061}.www-category{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:20px}.www-detail{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:35px 4% 70px;align-items:start}.www-detail p{line-height:1.8}.www-detail .browser-frame{max-width:600px}.www-note{font-size:12px;color:#70766b}.www-back{display:inline-block;margin-bottom:25px}.www-intro{max-width:850px}.www-intro h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-2px;font-weight:500}.www-intro>p{line-height:1.8}.www-search{padding:12px 18px;border:1px solid #cccfc4;border-radius:30px;background:transparent;max-width:100%;font:inherit}@media(max-width:900px){.www-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.www-grid,.www-detail{grid-template-columns:1fr}.www-detail{gap:30px}.www-card h2{font-size:23px}}