/* astra1 2026-11-03 — SEO-specific visual narrative. */
.search-story{background:#06110c;color:#dce7df;overflow:clip}.search-story section{padding:clamp(75px,8vw,230px) var(--pad)}.search-story i,.search-story strong{color:#ff2424}.search-story h1{font-size:clamp(52px,6.5vw,190px);line-height:1.03;letter-spacing:-.055em}.search-story h2{font-size:clamp(42px,5.5vw,155px)}.search-story p{color:#b7cabf;max-width:42em}.search-story .eyebrow{display:block;margin-bottom:28px;color:#a4cbb7}.search-story .search-hero{position:relative;padding-top:170px;padding-bottom:0}.search-hero-copy{position:relative;z-index:1;max-width:78%;margin-bottom:-5vw}.search-hero-copy p{max-width:37em;margin:35px 0;font-size:clamp(18px,1.3vw,30px)}.search-city{margin:0 -4vw;position:relative}.search-city img{width:100%;max-height:1050px;object-fit:cover;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent)}.search-city figcaption{font-size:12px;text-align:right;padding:0 5vw;color:#87a696;max-width:100%}.search-story .design-cta{display:inline-flex;padding:15px 24px;border:1px solid #ff24397a;border-radius:40px;font-size:16px}.search-opportunity{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.search-prose p+p{margin-top:1.5em}.search-journey{background:#102b23}.search-section-title{max-width:1200px}.search-path{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin:70px 0 20px}.path-number{font-size:12px;letter-spacing:.15em;color:#9fcab2}.search-path li>div{min-height:190px;margin:25px 0 40px;border:1px solid #93c5ab55;border-radius:20px;padding:28px;background:linear-gradient(135deg,#203e30,#07150e);box-shadow:0 24px 35px #0004,0 20px 45px #ed132213}.search-path li>div span,.source-slab>span,.answer-slab>span{display:block;font-size:10px;letter-spacing:.12em;color:#a4cbb7;margin-bottom:20px}.search-path b{font-size:clamp(19px,1.6vw,40px);font-weight:400;line-height:1.2}.search-path h3,.search-month h3{font-size:clamp(26px,2.4vw,62px);line-height:1.15;margin-bottom:20px}.search-result i{display:block;height:2px;background:#83ae98;margin-top:10px;width:80%}.search-result i:last-child{width:45%;background:#ff2424}.search-note{font-size:12px}.search-ai{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.search-ai h2{margin-bottom:35px}.answer-sculpture{padding:30px 0 70px;perspective:1000px;background:radial-gradient(ellipse at 50% 95%,#c7192738,transparent 65%)}.source-slab,.answer-slab{padding:40px;border:1px solid #a8dcc277;background:linear-gradient(130deg,#1b4430,#07170f);border-radius:20px;box-shadow:0 30px 60px #0005;transform:rotateY(8deg)}.source-slab{margin-right:15%}.answer-slab{margin-left:15%;border-color:#ff263f66}.source-slab b,.answer-slab b{font-weight:400;font-size:clamp(22px,2vw,52px);line-height:1.25}.answer-slab small{display:block;margin-top:20px;font-size:12px;color:#a3b8aa}.answer-connector{height:80px;width:2px;background:#ff2424;box-shadow:0 0 20px #ff2424;margin:auto}.search-link{display:inline-block;margin-top:25px;text-decoration:underline;text-underline-offset:8px;font-size:16px}.search-month{background:#0d2119}.search-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin:65px 0}.search-month-grid article{border-top:1px solid #ff243957;padding-top:25px}.search-month-grid article>span{font-size:11px;color:#9bbda9;display:block;margin-bottom:25px}.search-budget{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding-top:50px;border-top:1px solid #a3cbb432}.search-close{max-width:1600px}.search-close p{margin:35px 0}.search-close .search-link{margin-left:30px}@media(max-width:800px){.search-hero-copy{max-width:100%;margin:0}.search-city{margin:20px -22px 0}.search-opportunity,.search-ai{grid-template-columns:1fr;gap:55px}.search-path{grid-template-columns:1fr;gap:50px}.search-path li{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.search-path li>div{grid-row:2/4;margin:0;min-height:170px}.search-path h3{margin:0}.search-path p{font-size:15px}.search-month-grid{grid-template-columns:1fr;gap:40px}.search-budget{grid-template-columns:1fr;gap:15px}}@media(max-width:500px){.search-path li{display:block}.search-path li>div{margin:20px 0 25px}.search-path h3{margin-bottom:15px}.search-close .search-link{margin-left:0;display:block}.search-city figcaption{font-size:10px}.search-story .search-hero{padding-top:130px}.source-slab,.answer-slab{padding:25px}.search-hero-copy .design-cta{font-size:14px}}
