*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f1;color:#171d25;font:16px/1.8 system-ui,-apple-system,'Malgun Gothic',sans-serif}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4f79db;outline-offset:4px}.top{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dddfde}.logo{font-weight:850;letter-spacing:.13em;text-decoration:none;margin-right:auto}.top a{font-size:13px;text-decoration:none}.hero{max-width:1440px;margin:auto;padding:80px 5% 68px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:#546474}.hero h1{font-size:clamp(36px,4.6vw,70px);line-height:1.16;letter-spacing:-.065em;font-weight:650;margin:24px 0}.hero p{max-width:520px;color:#57616c}.button{display:inline-block;padding:13px 22px;border-radius:7px;background:#1c2f42;color:#fff;text-decoration:none;font-size:14px}.hero-shot{background:#dee5e8;padding:24px;border-radius:16px;transform:rotate(-2deg)}.hero-shot img{display:block;width:100%;border-radius:8px;box-shadow:0 20px 36px #20303e20}.band{border-block:1px solid #dce0df;padding:22px 5%;display:flex;justify-content:center;gap:44px;flex-wrap:wrap;font-size:13px}.collection{max-width:1440px;padding:64px 5%;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-title h2{font-size:36px;line-height:1.3;letter-spacing:-.04em;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 36px}.filters button{border:1px solid #d5dbdc;background:transparent;border-radius:24px;padding:10px 18px;cursor:pointer;font-size:14px}.filters button[aria-pressed=true]{background:#1c2f42;color:white;border-color:#1c2f42}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.card{min-width:0}.card[hidden]{display:none}.screen{display:block;border-radius:12px;overflow:hidden;background:#e3e7e8;aspect-ratio:1.4;padding:20px;border:1px solid #dfe3e4}.screen img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px;transition:transform .3s}.screen:hover img{transform:translateY(-3px)}.meta{font-size:12px;color:#68727a;margin-top:18px}.card h3{font-size:25px;letter-spacing:-.03em;margin:2px 0 6px}.card p{font-size:14px;color:#5f6971;min-height:50px;margin:0 0 16px}.card-links{display:flex;gap:20px;font-size:14px}.card-links a{text-underline-offset:5px}.process{background:#182c3d;color:#fff;padding:64px 5%}.process-inner{max-width:1296px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps h3{font-size:21px}.steps p{color:#c0cad2;font-size:14px}.footer{max-width:1440px;margin:auto;padding:40px 5%;font-size:13px;color:#65717d}.detail-shell{max-width:1080px;margin:auto;padding:40px 20px 80px}.detail-shell img{max-width:100%;height:auto}.detail-shell a:focus-visible{outline:3px solid #4489b2}@media(max-width:900px){.hero{gap:28px;padding-top:48px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.band{gap:16px 28px}}@media(max-width:600px){.top{padding:16px 20px;gap:16px}.hero{grid-template-columns:1fr;padding:40px 20px}.hero h1{font-size:42px}.hero-shot{transform:none;padding:14px}.collection{padding:44px 20px}.section-title{display:block}.section-title h2{font-size:30px}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:12px}.screen{aspect-ratio:1.5}.card p{min-height:0}.band{justify-content:flex-start;padding:20px}.detail-shell{padding:0 0 50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen img{transition:none}}