.showcase-page{background:var(--paper)}.showcase-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1640px;margin:auto;padding:1.7rem 3vw;border-bottom:1px solid var(--line)}.showcase-header nav{display:flex;align-items:center;gap:1.7rem;font-size:.8rem}.showcase-header .button{font-size:.75rem;gap:1rem}.showcase-main{max-width:1640px;margin:auto;padding:2.8rem 3vw 0}.showcase-title{display:grid;grid-template-columns:1.4fr 1fr;gap:.6rem 4rem;align-items:end;margin-bottom:2.6rem}.showcase-title>.section-kicker{grid-column:1/-1;margin-bottom:.5rem;font-size:.57rem}.showcase-title h1{margin:0;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.06;letter-spacing:-.06em}.showcase-title h1 em{color:var(--blue)}.showcase-title>p:last-child{max-width:28rem;margin:0;color:var(--muted);font-size:.87rem;line-height:1.8}.showcase-workspace{display:grid;grid-template-columns:315px minmax(0,1fr);gap:1.6rem;align-items:start}.direction-controls{padding:1.5rem;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:var(--white)}.direction-heading>.section-kicker{font-size:.5rem;color:var(--blue)}.direction-heading h2{margin:.8rem 0;font-size:1.8rem;line-height:1.1;letter-spacing:-.05em}.direction-heading>p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.7}.direction-controls fieldset{min-width:0;margin:1.4rem 0 0;padding:0;border:0}.direction-controls legend{padding:0;margin-bottom:.7rem;font-size:.7rem;font-weight:600}.scene-choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.scene-choices button{display:flex;align-items:center;gap:.5rem;min-height:2.9rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:#f7f6f0;text-align:left;font-size:.66rem}.scene-choices button>span{font-size:1rem;color:#52684e}.scene-choices button[aria-pressed="true"],.direction-layouts button[aria-pressed="true"]{color:#063eac;background:#edf3ff;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.direction-themes{display:flex;justify-content:space-between;gap:.7rem;padding:.2rem .3rem}.direction-themes button{display:flex;flex-direction:column;gap:.6rem;align-items:center;min-height:3.9rem;min-width:3rem;padding:.25rem;border:0;background:transparent;font-size:.63rem}.theme-swatch{display:block;width:2.1rem;height:2.1rem;border:1px solid #ffffff;border-radius:50%;outline:1px solid #b4bcc4;outline-offset:3px}.theme-natural{background:#6c8d67}.theme-warm{background:#d99578}.theme-bold{background:#2259bb}.direction-themes [aria-pressed="true"]{color:#0750db;font-weight:700}.direction-themes [aria-pressed="true"] .theme-swatch{outline:2px solid var(--blue)}.direction-layouts{display:flex;gap:.5rem}.direction-layouts button{flex:1;min-height:2.8rem;padding:.65rem .4rem;border:1px solid var(--line);border-radius:9px;background:#f7f6f0;font-size:.66rem}.direction-note{margin:1.4rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.7}.direction-controls>.text-link{font-size:.73rem;width:100%;justify-content:space-between}.direction-preview{position:sticky;top:1rem;min-width:0}.direction-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 .25rem 1rem}.direction-toolbar h2{font-family:var(--body);font-size:.84rem;font-weight:650;letter-spacing:-.02em}.direction-toolbar p{margin:.3rem 0 0;color:var(--muted);font-size:.61rem}.preview-sizes{display:flex;padding:3px;border:1px solid #cbd0d5;border-radius:99px;background:#e8ebed}.preview-sizes button{min-height:2.4rem;padding:.4rem .9rem;border:0;border-radius:99px;background:none;font-size:.65rem}.preview-sizes button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 3px #0002}.direction-frame-wrap{display:flex;justify-content:center;padding:1rem;border:1px solid #d0d8e1;border-radius:23px;background:#e0e7ed}.direction-frame{width:100%;overflow:hidden;border:1px solid #9aa8b9;border-radius:13px;background:white;box-shadow:0 10px 25px #24394a17;transition:width 400ms cubic-bezier(.16,1,.3,1)}.direction-frame.is-mobile{width:340px}.direction-chrome{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:29px;padding:0 .8rem;border-bottom:1px solid #d6d9dd;background:#f7f7f5;color:#5f6773;font-size:.49rem}.direction-chrome>span:nth-child(2){max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-chrome>span:last-child{font-size:.45rem;white-space:nowrap}.direction-frame iframe{display:block;width:100%;height:540px;border:0;background:#f4f3e9}.direction-insight{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin:1.4rem .3rem 0}.direction-insight .section-kicker{margin:0 0 .5rem;font-size:.48rem;color:var(--blue)}.direction-insight h3{margin:0 0 .4rem;font:650 1.08rem/1.3 var(--body);letter-spacing:-.025em}.direction-insight p:last-child{max-width:34rem;margin:0;color:var(--muted);font-size:.76rem;line-height:1.7}.direction-insight>.text-link{flex-shrink:0;margin-top:1rem;font-size:.7rem}.direction-credit{margin:.9rem .3rem 0;color:var(--muted);font-size:.57rem;line-height:1.7}.tailored-section{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:6rem 0}.tailored-section h2{font-size:clamp(2.5rem,3.6vw,4rem)}.tailored-section>div>p:last-child{max-width:27rem;margin:1.5rem 0 0;color:var(--muted);font-size:.87rem;line-height:1.8}.tailored-list{margin:0}.tailored-list>div{padding:1.15rem 0;border-top:1px solid var(--line)}.tailored-list dt{font-size:.82rem;font-weight:650}.tailored-list dd{max-width:33rem;margin:.5rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.8}.showcase-close{padding:3rem;border-radius:26px;color:var(--paper);background:#123c82}.showcase-close .section-kicker{color:#c4d8fb}.showcase-close h2{font-size:clamp(2.7rem,4.5vw,4.8rem)}.showcase-close h2 em{color:#c4d8fb}.showcase-close p:not(.section-kicker){margin:1.4rem 0 1.8rem;color:#e0e8f9;font-size:.9rem}.showcase-close>div{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem}.showcase-close .button{color:var(--ink);background:var(--paper)}.showcase-close small{display:block;margin-top:1.2rem;color:#c4d8fb;font-size:.65rem}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1640px;margin:auto;padding:2.5rem 3vw;font-size:.7rem}.showcase-footer>div{display:flex;gap:1.5rem}.showcase-footer a{padding:.7rem 0}.showcase-noscript{padding:1.5rem;background:#ede9db;font-size:.9rem}.showcase-noscript a{text-decoration:underline}
@media(max-width:1100px){.showcase-workspace{grid-template-columns:280px minmax(0,1fr);gap:1rem}.direction-controls{padding:1.2rem}.direction-frame-wrap{padding:.6rem}.showcase-title{gap:1rem 2rem}.direction-insight{flex-direction:column;gap:.4rem}.direction-insight>.text-link{margin-top:.3rem}.scene-choices button{font-size:.6rem;gap:.3rem;padding-inline:.5rem}.direction-frame iframe{height:570px}}
@media(max-width:760px){.showcase-header{padding:1.2rem 1rem;gap:.7rem}.showcase-header .brand>span{font-size:1.4rem}.showcase-header .brand>small{font-size:.34rem}.showcase-header nav{gap:.7rem}.showcase-header nav>a:first-child{display:none}.showcase-header .button{font-size:.63rem;gap:.5rem;padding:.65rem .8rem;min-height:2.8rem}.showcase-main{padding:1.6rem 1rem 0}.showcase-title{display:block;margin-bottom:1.8rem}.showcase-title>.section-kicker{font-size:.46rem;margin-bottom:1rem}.showcase-title h1{font-size:clamp(2.45rem,10vw,3.7rem);line-height:1.06}.showcase-title>p:last-child{margin:1.1rem 0 0;font-size:.8rem;line-height:1.8}.showcase-workspace{display:flex;flex-direction:column;gap:1.5rem}.direction-preview{position:static;order:-1;width:100%}.direction-toolbar{align-items:flex-start;gap:.6rem;padding:0 .1rem .8rem}.direction-toolbar h2{font-size:.73rem;line-height:1.35;max-width:11rem}.direction-toolbar p{max-width:11rem;font-size:.53rem;line-height:1.5}.preview-sizes button{padding:.4rem .6rem;font-size:.58rem;min-height:2.45rem}.direction-frame-wrap{padding:.5rem;border-radius:17px}.direction-frame{border-radius:10px}.direction-frame.is-mobile{width:min(260px,88%)}.direction-frame iframe{height:330px}.direction-chrome{min-height:25px;padding-inline:.5rem;font-size:.4rem;gap:.4rem}.direction-chrome .browser-dots{gap:3px}.direction-chrome .browser-dots i{width:5px;height:5px}.direction-chrome>span:last-child{font-size:.38rem}.direction-insight{gap:.6rem;margin:1rem .1rem 0}.direction-insight h3{font-size:1rem}.direction-insight p:last-child{font-size:.73rem}.direction-credit{font-size:.53rem;margin:.7rem .1rem 0}.direction-controls{width:100%;padding:1.4rem;border-radius:20px}.direction-heading h2{font-size:1.7rem}.direction-heading h2 br{display:none}.direction-heading>p{font-size:.72rem}.direction-controls fieldset{margin-top:1.2rem}.scene-choices{grid-template-columns:1fr 1fr}.scene-choices button{font-size:.72rem;padding:.7rem .8rem;min-height:3rem}.direction-controls legend{font-size:.73rem}.direction-themes{justify-content:flex-start;gap:1.7rem}.direction-themes button{font-size:.65rem}.direction-layouts button{font-size:.7rem}.direction-note{font-size:.7rem}.tailored-section{grid-template-columns:1fr;gap:2rem;padding:3.7rem .2rem}.tailored-section h2{font-size:2.5rem}.tailored-section>div>p:last-child{font-size:.8rem;margin-top:1.2rem}.tailored-list dd{font-size:.75rem}.showcase-close{padding:1.6rem;border-radius:21px}.showcase-close h2{font-size:2.7rem}.showcase-close p:not(.section-kicker){font-size:.8rem}.showcase-close>div{flex-direction:column;align-items:stretch;gap:.75rem}.showcase-close .button{justify-content:space-between;font-size:.76rem}.showcase-close .text-link{font-size:.72rem;justify-content:space-between}.showcase-close small{font-size:.6rem}.showcase-footer{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1.8rem 1rem;font-size:.65rem}}
@media(max-width:760px){.direction-frame iframe{height:520px}}
@media(prefers-reduced-motion:reduce){.direction-frame{transition:none}}