@font-face{font-family:Manrope;src:url('../fonts/Manrope-variable.d0639be45d0a.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
/* Local font and opt-in composition preserve the rest of the site's presentation. */
/* Art-directed presentation is opt-in: specialist pages, forms and documentation keep their existing contracts. */
.art-directed{--ink:#101f39;--blue:#2459ef;--navy:#081b37;--muted:#566578;font-family:Manrope,'Segoe UI',sans-serif;background:#fff;color:var(--ink)}
.art-directed .wrap{max-width:1392px;padding-left:56px;padding-right:56px}.art-directed header{background:#fff}.art-directed .nav{height:94px}.art-directed .brand b{font-size:17px;font-weight:800;letter-spacing:-.06em;line-height:1.05}.art-directed .brand small{font-size:8px;letter-spacing:.16em;margin-top:9px}.art-directed nav a{font-size:12px;font-weight:600}.art-directed .nav-action{border-radius:3px;padding:14px 19px;font-size:12px}.art-directed .review{background:#f1f5fa;color:#5a6c82;font-size:9px;letter-spacing:.04em;padding:6px}.art-directed h1,.art-directed h2,.art-directed h3{font-weight:650}.art-directed .section{padding:105px 0}.art-directed .section-head{align-items:flex-end;margin-bottom:46px}.art-directed h2{font-size:clamp(36px,4vw,57px);line-height:1.1;letter-spacing:-.055em}.art-directed .section-head h2{font-size:clamp(36px,4vw,57px)}.art-directed .section-head>p{font-size:14px;line-height:1.9;max-width:340px;color:#5b6b7e}.art-directed .section-num{font-size:9px;letter-spacing:.19em;font-weight:750;margin-bottom:23px;color:#2459ef}.art-directed .eyebrow{font-size:9px;letter-spacing:.14em;line-height:1.6;font-weight:750}.art-directed .btn{border-radius:3px;box-shadow:none;padding:17px 22px;font-size:12px;gap:28px;font-weight:750}.art-directed .btn span{font-size:18px}.art-directed .text-link{font-size:12px;line-height:1.6;font-weight:650}.art-directed .dark{background:#091d3b}.art-directed .dark p{color:#bfcee2}.art-directed .dark .section-head>p{color:#bfcee2}.signal-dot{display:inline-block;width:6px;height:6px;vertical-align:middle;border-radius:50%;background:#86b7ff;box-shadow:0 0 0 5px #558adc25;margin-right:10px}.art-directed :focus-visible{outline:3px solid #ffb45a;outline-offset:5px}
/* The homepage: a real product experience in front, a working operation behind it. */
.art-directed .campaign-hero{position:relative;padding:68px 0 0;overflow:hidden;background:radial-gradient(ellipse at 75% 12%,#18448a55,transparent 58%),#081b37}.campaign-hero:before{content:'';position:absolute;width:540px;height:900px;left:55%;top:-300px;transform:rotate(35deg);background:linear-gradient(90deg,transparent,#4774bd13);pointer-events:none}.art-directed .hero-grid{grid-template-columns:.92fr 1.08fr;gap:22px;align-items:center;position:relative}.art-directed .hero-copy{position:relative;z-index:2}.art-directed .hero h1{font-size:clamp(54px,5.8vw,85px);line-height:1.06;letter-spacing:-.068em;font-weight:650;margin:26px 0 27px}.art-directed .hero h1 em{display:block;color:#86b4ff;font-style:normal}.art-directed .hero .intro{font-size:15px;line-height:1.9;max-width:445px;color:#bfcde0}.art-directed .hero .actions{margin-top:30px;gap:27px}.art-directed .hero-note{font-size:10px!important;letter-spacing:.01em;margin-top:24px!important;color:#839bbe!important}.art-directed .hero-art{margin:0;position:relative;transform:none;min-width:0;align-self:center}.hero-scene{position:relative;height:565px;margin-left:4px}.hero-photo{position:absolute;top:12px;right:-55px;left:185px;height:445px;border-radius:5px;overflow:hidden}.hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:62% center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071b33bd,transparent 50%)}.photo-caption{position:absolute;z-index:1;left:26px;right:20px;bottom:26px}.photo-caption>span{display:block;font-size:8px;letter-spacing:.17em;color:#bdcce4;margin-bottom:10px}.photo-caption strong{font-size:23px;color:white;font-weight:650;letter-spacing:-.045em}.shop-window{position:absolute;width:318px;left:0;top:71px;background:#fff;color:#12243b;box-shadow:0 30px 55px #0007;border:1px solid #eff4fa;border-radius:5px;overflow:hidden;transform:rotate(-4deg)}.shop-masthead{display:flex;justify-content:space-between;align-items:center;padding:17px 16px;border-bottom:1px solid #edf0f3}.shop-masthead>b{font-size:12px;letter-spacing:-.03em;font-weight:850}.shop-masthead b>span{font-size:7px;vertical-align:top;margin-left:3px}.shop-masthead>span{font-size:7px;color:#44536c}.shop-window>img{display:block;width:100%;height:200px;object-fit:cover}.shop-detail{padding:19px 21px 23px}.shop-detail>span{font-size:7px;letter-spacing:.14em;font-weight:700;color:#52627a}.shop-detail>strong{display:block;font-size:29px;line-height:1.07;letter-spacing:-.055em;margin:11px 0 16px}.shop-detail>div{display:flex;flex-direction:column;gap:13px}.shop-detail small{font-size:8px;color:#647289}.shop-action{font-size:8px;font-weight:750;padding:11px 13px;background:#2459ef;color:white;align-self:flex-start}.order-slip{position:absolute;right:-13px;bottom:35px;left:168px;background:#2460f2;color:#fff;padding:19px 21px;display:flex;align-items:center;gap:15px;border-radius:4px;box-shadow:0 16px 50px #0004;transform:rotate(2deg)}.slip-icon{font-size:24px;font-weight:300}.order-slip small{display:block;font-size:7px;letter-spacing:.14em;color:#c6daff}.order-slip b{display:block;font-size:14px;line-height:1.3;margin:6px 0;font-weight:650;letter-spacing:-.03em}.order-slip div>span{font-size:8px;color:#d6e3ff;line-height:1.4;display:block}.scene-axis{position:absolute;left:6px;right:0;bottom:0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em;color:#8399b6}.art-directed .hero-art figcaption{font-size:7px;line-height:1.6;letter-spacing:.02em;text-transform:none;color:#8da3bf;margin-top:16px;text-align:right}.art-directed .hero-foot{margin-top:60px;padding:27px 0 28px;border-top:1px solid #42618b66}.art-directed .hero-foot b{font-size:14px;font-weight:600;margin-bottom:8px}.art-directed .hero-foot span{font-size:10px;line-height:1.6;color:#9fb2cd}.art-directed .hero-foot span b{color:#e5edf9}.art-directed .intro-strip{background:#edf3fc;border-bottom:1px solid #dde5f1;padding:25px 0}.art-directed .strip-grid>p{font-size:23px;line-height:1.3;letter-spacing:-.04em;font-weight:600}.art-directed .strip-item{padding-left:32px}.art-directed .strip-item b{font-size:12px;font-weight:700}.art-directed .strip-item p{font-size:11px;line-height:1.7}
/* A photographic triptych replaces the abstract-only journey. */
.commerce-editorial{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:14px;margin-bottom:44px;align-items:start}.editorial-image{display:block;position:relative;height:365px;overflow:hidden;color:white!important;background:#102342}.editorial-image:nth-child(2){height:415px;margin-top:40px}.editorial-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a35e3 0%,#071a3522 58%,#071a3555 100%)}.editorial-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.editorial-image:hover>img{transform:scale(1.035)}.editorial-products>img{object-position:58% center}.editorial-work>img{object-position:65% center}.editorial-delivery>img{object-position:53% center}.editorial-overline{position:absolute;z-index:1;top:24px;left:24px;font-size:8px;letter-spacing:.14em;color:#e0eaff}.editorial-image>div{position:absolute;bottom:25px;left:24px;right:20px;z-index:1}.editorial-image small{font-size:7px;letter-spacing:.13em;color:#bfcee5}.editorial-image h3{font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.05em;margin:12px 0 18px;color:white}.round-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff66;border-radius:50%;font-size:16px}.art-directed .path{margin-top:0}.art-directed .path:before{display:none}.art-directed .path>a{border-top:1px solid #d9e1ed;padding-top:18px!important}.art-directed .path>a>span{background:none!important;box-shadow:none;border:0!important;padding:0;width:auto;height:auto;display:block;font-size:9px;color:#2459ef!important;margin-bottom:17px}.art-directed .path h3{font-size:20px;letter-spacing:-.05em}.art-directed .path p{font-size:10px}.art-directed .row-link{font-size:11px;margin-top:24px;padding-top:25px}.art-directed .atlas{background:#f2f5f9}.art-directed .atlas-grid{gap:18px}.art-directed .atlas-card{border-radius:4px;box-shadow:none;padding:32px;border-color:#dbe3ef;overflow:hidden}.art-directed .atlas-card h3{font-size:33px;letter-spacing:-.05em;line-height:1.12}.art-directed .atlas-card p{font-size:13px;line-height:1.85}.art-directed .atlas-card.blue{background:#112e59;padding:37px;display:flex;min-height:690px}.art-directed .atlas-card.blue h3{font-size:43px}.art-directed .atlas-card:not(.blue):before,.art-directed .atlas-card:not(.blue):after{display:none}.art-directed .card-foot{font-size:10px;margin-top:auto;padding-top:24px}.customer-dossier{background:#fff;color:#18304e;border:1px solid #e0eaf7;border-radius:4px;margin:32px 4px 28px;box-shadow:0 18px 35px #00132d30;transform:rotate(-2deg);padding:24px}.dossier-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4eaf3;padding-bottom:19px}.avatar{background:#e8f1ff;color:#2459ef;padding:11px;border-radius:50%;font-size:12px;font-weight:700}.dossier-title b{font-size:12px;display:block;font-weight:750}.dossier-title small{display:block;font-size:8px;color:#52647c;margin-top:3px}.dossier-more{margin-left:auto}.dossier-context{padding:20px 0 8px}.dossier-context>span{font-size:8px;color:#436bb0;text-transform:uppercase;letter-spacing:.12em}.dossier-context strong{display:block;margin-top:9px;font-size:23px;font-weight:600;letter-spacing:-.05em;line-height:1.2}.customer-dossier dl{margin:8px 0 20px}.customer-dossier dl>div{padding:10px 0;border-bottom:1px solid #edf1f8;display:flex;justify-content:space-between;gap:10px}.customer-dossier dt{font-size:8px;color:#52647c}.customer-dossier dd{font-size:9px;font-weight:600;margin:0;text-align:right}.dossier-ai{font-size:8px;color:#315da7;background:#edf3ff;padding:12px 10px;line-height:1.6}.dossier-ai>span{margin-right:5px;font-size:13px}.buying-paths{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 4px}.buying-paths span{font-size:9px;font-weight:600;padding:9px 11px;border:1px solid #d6e0ef;background:#f7f9fd}.art-directed .intelligence-card{background:#e5edff;border:0;position:relative}.intelligence-symbol{position:absolute;right:30px;top:30px;color:#3159ea55;font-size:90px;line-height:1}.intelligence-card>h3,.intelligence-card>p{position:relative;max-width:85%}.intelligence-card>.eyebrow{position:relative;padding-bottom:10px}.art-directed .change-grid{grid-template-columns:1fr 1.12fr;gap:85px;align-items:center}.service-story>img{display:block;width:100%;height:300px;object-fit:cover}.art-directed .service-copy>p{font-size:14px;line-height:1.9;max-width:425px}.art-directed .change-sample{margin:-40px 25px 0 25px;position:relative;z-index:1;border:1px solid #dce4f0;border-radius:3px;box-shadow:0 15px 40px #102a4c12;padding:27px}.art-directed .change-sample:before{display:none}.art-directed .quote{font-size:24px!important;line-height:1.35;letter-spacing:-.04em;font-style:normal}.art-directed .sample-label{font-size:8px}.art-directed .check-row{font-size:10px;gap:11px;padding:13px 0}.art-directed .check-row small{font-size:8px}.art-directed .playbook{position:relative;overflow:hidden;background:#0a2244}.art-directed .playbook h2{font-size:clamp(48px,5.8vw,82px);letter-spacing:-.065em}.playbook h2>span{color:#6ca5ff}.art-directed .reading-grid{gap:0;border-top:1px solid #537297;border-bottom:1px solid #537297}.art-directed .read-card{border:0;border-radius:0;background:transparent;padding:32px;box-shadow:none;position:relative}.art-directed .read-card+ .read-card{border-left:1px solid #537297}.art-directed .read-card:first-child{padding-left:0}.art-directed .read-card h3{font-size:26px;line-height:1.2}.art-directed .read-card p{font-size:12px;line-height:1.8;max-width:280px}.art-directed .read-card>small{font-size:8px}.art-directed .read-card>span{font-size:26px;margin-top:24px;color:#8cb7ff}.art-directed .read-card:hover{background:#31559a25;transform:none}.art-directed .footer{background:#fff;border-color:#dee6f0;padding:38px 0}.art-directed .footer-inner{font-size:9px;gap:30px}.art-directed .footer-links{font-size:9px;gap:20px}
/* End to end: an editorial cover and six visually varied chapters, with all explanatory copy retained. */
.art-directed .e2e-hero{position:relative;overflow:hidden;background:#edf2f8;color:#0e2444;padding:40px 0 56px}.e2e-hero .breadcrumb{font-size:9px;margin-bottom:38px;color:#5a708d}.e2e-hero .breadcrumb a{color:#4a6381}.e2e-cover{display:grid;grid-template-columns:1.03fr 1fr;gap:65px;align-items:center}.art-directed .e2e-hero h1{font-size:clamp(46px,5.4vw,77px);line-height:1.06;font-weight:650;letter-spacing:-.068em;max-width:none;color:#102440;margin:25px 0}.art-directed .e2e-hero h1 em{color:#2459ef;font-style:normal}.art-directed .e2e-hero .eyebrow{color:#2459ef;max-width:420px}.art-directed .e2e-hero .lede{color:#596d87;max-width:480px;font-size:14px;line-height:1.9}.e2e-hero .actions{margin-top:28px;gap:22px}.e2e-hero .text-link{color:#1d497e}.cover-art{position:relative;padding:0 0 30px;margin:0}.cover-art>img{display:block;width:100%;height:455px;object-fit:cover;object-position:55% center;border-radius:2px}.cover-art figcaption{font-size:7px;color:#4d607a;letter-spacing:.02em;text-align:right;margin-top:12px}.cover-label{position:absolute;top:20px;left:20px;background:#ffffffdd;padding:10px 13px;font-size:8px;letter-spacing:.1em;color:#1c3d6b;font-weight:750}.cover-ticket{position:absolute;left:-28px;bottom:65px;width:267px;background:#102b54;color:white;padding:22px;box-shadow:0 20px 35px #11274622;transform:rotate(-3deg);border-radius:3px}.cover-ticket small{display:block;font-size:7px;letter-spacing:.12em;color:#9fc0f4}.cover-ticket strong{display:block;font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.055em;margin:10px 0 18px}.ticket-route{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #496894;padding-top:13px;font-size:8px;color:#cbdaf1}.ticket-route span:last-child{color:#9bc2ff}.art-directed .e2e-principles{margin-top:40px;border-color:#c5d2e3;padding-top:23px;color:#4f6889;font-size:10px;gap:30px}.art-directed .e2e-principles span:before{color:#2459ef}.art-directed .e2e-overview{padding:80px 0}.art-directed .e2e-map{gap:0;border-top:1px solid #cfd9e7;border-bottom:1px solid #cfd9e7}.art-directed .e2e-map a{border:0;border-radius:0;background:none;padding:23px 17px 26px}.art-directed .e2e-map a+ a{border-left:1px solid #dce4ef}.art-directed .e2e-map a:after{display:none}.art-directed .e2e-map a:hover{box-shadow:none;background:#f0f5fc}.art-directed .e2e-map strong{font-size:21px;letter-spacing:-.06em}.art-directed .e2e-map small{font-size:10px;color:#61758d;line-height:1.7}.art-directed .e2e-number{font-family:Manrope,sans-serif;font-size:9px;font-weight:650;padding-bottom:19px}.art-directed .e2e-foundation{background:#ecf2ff;border:0;border-radius:0;color:#143064;padding:24px 28px;margin-top:24px}.art-directed .e2e-foundation strong{font-size:13px}.art-directed .e2e-foundation p{color:#547098;font-size:11px}.art-directed .e2e-foundation>a{color:#2459ef;font-size:10px}.art-directed .e2e-spark{background:none;font-size:37px;color:#2459ef}.art-directed #journey{background:#fff;padding-top:30px}.art-directed .e2e-stages{gap:0}.art-directed .e2e-stage{grid-template-columns:1.05fr 1fr;gap:0 65px;border:0;border-top:1px solid #d5deeb;border-radius:0;background:none;padding:58px 0 62px;scroll-margin-top:20px;position:relative}.art-directed .stage-index{grid-column:1/-1;display:flex;align-items:center;gap:17px;margin-bottom:28px}.art-directed .stage-index>span{width:auto;height:auto;border:0;border-radius:0;background:none;font-size:40px;line-height:1;letter-spacing:-.08em;color:#2459ef;font-weight:450}.art-directed .stage-index>small{margin:0;max-width:none;font-size:8px;letter-spacing:.15em;color:#466386;font-weight:750}.art-directed .stage-explanation{grid-column:2;grid-row:2}.art-directed .stage-explanation h3{font-size:35px;line-height:1.15;letter-spacing:-.055em;margin-bottom:19px}.art-directed .stage-explanation>p,.art-directed .stage-explanation li{font-size:12px;line-height:1.9;color:#536982}.art-directed .stage-explanation ul{margin:18px 0 20px}.art-directed .stage-explanation li{padding:10px 0 10px 15px}.art-directed .stage-explanation strong{color:#214474}.stage-visual{grid-column:1;grid-row:2;min-width:0;align-self:start}.art-directed .stage-handoff{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:10px 30px;border:0;border-left:2px solid #316cf0;background:#f2f6fc;border-radius:0;margin:27px 0 0;padding:22px 25px;align-items:start}.art-directed .stage-handoff>span{font-size:8px;grid-column:1;letter-spacing:.12em}.art-directed .stage-handoff h4{font-size:18px;font-weight:650;line-height:1.25;margin:0;grid-column:1;letter-spacing:-.04em}.art-directed .stage-handoff>p{grid-column:2;grid-row:1/3;font-size:11px;line-height:1.8;margin:0}.art-directed .stage-handoff>div{grid-column:3;grid-row:1/3;margin:0;border:0;border-left:1px solid #cbd8eb;padding:0 0 0 20px}.art-directed .stage-handoff b{font-size:10px;font-weight:750}.art-directed .stage-handoff small{font-size:10px;line-height:1.8}.art-directed .e2e-stage:nth-child(even) .stage-explanation{grid-column:1}.art-directed .e2e-stage:nth-child(even) .stage-visual{grid-column:2}.visual-caption{font-size:8px;color:#60758e;line-height:1.6;margin:10px 0 0;letter-spacing:.03em}.visual-frame{background:#edf2f9;border-radius:4px;overflow:hidden;padding:25px;border:1px solid #e0e7f0}.visual-label{font-size:7px;letter-spacing:.14em;color:#3b6198;display:flex;justify-content:space-between;align-items:center;font-weight:750;margin-bottom:15px}.visual-bar{height:26px;background:#f5f7fb;display:flex;gap:4px;align-items:center;padding:0 12px}.visual-bar i{height:4px;width:4px;background:#b8c5d8;border-radius:50%}.mini-store{background:#fff;box-shadow:0 10px 30px #23426a15;border:1px solid #dce4ef}.mini-store .shop-masthead{padding:12px 16px}.mini-store>img{width:100%;height:175px;object-fit:cover;display:block}.mini-store .shop-detail{padding:18px 20px}.mini-store .shop-detail>strong{font-size:26px}.discovery-tags{display:flex;gap:7px;flex-wrap:wrap;padding-top:15px}.discovery-tags span{font-size:8px;background:white;color:#345c96;border:1px solid #d8e2f3;padding:6px 9px;border-radius:2px}.conversation-scene{background:#102d56;border:0;padding:26px}.conversation-scene .visual-label{color:#acc9f9}.conversation-scene .customer-dossier{transform:none;margin:0;padding:23px}.conversation-note{display:flex;gap:12px;align-items:flex-start;background:#254678;color:#cbdcf7;font-size:10px;line-height:1.65;padding:16px;margin-top:15px}.conversation-note strong{color:#fff;font-weight:600;display:block;margin-bottom:4px}.conversation-note>span{font-size:23px;color:#a0c4ff}.quote-scene{background:#eaf0f9;padding:27px}.quote-document{background:white;border:1px solid #d9e3f1;padding:26px;box-shadow:0 15px 30px #1a3d7020;transform:rotate(-2deg)}.quote-doc-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e2e9f2;padding-bottom:17px}.quote-doc-head b{font-size:12px;display:block;letter-spacing:-.03em}.quote-doc-head small{font-size:8px;color:#52647c;display:block;margin-top:5px}.quote-doc-head>span{font-size:8px;color:#2d62b0;background:#edf4ff;padding:7px}.quote-doc-product{display:flex;gap:16px;align-items:center;padding:21px 0}.quote-doc-product img{width:88px;height:75px;object-fit:cover}.quote-doc-product strong{font-size:13px;letter-spacing:-.035em;display:block}.quote-doc-product small{font-size:8px;color:#52647c;display:block;margin-top:6px}.quote-document dl{margin:0}.quote-document dl>div{display:flex;justify-content:space-between;border-top:1px solid #e6ecf5;padding:12px 0;font-size:9px;gap:14px}.quote-document dt{color:#52647c}.quote-document dd{margin:0;text-align:right;color:#244877;font-weight:650}.quote-accepted{background:#2459ef;color:white;font-size:9px;letter-spacing:.05em;padding:13px;margin-top:16px;display:flex;justify-content:space-between}.ops-photo{position:relative;overflow:hidden;background:#102a4c}.ops-photo>img{display:block;width:100%;height:365px;object-fit:cover}.ops-photo>.image-kicker{position:absolute;left:20px;top:20px;background:#fff;padding:8px 12px;font-size:7px;color:#24529d;letter-spacing:.12em;font-weight:750}.ops-checklist{margin:-68px 21px 0 21px;padding:19px 22px;position:relative;background:#fff;box-shadow:0 14px 35px #17386322;border:1px solid #e0e7f1}.ops-checklist>strong{font-size:13px;letter-spacing:-.04em}.ops-checklist>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e5ebf4;padding:10px 0;font-size:9px;margin-top:9px}.ops-checklist small{font-size:8px;color:#3861a0}.delivery-image>img{display:block;width:100%;height:345px;object-fit:cover}.delivery-caption{display:flex;gap:15px;align-items:center;background:#e9f1ff;border-bottom:2px solid #2459ef;padding:19px 24px}.delivery-caption>span{font-size:27px;color:#2459ef}.delivery-caption strong{display:block;font-size:15px;font-weight:650;letter-spacing:-.04em}.delivery-caption small{display:block;font-size:9px;color:#3e5d82;margin-top:4px}.improvement-scene>img{width:100%;height:260px;object-fit:cover;display:block}.improvement-note{background:#112e59;padding:24px 27px;color:white;position:relative;margin:-28px 22px 0}.improvement-note>small{font-size:7px;letter-spacing:.13em;color:#a7c7f7}.improvement-note>strong{font-size:24px;line-height:1.2;letter-spacing:-.055em;display:block;font-weight:550;margin:12px 0}.improvement-note>div{font-size:9px;line-height:1.8;color:#b9cfee;border-top:1px solid #43658f;padding-top:13px}
/* Three business scenarios have photographic identity, without turning into fabricated case studies. */
.art-directed #in-practice{background:#eef3fa}.art-directed .scenario-switch{margin-bottom:0;border-bottom:1px solid #c1cfe4;gap:0}.art-directed .scenario-switch button{border:0;border-radius:0;background:none;color:#465e7e;padding:18px 28px;border-bottom:3px solid transparent;font-size:12px;font-weight:650}.art-directed .scenario-switch button.active{background:none;color:#2057d8;border-bottom-color:#2459ef}.art-directed .scenario-panel{border:0;border-radius:0;box-shadow:none;background:white;padding:32px;gap:36px;margin-top:27px;grid-template-columns:1.15fr 1fr}.scenario-image{width:100%;height:230px;object-fit:cover;display:block;margin-bottom:25px}.art-directed .scenario-intro h3{font-size:31px;line-height:1.2;letter-spacing:-.055em}.art-directed .scenario-intro>p{font-size:12px;line-height:1.9}.art-directed .scenario-intro .eyebrow{font-size:8px}.art-directed .scenario-flow{padding-top:0;align-self:center}.art-directed .scenario-flow li{padding-top:21px;padding-bottom:21px}.art-directed .scenario-flow b{font-size:13px;font-weight:700}.art-directed .scenario-flow span{font-size:11px;line-height:1.9}.art-directed .scenario-note{font-size:10px;line-height:1.9;border-color:#dce5f1;padding-top:24px}.art-directed .scenario-footnote{font-size:9px}.art-directed #ai-throughout{position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 15%,#1f4ead77,transparent 60%),#0a2145}.ai-editorial-mark{font-size:180px;font-weight:300;position:absolute;right:30px;bottom:40px;color:#b6d4ff08;line-height:1;pointer-events:none}.art-directed .ai-grid{gap:0;border-top:1px solid #3f618e}.art-directed .ai-grid article{border:0;border-radius:0;background:none;padding:30px 24px 20px}.art-directed .ai-grid article+article{border-left:1px solid #3f618e}.art-directed .ai-grid article:first-child{padding-left:0}.art-directed .ai-grid span{font-size:8px;letter-spacing:.13em}.art-directed .ai-grid h3{font-size:25px;letter-spacing:-.05em;line-height:1.2}.art-directed .ai-grid p{font-size:12px;line-height:1.9}.art-directed .ai-responsibility{border-color:#3f618e;margin-top:25px;padding-top:28px}.art-directed .ai-responsibility strong{font-size:20px}.art-directed .ai-responsibility p{font-size:12px;line-height:1.85}.managed-image{display:block;width:100%;height:310px;object-fit:cover;object-position:center 58%;margin-bottom:42px}.art-directed .e2e-responsibilities{gap:36px}.art-directed .e2e-responsibilities h3{font-size:26px;line-height:1.2;letter-spacing:-.05em}.art-directed .e2e-responsibilities p{font-size:12px;line-height:1.85}.art-directed .e2e-close{background:#2459ef;color:#fff;border:0;border-radius:3px;padding:42px 46px;margin-top:40px}.art-directed .e2e-close h2{font-size:46px;letter-spacing:-.065em}.art-directed .e2e-close .eyebrow{color:#ffffff}.art-directed .e2e-close p{color:#ffffff;font-size:12px}.art-directed .e2e-close .btn{background:#fff;color:#2459ef}.art-directed .e2e-close .text-link{color:white;border-color:#b6cdfa}.art-directed .e2e-related{font-size:10px;margin-top:30px}
@media(min-width:1550px){.hero-photo{right:-90px}.art-directed .hero h1{font-size:88px}.hero-scene{height:590px}.hero-photo{height:470px}.shop-window{width:340px}.shop-window>img{height:220px}.order-slip{bottom:25px}.scene-axis{bottom:-13px}}
@media(max-width:1150px){.art-directed .wrap{padding-left:34px;padding-right:34px}.art-directed .nav{height:86px}.art-directed nav a{font-size:11px}.art-directed .hero-grid{gap:15px;grid-template-columns:1fr 1fr}.art-directed .hero h1{font-size:62px}.hero-scene{height:520px}.shop-window{width:280px;top:83px}.shop-window>img{height:176px}.shop-detail>strong{font-size:25px}.hero-photo{left:132px;right:-34px;top:20px;height:400px}.photo-caption strong{font-size:19px}.order-slip{left:110px;right:-8px;padding:17px;bottom:25px}.order-slip b{font-size:12px}.art-directed .hero .actions{gap:18px}.art-directed .hero .btn{font-size:11px;padding:15px 17px;gap:17px}.art-directed .hero .text-link{font-size:10px}.art-directed .hero .intro{font-size:14px;max-width:390px}.commerce-editorial{gap:12px}.editorial-image{height:325px}.editorial-image:nth-child(2){height:365px;margin-top:30px}.editorial-image h3{font-size:23px}.editorial-overline{left:20px;font-size:7px}.editorial-image>div{left:20px}.art-directed .atlas-card.blue{padding:28px}.art-directed .atlas-card.blue h3{font-size:37px}.art-directed .atlas-card{padding:28px}.customer-dossier{padding:19px;margin-left:0;margin-right:0}.art-directed .change-grid{gap:45px}.art-directed .check-row{font-size:9px}.art-directed .check-row small{font-size:7px}.art-directed .e2e-cover{gap:40px}.art-directed .e2e-hero h1{font-size:60px}.cover-art>img{height:435px}.art-directed .e2e-hero .btn{padding:15px 17px;font-size:10px;gap:15px}.art-directed .e2e-hero .text-link{font-size:10px}.art-directed .e2e-stage{gap:0 40px}.art-directed .stage-explanation h3{font-size:31px}.art-directed .e2e-map strong{font-size:18px}.art-directed .stage-handoff{gap:8px 22px}.art-directed .stage-handoff>div{padding-left:16px}.art-directed .scenario-panel{gap:30px;padding:28px}.art-directed .ai-grid h3{font-size:23px}.art-directed .ai-grid p{font-size:11px}.art-directed .ai-grid article{padding:27px 19px}.intelligence-symbol{font-size:68px}.art-directed .footer-inner{flex-wrap:wrap}}
@media(max-width:900px){.art-directed .wrap{padding-left:28px;padding-right:28px}.art-directed .section{padding:75px 0}.art-directed .nav{height:80px}.art-directed .hero-grid{grid-template-columns:1fr;gap:26px}.art-directed .campaign-hero{padding-top:43px}.art-directed .hero-copy{max-width:600px}.art-directed .hero h1{font-size:76px}.art-directed .hero .intro{max-width:510px;font-size:16px}.art-directed .hero .actions .btn{font-size:12px;padding:17px 22px}.art-directed .hero .text-link{font-size:12px}.art-directed .hero-art{width:100%;max-width:690px;margin:0 auto}.hero-scene{height:535px;max-width:620px;margin:auto}.hero-photo{left:200px;right:0;height:445px}.shop-window{width:340px;left:20px;top:66px}.shop-window>img{height:220px}.shop-detail>strong{font-size:30px}.order-slip{left:255px;right:15px;bottom:10px;padding:20px}.order-slip b{font-size:14px}.scene-axis{display:none}.art-directed .hero-foot{margin-top:30px}.art-directed .hero-art figcaption{text-align:center;margin-top:12px}.art-directed .hero-foot b{font-size:12px}.art-directed .hero-foot span{font-size:9px}.art-directed .strip-grid{grid-template-columns:1fr 1fr}.art-directed .strip-grid>p{grid-column:1/-1;font-size:25px}.art-directed .strip-item{padding-left:0;border-left:0}.commerce-editorial{grid-template-columns:1fr 1fr}.editorial-image:nth-child(2){height:350px;margin-top:30px}.editorial-image{height:350px}.editorial-image:nth-child(3){grid-column:1/-1;height:240px;margin-top:-4px}.editorial-delivery>img{object-position:center 52%}.editorial-image:nth-child(3) h3{font-size:29px}.art-directed .section-head>p{font-size:12px}.art-directed .atlas-grid{grid-template-columns:1fr 1fr}.art-directed .atlas-card.blue{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:32px}.atlas-card.blue>.eyebrow,.atlas-card.blue>h3,.atlas-card.blue>p,.atlas-card.blue>.card-foot{grid-column:1}.atlas-card.blue>.customer-dossier{grid-column:2;grid-row:1/5;margin:4px 0}.art-directed .atlas-card.blue h3{font-size:39px;align-self:start}.art-directed .atlas-card.blue p{align-self:start}.art-directed .atlas-card h3{font-size:29px}.art-directed .change-grid{grid-template-columns:1fr;gap:35px}.service-copy{max-width:620px}.art-directed .service-copy>p{max-width:none}.service-story{max-width:650px}.service-story>img{height:320px}.art-directed .change-sample{margin:-55px 28px 0;padding:30px}.art-directed .check-row{font-size:12px}.art-directed .check-row small{font-size:10px}.art-directed .reading-grid{grid-template-columns:1fr}.art-directed .read-card{padding:26px 0!important}.art-directed .read-card+.read-card{border-left:0;border-top:1px solid #537297}.art-directed .read-card h3{font-size:30px}.art-directed .read-card p{max-width:500px}.art-directed .e2e-cover{grid-template-columns:1fr;gap:35px}.art-directed .e2e-hero h1{font-size:70px;max-width:680px}.art-directed .e2e-hero .lede{max-width:600px;font-size:15px}.art-directed .e2e-hero .btn{font-size:12px;padding:17px 22px}.art-directed .e2e-hero .text-link{font-size:12px}.cover-art{max-width:690px;margin:0 0 0 20px}.cover-art>img{height:390px}.cover-ticket{left:-20px;bottom:53px}.art-directed .e2e-principles{margin-top:7px;font-size:10px;gap:19px}.art-directed .e2e-map{grid-template-columns:repeat(3,1fr)}.art-directed .e2e-map a:nth-child(4){border-left:0}.art-directed .e2e-map a:nth-child(n+4){border-top:1px solid #dce4ef}.art-directed .e2e-map strong{font-size:23px}.art-directed .e2e-stage{gap:0 25px;padding:45px 0}.art-directed .stage-explanation h3{font-size:28px}.art-directed .stage-explanation>p,.art-directed .stage-explanation li{font-size:11px}.art-directed .stage-handoff{grid-template-columns:1fr 1.2fr;padding:20px;gap:10px 22px}.art-directed .stage-handoff>div{grid-column:1/-1;grid-row:3;display:flex;gap:12px;border:0;border-top:1px solid #cbd8eb;padding:13px 0 0}.art-directed .stage-handoff small{margin:0;flex:1}.art-directed .stage-handoff h4{font-size:18px}.art-directed .stage-handoff>p{font-size:10px}.visual-frame{padding:18px}.mini-store>img{height:150px}.mini-store .shop-detail>strong{font-size:24px}.customer-dossier dl>div{display:block}.customer-dossier dd{text-align:left;margin-top:5px}.dossier-context strong{font-size:22px}.quote-document{padding:20px}.quote-doc-product{display:block}.quote-doc-product img{width:100%;height:125px;margin-bottom:12px}.ops-photo>img{height:350px}.ops-checklist{padding:15px;margin:-65px 12px 0}.ops-checklist>strong{font-size:11px}.ops-checklist>div{font-size:8px}.improvement-note{margin:-25px 10px 0;padding:20px}.improvement-note>strong{font-size:21px}.art-directed .scenario-panel{grid-template-columns:1fr;gap:25px}.scenario-image{height:290px}.art-directed .scenario-intro h3{font-size:37px}.art-directed .scenario-intro>p{font-size:14px}.art-directed .scenario-flow span{font-size:13px}.art-directed .scenario-flow b{font-size:15px}.art-directed .scenario-note{font-size:11px}.art-directed .ai-grid{grid-template-columns:1fr 1fr}.art-directed .ai-grid article{padding:28px 20px}.art-directed .ai-grid article:nth-child(3){padding-left:0;border-left:0}.art-directed .ai-grid article:nth-child(n+3){border-top:1px solid #3f618e}.art-directed .ai-grid h3{font-size:26px}.art-directed .ai-grid p{font-size:12px}.art-directed .e2e-responsibilities{grid-template-columns:1fr;gap:13px}.art-directed .e2e-responsibilities h3{font-size:29px}.art-directed .e2e-responsibilities p{font-size:14px}.art-directed .e2e-close{padding:34px}.art-directed .e2e-close h2{font-size:40px}}
@media(max-width:600px){.art-directed .wrap{padding-left:22px;padding-right:22px}.art-directed .brand b{font-size:15px}.art-directed .brand small{font-size:7px}.art-directed .review{font-size:7px;padding:5px 8px}.art-directed .nav{height:74px}.art-directed .menu-toggle{font-size:11px;border-radius:3px}.art-directed .section{padding:58px 0}.art-directed .section-head{display:block;margin-bottom:30px}.art-directed .section-head>p{max-width:none;font-size:13px;margin-top:23px;line-height:1.85}.art-directed .section-head>a{display:inline-flex;margin-top:24px}.art-directed .section-head h2,.art-directed h2{font-size:36px;line-height:1.13}.art-directed .section-num{font-size:8px;margin-bottom:19px}.art-directed .hero h1{font-size:57px;line-height:1.055;letter-spacing:-.068em;margin:23px 0}.art-directed .hero .eyebrow{font-size:8px;letter-spacing:.06em}.signal-dot{margin-right:8px;width:4px;height:4px}.art-directed .hero .intro{font-size:14px;line-height:1.9}.art-directed .hero .actions{gap:20px;flex-wrap:wrap}.art-directed .hero .actions .btn{font-size:11px;padding:15px 18px;gap:20px}.art-directed .hero .text-link{font-size:10px}.art-directed .hero-note{font-size:9px!important;line-height:1.6}.art-directed .hero-grid{gap:21px}.hero-scene{height:395px;margin:0 -6px}.hero-photo{top:8px;left:110px;right:-22px;height:318px}.photo-caption{left:20px;bottom:20px}.photo-caption>span{font-size:6px}.photo-caption strong{font-size:17px}.shop-window{left:2px;top:44px;width:223px;transform:rotate(-4deg)}.shop-masthead{padding:12px}.shop-masthead>b{font-size:9px}.shop-masthead>span{font-size:6px}.shop-window>img{height:140px}.shop-detail{padding:13px 15px 15px}.shop-detail>span{font-size:6px}.shop-detail>strong{font-size:23px;margin:8px 0 10px}.shop-detail small{font-size:6px}.shop-action{font-size:7px;padding:8px 10px}.shop-detail>div{gap:10px}.order-slip{left:90px;right:-7px;bottom:14px;padding:14px;gap:10px}.order-slip b{font-size:11px;line-height:1.35}.order-slip small{font-size:5.5px;letter-spacing:.06em}.order-slip div>span{font-size:6.5px;line-height:1.5}.slip-icon{font-size:20px}.art-directed .hero-art figcaption{font-size:6.5px;line-height:1.8;margin-top:6px;text-align:left}.art-directed .hero-foot{grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:25px;padding:24px 0}.art-directed .hero-foot span{font-size:8px}.art-directed .hero-foot b{font-size:11px;line-height:1.4}.art-directed .hero-foot span+span{padding-left:16px}.art-directed .hero-foot span:last-child{grid-column:1/-1;padding:18px 0 0}.art-directed .hero-foot span:last-child b{display:block}.art-directed .intro-strip{padding:26px 0}.art-directed .strip-grid{gap:22px 18px}.art-directed .strip-grid>p{font-size:25px}.art-directed .strip-item b{font-size:11px;line-height:1.6}.art-directed .strip-item p{font-size:10px;line-height:1.7}.commerce-editorial{display:grid;grid-template-columns:1fr;gap:13px;margin-bottom:32px}.editorial-image,.editorial-image:nth-child(2),.editorial-image:nth-child(3){height:275px;margin:0;grid-column:1}.editorial-overline{font-size:7px;left:23px;top:23px}.editorial-image>div{left:23px;bottom:23px}.editorial-image h3,.editorial-image:nth-child(3) h3{font-size:28px;margin-bottom:15px}.editorial-image>img{object-position:center}.art-directed .path{grid-template-columns:1fr 1fr;gap:22px 20px}.art-directed .path>a{padding:15px 0 0!important}.art-directed .path h3{font-size:23px}.art-directed .path p{font-size:11px}.art-directed .row-link{font-size:10px;line-height:1.8}.art-directed .row-link>a{font-size:11px;margin-top:16px}.art-directed .atlas-grid{grid-template-columns:1fr}.art-directed .atlas-card.blue{display:block;padding:28px;grid-column:1}.art-directed .atlas-card.blue h3{font-size:37px;margin-top:20px}.atlas-card.blue>.customer-dossier{margin:27px 0 20px;transform:rotate(-1deg)}.art-directed .atlas-card p{font-size:13px}.art-directed .atlas-card h3{font-size:32px}.customer-dossier{padding:19px}.customer-dossier dl>div{display:flex}.customer-dossier dd{margin:0;text-align:right;font-size:8px}.customer-dossier dt{font-size:7px}.dossier-title b{font-size:11px}.dossier-context strong{font-size:24px}.art-directed .card-foot{font-size:9px}.art-directed .service-copy>p{font-size:13px}.service-story>img{height:225px}.art-directed .change-sample{margin:-25px 12px 0;padding:23px}.art-directed .quote{font-size:24px!important}.art-directed .check-row{font-size:10px;gap:8px}.art-directed .check-row small{font-size:7px}.art-directed .sample-label{font-size:6.5px}.art-directed .playbook h2{font-size:50px}.art-directed .read-card h3{font-size:30px}.art-directed .read-card p{font-size:13px}.art-directed .read-card>small{font-size:8px}.art-directed .footer{padding:32px 0}.art-directed .footer-inner{gap:25px;font-size:9px}.art-directed .footer-links{font-size:9px;gap:16px 20px}.art-directed .e2e-hero{padding:29px 0 35px}.e2e-hero .breadcrumb{margin-bottom:27px;font-size:8px}.art-directed .e2e-hero h1{font-size:49px;line-height:1.06;margin:22px 0;letter-spacing:-.065em}.art-directed .e2e-hero .eyebrow{font-size:8px;max-width:300px}.art-directed .e2e-hero .lede{font-size:13px;line-height:1.85}.e2e-hero .actions{gap:21px}.art-directed .e2e-hero .btn{font-size:11px;padding:15px 19px;gap:25px}.art-directed .e2e-hero .text-link{font-size:11px}.art-directed .e2e-cover{gap:32px}.cover-art{margin-left:8px;padding-bottom:26px}.cover-art>img{height:330px;object-position:57% center}.cover-label{top:14px;left:14px;font-size:6px;padding:8px 10px}.cover-ticket{left:-8px;bottom:49px;width:214px;padding:19px}.cover-ticket strong{font-size:25px}.cover-ticket small{font-size:6px}.ticket-route{font-size:7px}.cover-art figcaption{font-size:6.5px;text-align:left;margin-top:12px;line-height:1.7}.art-directed .e2e-principles{font-size:9px;gap:12px;margin-top:0;padding-top:20px;display:grid}.art-directed .e2e-overview{padding:54px 0}.art-directed .e2e-map{grid-template-columns:1fr 1fr}.art-directed .e2e-map a{padding:22px 14px}.art-directed .e2e-map a:nth-child(odd){border-left:0}.art-directed .e2e-map a:nth-child(even){border-left:1px solid #dce4ef}.art-directed .e2e-map a:nth-child(n+3){border-top:1px solid #dce4ef}.art-directed .e2e-map strong{font-size:22px}.art-directed .e2e-map small{font-size:10px}.art-directed .e2e-foundation{padding:22px;gap:14px}.art-directed .e2e-spark{font-size:31px;width:30px;height:35px}.art-directed .e2e-foundation>div{min-width:190px}.art-directed .e2e-foundation strong{font-size:13px}.art-directed .e2e-foundation p{font-size:11px}.art-directed .e2e-foundation>a{margin:0;font-size:11px}.art-directed #journey{padding-top:0}.art-directed .e2e-stage{display:flex;flex-direction:column;padding:34px 0 40px;gap:0}.art-directed .stage-index{order:0;margin-bottom:23px;gap:15px}.art-directed .stage-index>span{font-size:38px}.art-directed .stage-index>small{font-size:8px}.art-directed .stage-visual{order:1;width:100%;margin-bottom:27px}.art-directed .stage-explanation{order:2}.art-directed .stage-explanation h3{font-size:31px;line-height:1.17;letter-spacing:-.05em}.art-directed .stage-explanation>p,.art-directed .stage-explanation li{font-size:13px;line-height:1.9}.art-directed .stage-explanation .text-link{font-size:12px}.art-directed .stage-handoff{order:3;display:block;margin-top:24px;padding:23px;border-left-width:2px}.art-directed .stage-handoff h4{font-size:24px;margin:13px 0;line-height:1.2}.art-directed .stage-handoff>p{font-size:12px;line-height:1.9}.art-directed .stage-handoff>div{display:block;margin-top:17px;padding-top:15px;border-top:1px solid #cbd8eb}.art-directed .stage-handoff b{font-size:11px}.art-directed .stage-handoff small{font-size:11px;margin-top:5px;line-height:1.9}.visual-frame{padding:23px}.visual-label{font-size:6.5px}.visual-caption{font-size:7px}.mini-store>img{height:175px}.mini-store .shop-detail>strong{font-size:28px}.conversation-scene .customer-dossier{padding:20px}.quote-document{padding:22px}.quote-doc-product{display:flex;gap:14px}.quote-doc-product img{width:85px;height:80px;margin:0}.quote-doc-product strong{font-size:12px}.quote-doc-head b{font-size:10px}.quote-doc-head small{font-size:7px}.ops-photo>img{height:310px}.ops-checklist{padding:20px;margin:-65px 15px 0}.ops-checklist>strong{font-size:13px}.ops-checklist>div{font-size:9px}.delivery-image>img{height:275px}.improvement-scene>img{height:240px}.improvement-note>strong{font-size:25px}.art-directed .scenario-switch button{font-size:10px;padding:14px 12px;min-width:90px;flex:1;line-height:1.6}.art-directed .scenario-panel{padding:22px;gap:22px;margin-top:22px}.scenario-image{height:220px}.art-directed .scenario-intro h3{font-size:31px}.art-directed .scenario-intro>p{font-size:13px}.art-directed .scenario-flow b{font-size:14px}.art-directed .scenario-flow span{font-size:12px}.art-directed .scenario-note{font-size:11px;line-height:1.9}.art-directed .scenario-footnote{font-size:8px;line-height:1.9}.art-directed .ai-grid{grid-template-columns:1fr}.art-directed .ai-grid article{padding:26px 0!important}.art-directed .ai-grid article+article{border-left:0;border-top:1px solid #3f618e}.art-directed .ai-grid h3{font-size:29px;margin:17px 0}.art-directed .ai-grid p{font-size:13px}.art-directed .ai-responsibility{padding-top:23px;margin-top:8px;gap:16px}.art-directed .ai-responsibility p{font-size:13px}.managed-image{height:230px;margin-bottom:30px}.art-directed .e2e-responsibilities{gap:6px}.art-directed .e2e-responsibilities h3{font-size:29px}.art-directed .e2e-responsibilities p{font-size:13px}.art-directed .e2e-close{margin-top:26px;padding:28px}.art-directed .e2e-close h2{font-size:34px}.art-directed .e2e-close p{font-size:12px;line-height:1.8}.art-directed .e2e-close .actions{gap:22px}.art-directed .e2e-close .btn{font-size:11px}.art-directed .e2e-related{font-size:10px;gap:21px}}
@media(max-width:380px){.art-directed .hero h1{font-size:52px}.art-directed .e2e-hero h1{font-size:45px}.hero-photo{left:90px}.shop-window{width:209px}.shop-window>img{height:135px}.shop-detail>strong{font-size:21px}.hero-scene{height:380px}.hero-photo{height:306px}.order-slip{left:64px}.art-directed .hero .actions{gap:17px}.art-directed .hero .actions .btn{font-size:10px}.art-directed .hero .text-link{font-size:9px}.art-directed .section-head h2,.art-directed h2{font-size:33px}.art-directed .atlas-card.blue{padding:23px}.art-directed .check-row{font-size:9px}.art-directed .check-row small{font-size:6.5px}}
/* Optical corrections keep collage layers distinct and override the original explicit heading font. */
.art-directed h1,.art-directed h2,.art-directed h3{font-family:Manrope,'Segoe UI',sans-serif}
.art-directed .hero .eyebrow:before{display:none}
.art-directed .campaign-hero:before{inset:auto;left:55%;top:-300px;background-image:linear-gradient(90deg,transparent,#4774bd13);background-size:auto;mask-image:none}
.hero-scene{height:610px}.shop-window{z-index:2}.photo-caption{top:25px;bottom:auto;left:28px}.photo-caption strong{max-width:210px}.hero-photo:after{background:linear-gradient(180deg,#071b33b0,transparent 50%,#071b3344)}.order-slip{left:285px;bottom:3px;z-index:3}.scene-axis{bottom:-22px}.art-directed .hero-art figcaption{margin-top:35px}.art-directed .hero-foot{margin-top:35px}.service-story>img{background:#eef2f7}
@media(min-width:1550px){.hero-scene{height:650px}.order-slip{left:305px;bottom:5px}.scene-axis{bottom:-18px}}
@media(max-width:1150px){.hero-scene{height:550px}.order-slip{left:192px;bottom:0}.photo-caption{top:22px;left:22px}.photo-caption strong{max-width:170px;font-size:18px}.scene-axis{bottom:-23px}}
@media(max-width:900px){.hero-scene{height:590px}.order-slip{left:275px;right:0;bottom:0}.photo-caption strong{max-width:230px}.art-directed .hero-art figcaption{margin-top:15px}.art-directed .hero-foot{margin-top:27px}}
@media(max-width:600px){.hero-scene{height:449px}.order-slip{left:117px;right:-7px;bottom:6px}.photo-caption{top:18px;left:17px}.photo-caption strong{font-size:16px;max-width:145px}.photo-caption>span{font-size:5.5px}.art-directed .hero-art figcaption{margin-top:3px}.shop-window{top:56px}.hero-photo{height:349px}.scene-axis{display:none}.art-directed .hero-foot{margin-top:25px}}
@media(max-width:380px){.hero-scene{height:434px}.order-slip{left:105px}.hero-photo{height:335px}}
/* Collage captions sit in their own clear areas; mobile title stays on three intentional lines. */
.photo-caption{left:auto;right:24px;top:24px;width:225px;text-align:right}
.photo-caption strong{max-width:none;display:block}
.order-slip{left:345px}
@media(max-width:1150px){.photo-caption{width:160px;right:20px}.order-slip{left:242px}}
@media(max-width:900px){.photo-caption{width:200px}.order-slip{left:315px}}
@media(max-width:600px){.art-directed .hero h1{font-size:clamp(42px,12.4vw,50px)}.hero-scene{height:510px}.photo-caption{width:130px;right:14px;top:16px}.photo-caption strong{font-size:15px}.order-slip{left:50px;right:0;bottom:0;transform:rotate(1deg)}.art-directed .hero-art figcaption{margin-top:12px}.shop-window{top:55px}.art-directed .hero-copy{padding-bottom:12px}}
@media(max-width:380px){.hero-scene{height:490px}.order-slip{left:38px}.shop-window{top:49px}}
@media(min-width:901px) and (max-width:1150px){.hero-scene{height:590px}}
@media(max-width:600px){.photo-caption{top:12px;right:12px;width:140px}.photo-caption>span{display:none}.photo-caption strong{font-size:12px;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.art-directed *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.art-directed .hero,.art-directed .dark{background:#fff;color:#000}.art-directed .stage-explanation,.art-directed .stage-visual{break-inside:avoid}.art-directed .e2e-stage{border-top:1px solid #999}.art-directed img{max-height:250px}.art-directed .shop-window,.art-directed .order-slip,.art-directed .cover-ticket{transform:none}.art-directed .scenario-panel[hidden]{display:grid}.art-directed .scenario-switch{display:none}}