/* LVW / Principal Creative Technologist — three industry-native immersive story stages.
   Vector/CSS editorial art is purpose-built demonstration, NOT substituted for authentic photography.
   No external library, fake device, glass, particle noise, heavy SVG filters or obscuring overlays. */
.lvw-story{--story-ink:#302e2d;--story-paper:#f8f5ee;--story-accent:#aa7955;position:relative;isolation:isolate;overflow:clip;background:var(--story-paper);color:var(--story-ink);padding:clamp(70px,7vw,124px) 6vw;border-block:1px solid rgba(0,0,0,.1)}
.lvw-story *{box-sizing:border-box;min-width:0}
.lvw-story-intro{margin-bottom:clamp(40px,5vw,70px);max-width:980px}
.lvw-story-kicker,.lvw-story-overline,.lvw-story-current,.lvw-story-art-index,.lvw-story-art-footer{font-size:.69rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.lvw-story-headline{font-size:clamp(2.8rem,5.6vw,6.7rem);line-height:1.01;font-weight:550;letter-spacing:-.055em;margin:14px 0 22px;max-width:14ch}
.lvw-story-subcopy{line-height:1.7;font-size:clamp(.94rem,1.25vw,1.15rem);max-width:62ch}
.lvw-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(30px,5vw,92px);align-items:start}
.lvw-story-copy{padding:4px 0}
.lvw-story-overline{padding-bottom:22px;border-bottom:1px solid currentColor;opacity:.78}
.lvw-story-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0 40px}
.lvw-story-choice{font:inherit;min-height:82px;padding:15px 17px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer;color:inherit;background:transparent;border:1px solid currentColor;transition:background-color .26s,color .26s,border-color .26s,transform .4s cubic-bezier(.22,1,.36,1)}
.lvw-story-choice:hover{transform:translate3d(0,-2px,0)}
.lvw-story-choice[aria-pressed=true]{background:var(--story-ink);color:var(--story-paper);border-color:var(--story-ink)}
.lvw-story-choice:focus-visible,.lvw-story-next:focus-visible{outline:3px solid #1878eb;outline-offset:4px}
.lvw-story-index{font-size:.64rem;letter-spacing:.1em;font-weight:800;opacity:.72}
.lvw-story-choice-label{font-size:clamp(.86rem,1vw,1.03rem);line-height:1.28;font-weight:700}
.lvw-story-content{min-height:220px}
.lvw-story-current{color:var(--story-accent);margin-bottom:12px}
.lvw-story-selected-title{font-size:clamp(2.2rem,3.7vw,4.1rem);line-height:1.04;letter-spacing:-.052em;margin:0 0 18px;max-width:14ch;font-weight:580}
.lvw-story-detail{max-width:53ch;line-height:1.78;font-size:.98rem}
.lvw-story-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.lvw-story-next{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;background:var(--story-ink);color:var(--story-paper);text-decoration:none;font-size:.83rem;font-weight:800;border:1px solid var(--story-ink);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.lvw-story-next:hover{transform:translate3d(0,-2px,0)}
.lvw-story-boundary{margin:26px 0 0;padding-top:17px;border-top:1px solid currentColor;max-width:51ch;font-size:.76rem;line-height:1.65;opacity:.8}
.lvw-story-stage{position:sticky;top:clamp(80px,10vw,145px);min-width:0}
.lvw-story-studio{position:relative;min-height:clamp(370px,39vw,600px);overflow:hidden;isolation:isolate;background:#343638;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(19px,3vw,42px);box-shadow:16px 18px 0 rgba(0,0,0,.055)}
.lvw-story-surface{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.35}
.lvw-story-line{position:absolute;display:block;inset:0;border:1px solid currentColor;opacity:.13}
.lvw-story-line--1{inset:12% 10%}.lvw-story-line--2{inset:25% 21%}.lvw-story-line--3{inset:36% 34%}
.lvw-story-art-index{position:relative;z-index:3;font-size:1rem}
.lvw-story-object{position:absolute;inset:11% 8% 17%;pointer-events:none}
.lvw-story-art-title{position:relative;z-index:3;font-size:clamp(1.5rem,3vw,3.5rem);font-weight:750;line-height:1.05;letter-spacing:-.052em;max-width:10ch;align-self:flex-end;text-align:right}
.lvw-story-art-footer{position:relative;z-index:3;opacity:.72;font-size:.59rem;align-self:flex-end;text-align:right;margin-top:auto;padding-top:8px}
.lvw-motion .lvw-story-pulse{animation:lvw-story-lift .42s cubic-bezier(.22,1,.36,1) both}
@keyframes lvw-story-lift{from{opacity:.72;transform:translate3d(0,7px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/* Archival folio: original paper textures from CSS gradients (no false provenance photos). */
.lvw-story--lineage-house{--story-paper:#ebe3d8;--story-ink:#432f31;--story-accent:#946d57;background:linear-gradient(100deg,#e6e2d7,#f5ead9 65%,#e6dacb)}
.lvw-story--lineage-house .lvw-story-headline,.lvw-story--lineage-house .lvw-story-selected-title{font-family:Georgia,serif;font-weight:400}
.lvw-story--lineage-house .lvw-story-studio{background:#613c41;background-image:radial-gradient(circle at 72% 23%,rgba(255,234,200,.15),transparent 42%),repeating-linear-gradient(90deg,transparent 0,transparent 26px,rgba(255,255,255,.012) 27px)}
.lvw-story--lineage-house .lvw-story-paper{position:absolute;width:68%;height:78%;left:16%;top:12%;background:linear-gradient(140deg,#f5ebd8,#dbcfb9);border:1px solid rgba(67,47,49,.5);box-shadow:15px 22px 0 rgba(0,0,0,.1);transform:rotate(-7deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.lvw-story--lineage-house .lvw-story-paper--rear{transform:translate3d(8%,-9%,0) rotate(10deg);background:#aa9180}
.lvw-story--lineage-house .lvw-story-paper--front{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 22px,rgba(67,47,49,.07) 23px,transparent 24px),linear-gradient(140deg,#f5ebd8,#ded0b5)}
.lvw-story--lineage-house .lvw-story-paper-type{position:absolute;z-index:2;left:25%;top:24%;width:54%;height:54%;color:#533b38;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;transform:rotate(-7deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.lvw-story-paper-number,.lvw-story-paper-rule{font-family:Georgia,serif;font-size:.74rem;letter-spacing:.08em}
.lvw-story-paper-stamp{font:700 clamp(1rem,2.4vw,2.4rem)/1.06 Georgia,serif;max-width:9ch;border-top:3px double #86634f;border-bottom:3px double #86634f;padding:12px 0}
.lvw-story--lineage-house[data-scene="1"] .lvw-story-paper--front{transform:translate3d(-2%,0,0) rotate(4deg)}
.lvw-story--lineage-house[data-scene="2"] .lvw-story-paper--front{transform:translate3d(5%,2%,0) rotate(-11deg)}
.lvw-story--lineage-house[data-scene="3"] .lvw-story-paper--front{transform:translate3d(-5%,-1%,0) rotate(0)}
.lvw-story--lineage-house[data-scene="1"] .lvw-story-paper-type{transform:translate3d(-2%,0,0) rotate(4deg)}
.lvw-story--lineage-house[data-scene="2"] .lvw-story-paper-type{transform:translate3d(5%,2%,0) rotate(-11deg)}
.lvw-story--lineage-house[data-scene="3"] .lvw-story-paper-type{transform:translate3d(-5%,-1%,0) rotate(0)}
/* Vet: soft daylight, balanced spatial circles, not a medical-device monitor. */
.lvw-story--paw-prairie{--story-paper:#edf3fe;--story-ink:#194d95;--story-accent:#245fa8;background:#edf3fe}
.lvw-story--paw-prairie .lvw-story-studio{background:#21549b;background-image:radial-gradient(circle at 70% 23%,#3e73b5,transparent 50%),linear-gradient(160deg,#19509b,#13376f)}
.lvw-story--paw-prairie .lvw-story-choice{border-radius:20px 20px 5px 20px}
.lvw-story--paw-prairie .lvw-story-choice[aria-pressed=true]{background:#f8d474;color:#173f7e;border-color:#f8d474}
.lvw-story--paw-prairie .lvw-story-next{background:#f8d474;color:#173f7e;border-color:#f8d474}
.lvw-story-comfort-ring{display:block;position:absolute;left:50%;top:49%;border-radius:50%;border:clamp(12px,2.6vw,34px) solid rgba(248,213,126,.5);transform:translate3d(-50%,-50%,0) scale(1);transition:transform .8s cubic-bezier(.22,1,.36,1),border-color .6s}
.lvw-story-comfort-ring--0{width:83%;aspect-ratio:1;border-color:rgba(255,255,255,.23)}
.lvw-story-comfort-ring--1{width:60%;aspect-ratio:1;border-color:rgba(255,224,154,.54)}
.lvw-story-comfort-ring--2{width:37%;aspect-ratio:1;border-color:rgba(255,230,168,.85)}
.lvw-story-comfort-core{position:absolute;top:49%;left:50%;transform:translate3d(-50%,-50%,0);width:135px;text-align:center;font-size:.63rem;font-weight:800;line-height:1.5;letter-spacing:.1em;color:white}
.lvw-story--paw-prairie[data-scene="1"] .lvw-story-comfort-ring--0{transform:translate3d(-50%,-50%,0) scale(.94)}
.lvw-story--paw-prairie[data-scene="1"] .lvw-story-comfort-ring--1{transform:translate3d(-50%,-50%,0) scale(1.12)}
.lvw-story--paw-prairie[data-scene="2"] .lvw-story-comfort-ring--0{transform:translate3d(-50%,-50%,0) scale(1.07)}
.lvw-story--paw-prairie[data-scene="2"] .lvw-story-comfort-ring--2{transform:translate3d(-50%,-50%,0) scale(.90)}
/* Freight: engineered orthographic abstract vehicle. Not a dimensionally accurate model. */
.lvw-story--linehaul{--story-paper:#e9e8e1;--story-ink:#1a2527;--story-accent:#b34c27;background:#e7e8e3}
.lvw-story--linehaul .lvw-story-headline,.lvw-story--linehaul .lvw-story-selected-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:800;letter-spacing:-.025em;text-transform:uppercase}
.lvw-story--linehaul .lvw-story-studio{background:#20282a;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 36px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 36px)}
.lvw-story--linehaul .lvw-story-art-index,.lvw-story--linehaul .lvw-story-art-title{color:#ffad83}
.lvw-story-truck{position:absolute;inset:25% 0 20% 5%;transform:translate3d(0,0,0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.lvw-story-container{position:absolute;left:3%;top:12%;width:68%;height:55%;border:3px solid #ec8459;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(236,132,89,.22) 18px,rgba(236,132,89,.22) 21px);transform-origin:bottom center;transition:transform .55s cubic-bezier(.22,1,.36,1),height .4s,background-color .4s}
.lvw-story-container::after{content:'SAMPLE · UNVERIFIED';position:absolute;bottom:8px;left:10px;font-size:.52rem;font-weight:800;letter-spacing:.08em;color:#ffb99a}
.lvw-story-cab{position:absolute;left:70%;top:29%;width:22%;height:38%;border:3px solid #f6a47a;border-radius:8px 16px 2px 2px;clip-path:polygon(0 0,68% 0,100% 29%,100% 100%,0 100%);background:rgba(244,139,100,.16)}
.lvw-story-wheel{position:absolute;bottom:21%;height:12%;aspect-ratio:1;border-radius:50%;background:#162123;border:5px solid #f4a980}
.lvw-story-wheel--1{left:12%}.lvw-story-wheel--2{left:50%}.lvw-story-wheel--3{left:79%}
.lvw-story-track{position:absolute;left:5%;right:5%;height:2px;bottom:39%;background:#ff854d;opacity:.7}
.lvw-story-cargo-note{position:absolute;bottom:2%;left:5%;margin:0;letter-spacing:.1em;font-size:.6rem;color:#e4b29b}
.lvw-story--linehaul[data-scene="1"] .lvw-story-container{height:17%;top:50%;background-color:transparent}
.lvw-story--linehaul[data-scene="1"] .lvw-story-container::after{content:'OPEN DECK · REQUIREMENTS PENDING';bottom:25px;white-space:nowrap}
.lvw-story--linehaul[data-scene="2"] .lvw-story-container{background-image:repeating-linear-gradient(90deg,rgba(255,155,108,.2) 0,rgba(255,155,108,.2) 22%,transparent 22%,transparent 26%);background-color:rgba(255,155,108,.08)}
.lvw-story--linehaul[data-scene="1"] .lvw-story-truck{transform:translate3d(-2%,0,0)}
.lvw-story--linehaul[data-scene="2"] .lvw-story-truck{transform:translate3d(2%,0,0)}
/* Independent mobile composition; sticky visual becomes a normal content figure. */
@media(max-width:980px){
 .lvw-story{padding:clamp(55px,8vw,85px) 6vw}
 .lvw-story-layout{grid-template-columns:1fr;gap:34px}
 .lvw-story-stage{position:relative;top:auto;order:-1}
 .lvw-story-studio{min-height:clamp(350px,58vw,500px);box-shadow:9px 10px 0 rgba(0,0,0,.06)}
 .lvw-story-headline{max-width:18ch}
 .lvw-story-content{min-height:0}
}
@media(max-width:600px){
 .lvw-story-headline{font-size:clamp(2.65rem,11vw,4.6rem)}
 .lvw-story-studio{min-height:335px}
 .lvw-story-choices{gap:8px}
 .lvw-story-choice{padding:13px 12px;min-height:79px}
 .lvw-story-choice-label{font-size:.84rem}
 .lvw-story-selected-title{font-size:clamp(2.1rem,9vw,3.2rem)}
 .lvw-story--lineage-house .lvw-story-paper-stamp{font-size:1.04rem}
 .lvw-story-art-title{font-size:1.6rem}
}
@media(max-width:350px){.lvw-story-choices{grid-template-columns:1fr}.lvw-story-choice{min-height:62px}.lvw-story-comfort-core{font-size:.51rem;width:90px}}
@media(prefers-reduced-motion:reduce){
 .lvw-story *, .lvw-story *::before,.lvw-story *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
 .lvw-story-choice:hover,.lvw-story-next:hover{transform:none!important}
 .lvw-story-pulse{animation:none!important}
}
@media print{
 .lvw-story{break-inside:avoid;background:#fff!important;color:#222!important}
 .lvw-story-stage{display:none!important}
 .lvw-story-choice{display:none!important}
 .lvw-story-content{min-height:0}
}

/* QA correction: chapter headline belongs in the readable content column.
   Art captions should never obstruct illustration or critical document/vehicle marks. */
.lvw-story-art-title{position:absolute;left:6%;bottom:7%;z-index:3;width:42%;max-width:23ch;font-size:clamp(.72rem,1.05vw,.95rem);line-height:1.28;letter-spacing:.04em;text-transform:uppercase;text-align:left;align-self:auto;font-weight:750;color:inherit;opacity:.89}
.lvw-story-art-footer{position:absolute;right:6%;bottom:7%;width:42%;max-width:22ch;margin:0;text-align:right}
@media(max-width:600px){.lvw-story-art-title,.lvw-story-art-footer{font-size:.6rem;bottom:5%}.lvw-story-art-title{max-width:40%}.lvw-story-art-footer{max-width:44%}}