.studio-site{color:var(--studio-ink);background:var(--studio-bg);font-family:Arial,'Noto Sans KR',sans-serif}.studio-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.studio-hero-copy{padding:100px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.studio-hero small,.studio-heading small{font-size:11px;letter-spacing:.14em}.studio-hero h1{font-size:clamp(34px,4.6vw,74px);white-space:pre-line;line-height:1.15;letter-spacing:-.045em;margin:34px 0}.studio-hero p{font-size:16px;line-height:1.8;margin-bottom:38px}.studio-hero a{color:inherit;border-bottom:1px solid;padding-bottom:8px;font-size:13px}.studio-hero>img{width:100%;height:100%;object-fit:cover;max-height:800px}.studio-layout-1>img{grid-column:1;grid-row:1}.studio-layout-1 .studio-hero-copy{grid-column:2;grid-row:1}.studio-layout-2{grid-template-columns:1fr;padding:70px 8%;text-align:center}.studio-layout-2 .studio-hero-copy{align-items:center;padding:0 0 45px}.studio-layout-2 h1{font-family:Georgia,serif;max-width:700px}.studio-layout-2>img{height:560px}.studio-collection{padding:100px 7%}.studio-heading h2{font-size:32px;letter-spacing:-.03em;margin:24px 0 50px}.studio-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.studio-tiles a{color:inherit;text-decoration:none}.studio-tiles img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:filter .35s}.studio-tiles a:hover img{filter:brightness(.95)}.studio-tiles span{font-size:12px;display:block;margin-top:16px}.studio-tiles h3{font-size:23px;margin:12px 0}.studio-canvas{position:relative;container-type:inline-size;width:100%;max-width:1080px;margin:auto}.studio-canvas>*{position:absolute;box-sizing:border-box}.studio-canvas .studio-text{white-space:pre-line;overflow:hidden;padding:0}.studio-canvas img{max-width:none}@media(max-width:650px){.studio-hero{display:flex;flex-direction:column;min-height:0}.studio-hero-copy{padding:55px 7%}.studio-hero h1{font-size:40px}.studio-hero>img{height:380px}.studio-layout-1>img{order:-1}.studio-layout-2{padding:45px 7%}.studio-layout-2>img{height:380px}.studio-collection{padding:60px 7%}.studio-heading h2{font-size:26px}.studio-tiles{grid-template-columns:1fr;gap:42px}.studio-tiles img{aspect-ratio:4/3}}
