.line-art-landing #line-designer-content,.line-art-landing .line-step-nav,.line-art-designer .landing-steps{display:none}.line-art-designer .photo-guide{display:block;margin-top:22px}.line-art-designer .photo-guide:not(:target){display:none}.line-art-designer .photo-guide:has(:target){display:block}.line-art-landing .customer-main,.studio-landing{max-width:1450px;margin:30px auto 60px}.line-art-landing .customer-main>h1,.line-page-intro h1,.studio-landing h1{font-size:clamp(32px,3.2vw,46px);line-height:1.15;margin:8px 0 12px}.line-art-landing .customer-welcome,.studio-landing .customer-welcome{font-size:13px;margin:0;max-width:720px}.line-art-landing .line-example,.studio-landing .line-example{margin:24px 0 20px;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr)}.line-art-landing .line-example-copy,.studio-landing .line-example-copy{padding:32px}.line-art-landing .line-example-copy h2,.studio-landing .line-example-copy h2{font-family:var(--serif);font-size:clamp(34px,3.4vw,51px);color:var(--green);margin:16px 0}.line-art-landing .line-example-copy p,.studio-landing .line-example-copy p{font-size:13px;color:var(--muted);line-height:1.8}.line-example-copy a.primary{padding:15px 22px;border-radius:7px;text-decoration:none;background:var(--green);color:var(--cream);font-size:13px;align-items:center;justify-content:center;min-height:48px}.line-example-copy a.primary:hover{background:#16463a}.line-art-landing .example-viewport,.studio-landing .example-viewport{height:390px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.landing-steps>span{display:flex;gap:12px;align-items:center;padding:16px 0;font-size:12px;border-top:1px solid var(--line);line-height:1.6}.landing-steps b{font:23px var(--serif);color:var(--gold);font-weight:400}.landing-fine-print{font-size:11px;color:var(--muted);line-height:1.7}.example-viewport canvas{cursor:grab}.example-viewport canvas:active{cursor:grabbing}.example-viewport canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.basket-example .example-tabs button{font-size:11px;padding:10px 12px}
@media(max-width:800px){.line-art-landing .line-example,.studio-landing .line-example{grid-template-columns:1fr}.line-art-landing .line-example-copy,.studio-landing .line-example-copy{padding:25px}.line-art-landing .example-stage,.studio-landing .example-stage{grid-row:1}.line-art-landing .example-viewport,.studio-landing .example-viewport{height:340px}.landing-steps{gap:10px}.landing-steps>span{font-size:10px;align-items:start}.line-art-landing .customer-main,.studio-landing{margin-top:22px}.line-art-landing .example-note,.studio-landing .example-note{margin-bottom:0}}
@media(max-width:450px){.landing-steps{grid-template-columns:1fr;gap:0}.landing-steps>span{padding:11px 0}.line-art-landing .example-viewport,.studio-landing .example-viewport{height:300px}.line-example-copy a.primary{width:100%}.basket-example .example-tabs button{font-size:10px;padding:9px}.line-art-landing .line-example-copy h2,.studio-landing .line-example-copy h2{font-size:38px}}
