/* Original photographic artwork. All illustrations retain their visible label. */
.visual-hero{display:grid;grid-template-columns:1fr 1.15fr;background:#071222;color:#fff;border:1px solid #263648;border-radius:32px;overflow:hidden;margin-top:36px}
.visual-copy{padding:48px 38px;align-self:center;position:relative}
.visual-copy .eyebrow{color:#b8cbd3;letter-spacing:1.8px}.visual-copy .dot{background:#d7f45b;box-shadow:0 0 18px #d7f45b88}
.visual-copy h1{font-size:clamp(40px,4.4vw,62px);line-height:1.06;letter-spacing:-2.8px;margin:28px 0 22px;max-width:10ch;font-weight:850;text-wrap:balance}
.visual-copy p{color:#c6d5df;line-height:1.7;max-width:430px;font-size:16px}
.visual-copy .button{background:#d7f45b;color:#14212c;border-color:#d7f45b}.visual-copy .actions{gap:20px;margin-top:30px}.hero-gallery-link{font-size:13px;color:#e2e9f3}
.hero-scene{position:relative;display:block;min-height:520px;background:#030d20;overflow:hidden}.hero-scene .art-frame{height:100%}.hero-scene .art-frame>img{height:100%;position:absolute;inset:0;object-fit:cover;object-position:51% center}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030b1cd9,transparent 28%);pointer-events:none}
.scene-caption{position:absolute;bottom:25px;inset-inline:28px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:750;letter-spacing:-.8px;font-size:27px}.scene-caption>span:last-child{display:grid;place-items:center;border:1px solid #cbdce266;border-radius:50%;width:45px;height:45px;font-size:23px;flex-shrink:0}
.art-frame{position:relative;overflow:hidden;background:#0d1b29}.art-frame>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}
.art-label{position:absolute;top:14px;inset-inline-end:14px;border:1px solid #ffffff30;background:#071222df;color:#fff;font-size:10px;font-weight:650;padding:5px 9px;border-radius:30px;line-height:1.5;max-width:75%;z-index:1}
.art-note{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 2px 25px}.visual-hero+.art-note{text-align:end}
.subjects{color:var(--muted);border-top:0;padding-top:8px}.subjects span:not(:last-child)::after{color:#6e8174}
.collection-card{border-radius:28px;box-shadow:0 12px 32px #07122208;transition:transform .25s ease,border-color .25s ease}
.app-cover{display:block}.app-cover:hover img,.inspiration-card:hover img{transform:scale(1.025)}
.card-top,.card-top.forge{min-height:0;padding:27px 30px 20px;background:var(--card);color:var(--ink)}
.app-identity{display:flex;justify-content:space-between;align-items:center;gap:15px}.app-identity img{width:54px;height:54px;border-radius:15px}.card-top .badge{position:static;max-width:none;border-color:var(--line);color:var(--ink);font-size:9px;letter-spacing:.4px;max-width:75%}
.card-top h3{font-size:32px;margin:22px 0 12px;letter-spacing:-1px;line-height:1.13}.card-top p{color:var(--muted);font-size:15px}.card-body{padding:0 30px 30px}.feature-links{gap:8px}.feature-links a{font-size:12px}.card-body .actions{padding-top:24px}.card-body .button{width:100%;justify-content:space-between}
.inspiration{padding-top:5px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.inspiration-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .25s ease}.inspiration-card:hover{text-decoration:none;transform:translateY(-4px)}.inspiration-copy{padding:24px;display:flex;flex-direction:column;flex:1}.inspiration-copy .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.5px}.inspiration-copy h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:12px 0 22px}.inspiration-copy .text-link{margin-top:auto;font-size:12px;justify-content:space-between}.inspiration-card:first-child .inspiration-copy{background:var(--lilac)}
.detail-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;margin:38px 0 20px}.detail-intro .page-head{padding:10px 0}.detail-intro .app-heading{gap:18px;align-items:flex-start}.detail-intro h1{font-size:clamp(34px,3.7vw,50px);letter-spacing:-1.8px}.detail-intro .app-heading>img{width:64px;height:64px;border-radius:18px}.detail-intro .page-head p{font-size:16px}.detail-intro figure{margin:0;min-width:0}.detail-intro .art-frame{border-radius:24px}.detail-intro figcaption{margin-bottom:0}
.guide-art{margin:0 0 28px}.guide-art .art-frame{border-radius:16px}.guide-art .art-note{margin:9px 0 0}.guide{box-shadow:0 12px 30px #07122205}.guide ol{list-style:none;padding:0;counter-reset:steps}.guide li{counter-increment:steps;position:relative;padding:4px 0;padding-inline-start:48px;min-height:36px;margin:18px 0}.guide li:before{content:counter(steps,decimal-leading-zero);position:absolute;inset-inline-start:0;top:0;font-size:11px;font-weight:800;line-height:34px;text-align:center;width:34px;height:34px;background:var(--lilac);color:var(--ink);border-radius:11px}
[dir=rtl] .visual-copy h1,[dir=rtl] .scene-caption,[dir=rtl] .inspiration-copy h3{letter-spacing:normal}
@media(min-width:1100px){.collection-card:hover{border-color:#87999f;transform:translateY(-3px)}}
@media(max-width:1000px){.visual-copy{padding:34px 28px}.visual-copy h1{font-size:44px;letter-spacing:-2px}.hero-scene{min-height:500px}.inspiration-grid{gap:14px}.inspiration-copy{padding:20px}.inspiration-copy h3{font-size:22px}.detail-intro{gap:25px}}
@media(max-width:700px){.visual-hero{grid-template-columns:1fr;margin-top:24px;border-radius:26px}.visual-copy{padding:32px 25px 28px}.visual-copy h1{font-size:clamp(36px,9.7vw,53px);max-width:15ch;margin:20px 0 18px}.visual-copy p{font-size:14px}.visual-copy .actions{margin-top:24px;gap:16px}.visual-copy .button{font-size:12px;padding:11px 17px}.hero-scene{min-height:0}.hero-scene .art-frame>img{position:static;aspect-ratio:16/9;height:auto}.scene-caption{bottom:15px;inset-inline:21px;font-size:22px}.scene-caption>span:last-child{width:36px;height:36px;font-size:19px}.art-label{top:11px;inset-inline-end:11px;font-size:9px}.art-note{font-size:10px}.card-top,.card-body{padding-inline:23px}.card-top h3{font-size:30px}.inspiration-grid{grid-template-columns:1fr}.inspiration-copy h3{font-size:26px}.inspiration-copy{padding:24px}.detail-intro{grid-template-columns:1fr;gap:10px;margin-top:25px}.detail-intro h1{font-size:34px}.detail-intro .page-head{padding-bottom:10px}.detail-intro .art-frame{border-radius:20px}.detail-intro figcaption{margin-bottom:12px}.guide-art .art-frame{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.art-frame>img,.collection-card,.inspiration-card{transition:none}.app-cover:hover img,.inspiration-card:hover img,.collection-card:hover,.inspiration-card:hover{transform:none}}
