:root{--red:#e30613;--deep:#8f0010;--ink:#171313;--cream:#f5f0e8;--paper:#fffdfa;--muted:#746d67;--line:#ded6cc;--green:#16a268}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.topbar{height:70px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,253,250,.94);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:baseline;gap:10px;color:inherit;text-decoration:none}.octo{font-weight:950;font-size:25px;letter-spacing:-2px;color:var(--red)}.by{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{font-size:12px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.status{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:8px 11px}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.intro{padding:72px clamp(20px,5vw,76px) 90px;background:radial-gradient(circle at 8% 12%,#fff 0,transparent 31%),var(--cream)}.intro-copy{max-width:1180px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--red);margin:0 0 16px}.intro h1{font-size:clamp(58px,9vw,126px);letter-spacing:-.075em;line-height:.77;margin:0;text-transform:uppercase}.intro h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--red)}.lede{font-size:18px;line-height:1.6;color:var(--muted);max-width:680px;margin:34px 0}.objectives{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.objectives article{padding:20px;background:var(--paper);display:grid;grid-template-columns:36px 1fr;gap:3px 10px}.objectives b{color:var(--red);grid-row:span 2}.objectives span{font-weight:800}.objectives small{color:var(--muted);line-height:1.4}.experience-shell{max-width:1180px;margin:42px auto 0;background:#161313;color:white;display:grid;grid-template-columns:150px 1fr;box-shadow:0 28px 70px rgba(70,0,7,.18)}.step-rail{padding:24px 16px;border-right:1px solid #373030;display:flex;flex-direction:column;gap:8px}.step-rail>p{font-size:9px;letter-spacing:.2em;color:#8e8585;margin:0 8px 14px}.rail-step{background:none;border:0;color:#8e8585;padding:10px 8px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:5px}.rail-step span{width:23px;height:23px;border:1px solid #564c4c;border-radius:50%;display:grid;place-items:center;font-size:9px}.rail-step.active{background:#2b2424;color:white}.rail-step.active span{background:var(--red);border-color:var(--red)}.booth-stage{padding:25px}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.step-kicker{font-size:9px;letter-spacing:.16em;color:#9d9494}.stage-head h2{font-size:25px;margin:5px 0 0}.time{font-size:10px;color:#aaa;border:1px solid #3b3535;border-radius:99px;padding:7px 10px}.work-area{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:30px}.photo-column{max-width:380px}.print-preview{position:relative;aspect-ratio:2/3;background:white;overflow:hidden;box-shadow:0 10px 28px #0008}.subject-image,.frame-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.frame-image{z-index:2;pointer-events:none}.camera-ui{position:absolute;z-index:3;inset:0;border:2px solid #ffffffaa;pointer-events:none}.camera-ui span{position:absolute;top:10px;right:10px;background:#0009;padding:5px 7px;font-size:7px;letter-spacing:.15em}.camera-ui i{position:absolute;left:50%;top:50%;width:16px;height:16px;border:1px solid white;border-radius:50%;transform:translate(-50%,-50%)}.processing{position:absolute;z-index:5;inset:0;background:#8f0010eF;display:none;place-content:center;text-align:center;padding:30px}.processing.show{display:grid}.processing span{width:40px;height:40px;border:3px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 18px}.processing b{font-size:17px}.processing small{margin-top:8px;color:#ffc8cc}@keyframes spin{to{transform:rotate(360deg)}}.preview-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#8f8787;margin-top:10px}.control-panel{padding:5px 0}.screen{display:none}.screen.active{display:block}.prompt{font-size:14px;line-height:1.55;color:#bbb1b1;margin:0 0 18px}.prompt.compact{margin-bottom:12px}.cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.cover-option,.subject-option{border:1px solid #493e3e;background:#241f1f;color:white;padding:0;cursor:pointer;overflow:hidden}.cover-option img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.cover-option span{display:block;padding:8px 5px;font-size:8px;text-transform:uppercase}.cover-option.selected,.subject-option.selected{border:2px solid var(--red)}.primary,.secondary{width:100%;border:0;padding:15px 17px;font-weight:800;cursor:pointer}.primary{background:var(--red);color:white;display:flex;justify-content:space-between}.secondary{background:white;color:var(--deep);margin-top:16px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.subject-option img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.subject-option span{display:block;padding:7px 4px;font-size:8px}.note{display:grid;gap:4px;border-left:2px solid var(--red);padding:10px 12px;margin:16px 0;background:#211d1d}.note b{font-size:11px}.note span{font-size:10px;line-height:1.5;color:#aaa}.capture-copy{text-align:center;padding:30px 5px 15px}.countdown{font-size:35px;font-weight:900;color:var(--red);letter-spacing:.12em}.capture-copy h3{font-size:25px;margin:16px 0 8px}.capture-copy p{font-size:12px;color:#aaa;line-height:1.5}.shutter{width:78px;height:78px;border:3px solid white;border-radius:50%;background:none;display:block;margin:10px auto 25px;cursor:pointer}.shutter i{display:block;width:58px;height:58px;border-radius:50%;background:var(--red);margin:auto}.hidden{display:none!important}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.route{border:1px solid #493e3e;background:#241f1f;color:white;text-align:left;padding:18px;min-height:145px;cursor:pointer}.route span{font-size:8px;letter-spacing:.12em;color:#e17e87}.route b{display:block;font-size:18px;margin:16px 0 8px}.route small{color:#aaa;line-height:1.5}.route.selected{border:2px solid var(--red);background:#351e20}.warning{font-size:10px;line-height:1.5;background:#4f2c0e;color:#ffdcae;padding:12px;margin-bottom:14px}.category-tabs,.result-tabs,.asset-tabs{display:flex;gap:7px;margin-bottom:14px}.category-tabs button,.result-tabs button,.asset-tabs button{border:1px solid #493e3e;background:transparent;color:#aaa;padding:8px 10px;cursor:pointer}.category-tabs button.active,.result-tabs button.active{background:white;color:#171313}.wardrobe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.wardrobe-option{border:1px solid #493e3e;background:#241f1f;color:white;padding:0;cursor:pointer}.wardrobe-option img{width:100%;aspect-ratio:1/1;object-fit:cover}.wardrobe-option span{font-size:8px;display:block;padding:7px}.wardrobe-option.selected{border:2px solid var(--red)}.result-mark{color:#73e5ad;font-size:9px;letter-spacing:.18em}.screen[data-screen="6"] h3{font-size:23px;line-height:1.2}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-grid>div{border:1px solid #493e3e;padding:15px;min-height:125px}.delivery-grid b,.delivery-grid small{display:block}.delivery-grid small{color:#aaa;line-height:1.4;margin-top:5px}.delivery-icon{font-size:32px;color:var(--red)}.qr-demo{display:block;width:35px;height:35px;background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0/9px 9px;margin-bottom:8px}.section{padding:100px clamp(20px,5vw,76px)}.section-heading{max-width:760px}.section-heading h2{font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;line-height:.95;margin:0 0 22px}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.6}.flow-section{background:white}.flow-map{max-width:1180px;margin:50px auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.flow-node,.decision{padding:18px;border:1px solid var(--line);min-height:115px}.flow-node span{color:var(--red);font-size:11px;font-weight:900}.flow-node b,.flow-node small{display:block}.flow-node b{margin:18px 0 6px}.flow-node small{color:var(--muted);line-height:1.35}.decision{background:var(--ink);color:white}.decision b{display:block;margin-bottom:20px}.decision div{display:flex;gap:5px}.decision span{font-size:8px;background:var(--red);padding:5px}.branches{display:flex;flex-direction:column;gap:8px}.branches>div{display:flex;align-items:center;gap:6px}.branches .flow-node{min-height:auto;padding:11px}.branches .flow-node b{margin:7px 0 3px}.output{border-color:var(--red)}.logic-cards{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logic-cards article{background:var(--cream);padding:24px}.tag{font-size:9px;color:var(--red);letter-spacing:.15em;font-weight:800}.logic-cards h3{font-size:20px}.logic-cards p{color:var(--muted);font-size:13px;line-height:1.55}.asset-section{background:var(--cream)}.asset-tabs{margin:30px 0 22px}.asset-tabs button{color:var(--muted);border-color:var(--line);font-weight:700}.asset-tabs button.active{background:var(--red);color:white;border-color:var(--red)}.asset-panel{display:none}.asset-panel.active{display:block}.all-frames{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.asset-card{background:white;border:1px solid var(--line);padding:7px}.asset-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:linear-gradient(45deg,#ddd 25%,transparent 25%) 0 0/12px 12px,linear-gradient(45deg,transparent 75%,#ddd 75%) 0 0/12px 12px,#fff}.asset-card b{font-size:9px;display:block;margin-top:8px}.asset-card small{color:var(--muted);font-size:8px}.all-wardrobes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wardrobe-group{display:contents}.asset-disclaimer{font-size:10px;color:var(--muted);margin-top:18px}.alignment-section{background:var(--deep);color:white}.section-heading.light .eyebrow{color:#ff9da5}.confirm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b13742;margin-top:45px}.confirm-grid article{background:var(--deep);padding:26px}.confirm-grid span{font-size:9px;letter-spacing:.16em;color:#ff9da5}.confirm-grid h3{font-size:21px}.confirm-grid p{font-size:13px;line-height:1.5;color:#e9bfc2}.recommendation{margin-top:20px;padding:21px;background:white;color:var(--deep);display:grid;grid-template-columns:180px 1fr;gap:20px;line-height:1.5}footer{padding:24px clamp(20px,5vw,76px);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.1em}@media(max-width:900px){.topbar nav{display:none}.status{display:none}.objectives{grid-template-columns:1fr}.experience-shell{grid-template-columns:1fr}.step-rail{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #373030}.step-rail>p{display:none}.rail-step{font-size:0}.work-area{grid-template-columns:1fr}.photo-column{margin:auto;width:min(100%,360px)}.flow-map{grid-template-columns:1fr}.flow-map>i{transform:rotate(90deg);text-align:center}.branches{display:grid;grid-template-columns:1fr 1fr}.logic-cards,.confirm-grid{grid-template-columns:1fr}.all-frames{grid-template-columns:repeat(4,1fr)}.all-wardrobes{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.intro{padding-top:45px}.intro h1{font-size:55px}.cover-grid,.subject-grid,.wardrobe-grid{grid-template-columns:repeat(2,1fr)}.route-grid,.delivery-grid{grid-template-columns:1fr}.all-frames{grid-template-columns:repeat(2,1fr)}.all-wardrobes{grid-template-columns:1fr}.recommendation{grid-template-columns:1fr}.topbar{height:58px}.booth-stage{padding:16px}}