.deep-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 25px}.deep-link{display:flex;align-items:center;gap:15px;border:1px solid #d4dfc9;border-radius:10px;padding:18px;background:#e8efdf}.deep-link .icon{width:28px;height:28px;color:#4d7550;flex:none}.deep-link strong{display:block;font-size:15px;letter-spacing:-.025em;margin-bottom:4px}.deep-link span{font-size:10px;color:#6e805d;line-height:1.6}.deep-link.dark{background:#183b37;color:#ecf3dd;border-color:#183b37}.deep-link.dark .icon{color:#cce59b}.deep-link.dark span{color:#bed1b6}.deep-link:hover{border-color:#76965e}.finance-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:22px;align-items:start}.finance-form{padding:24px}.finance-form h2{font-size:22px;margin-bottom:8px}.finance-form>p{font-size:11px;color:#6e8065;line-height:1.8;margin-bottom:20px}.finance-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.finance-field{min-width:0}.finance-field label{display:block;font-size:10px;font-weight:650;color:#57704c;margin-bottom:6px}.number-wrap{display:flex;align-items:center;gap:8px;border:1px solid #dce5d3;background:#fafcf7;border-radius:7px;padding:0 12px}.number-wrap>span{font-size:12px;color:#839277}.number-wrap input{width:100%;min-width:0;border:0;outline:none;background:none;padding:11px 0;font-size:13px;color:#254932}.number-wrap:focus-within{box-shadow:0 0 0 2px #8ab675}.number-wrap:has([aria-invalid="true"]){border-color:#b26040;background:#fff7f1}.finance-field small{display:block;color:#86917e;font-size:9px;margin-top:5px}.finance-form details{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}.finance-form summary{font-size:12px;font-weight:650;cursor:pointer;line-height:1.6}.finance-form details .finance-fields{margin-top:15px}.finance-error{padding:12px;border-radius:7px;background:#fff0e8;color:#87442f;font-size:11px;line-height:1.7;margin-top:18px}.finance-error[hidden]{display:none}.finance-result{background:#173f38;color:#edf5df;border-radius:12px;padding:25px}.finance-result .eyebrow{color:#b6d09a;font-size:9px}.payment-number{font-size:47px;line-height:1.1;letter-spacing:-.065em;margin:12px 0 6px;font-weight:600}.payment-number small{font-size:14px;letter-spacing:0;font-weight:450;color:#b7caae}.result-context{font-size:10px;line-height:1.7;color:#b6ccae}.finance-breakdown{margin:24px 0 0}.finance-breakdown>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid #ffffff1b;font-size:11px}.finance-breakdown dt{color:#bad0b2}.finance-breakdown dd{margin:0;font-weight:600;text-align:right}.equity-note{font-size:11px;line-height:1.75;padding:14px;background:#eef4e6;border:1px solid #d9e5cd;border-radius:8px;color:#5d7652;margin-top:16px}.equity-note.warning{background:#fff3e6;border-color:#ecd6b8;color:#88602e}.term-card{margin-top:19px}.term-card .card-head{padding-bottom:12px}.term-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.term-table th{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#718269;padding:10px 20px;background:#f6f9f0}.term-table td{padding:10px 20px;border-top:1px solid #edf1e7}.term-table button{padding:4px 7px;min-height:29px;background:none;border:1px solid transparent;border-radius:5px;font-size:10px;color:#41653a}.term-table tr.selected{background:#edf5df}.term-table tr.selected button{background:#d9eabb;border-color:#b8d48d;font-weight:700}.term-table button:hover{border-color:#abc98c}.benchmark-card{margin-top:23px;padding:25px}.benchmark-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.benchmark-heading h2{font-size:22px}.benchmark-heading p{font-size:11px;color:#718267;margin-top:9px;line-height:1.75;max-width:620px}.rate-table{width:100%;border-collapse:collapse;margin:21px 0 13px;text-align:left}.rate-table th{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6b8160;background:#f4f8ed;padding:11px 13px}.rate-table td{font-size:11px;padding:12px 13px;border-top:1px solid #e7eedf}.rate-table td:first-child{font-weight:650}.rate-table small{font-size:9px;color:#6f8264;display:block;margin-top:3px}.rate-table button{border:1px solid #d5e2c8;border-radius:5px;background:white;font-size:10px;padding:7px 9px;min-height:32px;white-space:nowrap}.rate-table button:hover{background:#e9f3dc}.rate-table .active-rate{background:#eaf3df}.source-note{font-size:10px;line-height:1.8;color:#74846b}.source-note a,.source-card a,.source-link{color:#32664b;text-decoration:underline;text-underline-offset:3px}.calculator-disclosure{margin-top:21px;border-top:1px solid #dae5d2;padding-top:16px;font-size:10px;line-height:1.85;color:#738268}.rate-label{display:block;font-size:9px;line-height:1.6;color:#658459;margin:8px 0 0}.source-grid-deep{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.source-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.source-card .source-monogram{width:38px;height:38px;background:#eaf2dd;color:#47703a;font-size:10px;font-weight:750;border-radius:9px;display:grid;place-items:center;margin-bottom:18px}.source-card h2{font-size:19px;margin-bottom:10px}.source-card p{font-size:11px;color:#6b805f;line-height:1.8;min-height:57px}.source-card a{font-size:11px;font-weight:600;display:inline-block;margin-top:15px}.resource-wide{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:25px}.buy-checklist{list-style:none;margin:18px 0 0;padding:0}.buy-checklist li+li{margin-top:10px}.buy-checklist label{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.65;color:#566f4b}.buy-checklist input{width:16px;height:16px;accent-color:#4c783d;flex:none;margin:2px 0 0}.tool-map{display:grid;gap:15px;margin-top:19px}.tool-map>div{border-bottom:1px solid #e5ecdc;padding-bottom:14px}.tool-map strong{font-size:12px}.tool-map p{font-size:11px;line-height:1.75;color:#6a7e5d;margin:5px 0 0}.resource-wide .card{padding:24px}.resource-wide h2{font-size:21px}.resource-wide>div>p{font-size:11px;color:#6f8261;line-height:1.8;margin-top:10px}.game-header{background:#142c2b;color:#edf0dd;border-radius:12px;overflow:hidden;margin-bottom:23px}.garage-art{width:100%;height:auto;display:block}.garage-heading{padding:27px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.garage-heading .eyebrow{color:#c0c89b}.garage-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;margin:10px 0 12px;line-height:1.08}.garage-heading p{font-size:12px;line-height:1.85;color:#bbcab5;max-width:660px}.game-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(275px,.9fr);gap:22px;align-items:start}.story-screen{border:1px solid #dce3d2;border-radius:11px;background:#132b28;overflow:hidden}.story-art{position:relative;height:330px;background-image:linear-gradient(0deg,#10221cf2,transparent 70%),url('assets/fictional-vehicle-triptych.png');background-size:cover,300% auto;background-position:center,var(--vehicle-pos) center;background-repeat:no-repeat;overflow:hidden}.story-art.is-playing{animation:scene-drift 8s ease-out both}@keyframes scene-drift{from{background-size:cover,315% auto}to{background-size:cover,300% auto}}.scene-copy{position:absolute;inset:auto 24px 23px;color:#edf2dd}.scene-copy .eyebrow{color:#c4d391;font-size:9px}.scene-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:30px;line-height:1.12;margin-top:9px;max-width:360px}.scene-copy p{font-size:11px;line-height:1.8;color:#c2d1b4;margin-top:10px;max-width:360px}.scene-progress{height:4px;background:#4b5745}.scene-progress span{height:100%;display:block;width:0;background:#d0e69a}.story-controls{padding:19px 21px;background:#fff}.story-buttons{display:flex;gap:9px;flex-wrap:wrap}.story-controls .fine{margin:10px 0 0}.story-transcript{margin-top:15px;padding:15px;background:#eff4e7;border-radius:8px;font-size:12px;line-height:1.85;color:#46603d}.story-transcript[hidden]{display:none}.case-card{padding:24px}.case-card h2{font-size:22px;margin:10px 0 12px}.case-card .case-meta{font-size:10px;color:#7d8d70}.clue-question{font-size:14px;line-height:1.7;font-weight:600;color:#35512e;margin:17px 0}.clue-options{display:grid;gap:9px}.clue-option{padding:12px 13px;border:1px solid #d9e4cf;border-radius:7px;background:#fafcf6;text-align:left;font-size:11px;line-height:1.6;color:#49633c}.clue-option:hover:not(:disabled){border-color:#85a65e;background:#edf5df}.clue-option.correct{background:#e1efcd;border-color:#82a156}.clue-option.incorrect{background:#fff1e8;border-color:#cea78f}.clue-option:disabled{opacity:.7}.clue-message{padding:12px;border-radius:7px;font-size:11px;line-height:1.75;margin-top:14px;background:#edf4e3;color:#4b6c3c}.clue-message[hidden]{display:none}.hint-copy{font-size:11px;line-height:1.8;color:#7a7850;margin-top:12px}.game-steps{display:flex;gap:7px;margin:15px 0 24px}.game-step{height:5px;background:#dce5d1;border-radius:5px;flex:1}.game-step.done{background:#4b7847}.game-step.active{background:#acc980}.game-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.game-tools .btn{font-size:10px}.inventory-reveal{border:1px solid #d4e1c7;border-radius:12px;background:#eef5e4;padding:26px;margin-top:24px}.inventory-reveal h2{font-size:28px;margin:9px 0 12px}.inventory-reveal>p{font-size:12px;line-height:1.8;color:#648154;max-width:740px}.inventory-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.inventory-card{border:1px solid #d5e1ca;background:white;border-radius:9px;overflow:hidden}.vehicle-tile{height:205px;background-image:url('assets/fictional-vehicle-triptych.png');background-size:300% auto;background-position:var(--vehicle-pos) center;background-repeat:no-repeat;background-color:#26352d;position:relative}.vehicle-tile .badge{position:absolute;left:13px;bottom:12px;background:#f5f0da;color:#5e674a;font-size:8px}.inventory-card-body{padding:19px}.inventory-card h3{font-size:19px;margin-bottom:8px}.inventory-card p{font-size:10px;line-height:1.8;color:#728563}.inventory-card .btn{margin-top:14px;width:100%;font-size:10px}.inventory-card small{display:block;font-size:8px;color:#7a8a6d;margin-top:9px}.inventory-disclosure{font-size:10px;line-height:1.8;color:#6f8061;margin-top:19px}.connection-map{margin-top:24px;background:white;border:1px solid var(--line);border-radius:11px;padding:24px}.connection-map h2{font-size:21px;margin:10px 0}.connection-map p{font-size:11px;line-height:1.8;color:#6b805e;max-width:850px}.connection-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:21px}.connection-steps>div{padding:15px;border:1px solid #dce7d0;background:#f7faef;border-radius:8px;font-size:10px;color:#6b825c;line-height:1.6}.connection-steps strong{display:block;font-size:12px;color:#355a2e;margin:6px 0}.connection-map details{margin-top:20px;font-size:11px;color:#60774f;line-height:1.8}.connection-map summary{font-weight:650;cursor:pointer}.connection-map a{color:#3c6b3b;text-decoration:underline;text-underline-offset:3px}.feature-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #d9e6c9;border-radius:5px;padding:5px 8px;font-size:9px;background:#f0f5e9;color:#5d7a47}.resources-gap{margin-top:24px}.planner-source-strip{font-size:10px;margin-top:17px;color:#6b7e60;line-height:1.85}.planner-source-strip a{color:#32674b;text-decoration:underline;text-underline-offset:3px}.voice-intro-slot[hidden]{display:none}.deep-result-hero{margin-bottom:16px;border:1px solid #d9e4cd;border-radius:8px;overflow:hidden}.deep-result-hero .vehicle-tile{height:250px}.finance-result.is-invalid .payment-number{opacity:.65}
@media(max-width:1100px){.finance-layout{grid-template-columns:minmax(0,1.2fr) minmax(265px,.85fr)}.finance-form,.finance-result{padding:21px}.finance-fields{gap:13px}.payment-number{font-size:40px}.source-grid-deep{grid-template-columns:1fr 1fr}.story-art{height:310px}.vehicle-tile{height:165px}.inventory-card-body{padding:16px}.inventory-card h3{font-size:16px}.game-layout{grid-template-columns:1.1fr 1fr}.case-card{padding:20px}.garage-heading h1{font-size:38px}.term-table th,.term-table td{padding-inline:15px}}
@media(max-width:880px){.finance-layout,.game-layout{grid-template-columns:1fr}.finance-result{padding:25px}.finance-breakdown{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.term-card{margin-top:18px}.payment-number{font-size:45px}.resource-wide{grid-template-columns:1fr}.inventory-cards{grid-template-columns:1fr}.vehicle-tile{height:300px;background-size:300% auto}.source-grid-deep{grid-template-columns:1fr 1fr}.deep-links{grid-template-columns:1fr}.deep-link{padding:17px}.garage-heading{display:block}.garage-heading .btn{margin-top:18px}.connection-steps{grid-template-columns:1fr 1fr}.story-art{height:360px}.inventory-card h3{font-size:21px}.inventory-card p{font-size:11px}.rate-table th,.rate-table td{padding-inline:10px}.benchmark-card{padding:22px}}
@media(max-width:650px){.finance-fields{gap:13px}.finance-form{padding:20px}.finance-form h2{font-size:21px}.finance-field label{font-size:9px}.finance-field small{font-size:8px}.number-wrap{padding-inline:10px}.number-wrap input{font-size:12px}.finance-breakdown{display:block}.finance-result{padding:23px}.finance-breakdown>div{font-size:11px}.payment-number{font-size:43px}.benchmark-heading{display:block}.benchmark-heading .feature-pill{margin-top:12px}.benchmark-card{padding:20px}.benchmark-heading h2{font-size:21px}.rate-table{min-width:500px}.rate-table-wrap{overflow-x:auto;margin-inline:-5px;padding-inline:5px}.rate-table th,.rate-table td{font-size:10px;padding:11px 10px}.rate-table small{font-size:8px}.rate-table button{font-size:9px}.source-grid-deep{grid-template-columns:1fr}.source-card p{min-height:0}.source-card{padding:22px}.source-card h2{font-size:22px}.source-card p{font-size:12px}.source-card a{font-size:12px}.source-card .source-monogram{margin-bottom:15px}.garage-heading{padding:23px}.garage-heading h1{font-size:35px}.garage-heading p{font-size:11px}.story-art{height:325px;background-size:cover,340% auto}.scene-copy{inset:auto 21px 21px}.scene-copy h2{font-size:28px}.scene-copy p{font-size:10px}.story-controls{padding:18px}.story-buttons .btn{font-size:10px}.story-transcript{font-size:11px}.case-card{padding:22px}.clue-option{font-size:11px}.inventory-reveal{padding:20px}.inventory-reveal h2{font-size:26px}.inventory-reveal>p{font-size:11px}.vehicle-tile{height:245px;background-size:330% auto}.inventory-card-body{padding:19px}.inventory-card h3{font-size:21px}.connection-map{padding:22px}.connection-steps{gap:8px}.connection-steps>div{padding:12px;font-size:9px}.connection-steps strong{font-size:11px}.resource-wide .card{padding:22px}.deep-link{gap:12px}.deep-link strong{font-size:14px}.deep-link span{font-size:10px}.deep-link .icon{width:24px}.deep-result-hero .vehicle-tile{height:225px}}
@media(prefers-reduced-motion:reduce){.story-art.is-playing{animation:none!important}}

.voice-intro-slot{margin-bottom:23px;padding:20px 23px;border:1px solid #d6e2cb;background:#fff;border-radius:10px}.voice-intro-main{display:flex;justify-content:space-between;align-items:center;gap:24px}.voice-intro-main .eyebrow{font-size:8px;color:#769063}.voice-intro-main h2{font-size:21px;margin:7px 0}.voice-intro-main p{font-size:10px;color:#7a8a6c}.voice-intro-main audio{width:300px;max-width:100%;height:42px;flex:none}.voice-intro-slot details{margin-top:13px;font-size:10px;color:#6b805c}.voice-intro-slot summary{cursor:pointer;font-weight:600}.voice-intro-slot details p{font-size:12px;line-height:1.85;margin-top:12px;max-width:1000px}.inventory-reveal{scroll-margin-top:130px}@media(max-width:880px){.voice-intro-main{display:block}.voice-intro-main audio{margin-top:14px;width:100%}.voice-intro-slot{padding:20px}}@media(max-width:650px){.voice-intro-main h2{font-size:20px}.voice-intro-slot details p{font-size:11px}}

@media(min-width:651px){.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#66896d #103e3b}}

.history-feature{margin:0 0 28px;border:1px solid #d8e1d2;border-radius:12px;overflow:hidden;background:#fff}.history-feature-main{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);align-items:center;background:#172923;color:#f1f3e9}.history-player{background:#090c0b;text-align:center;padding:22px}.history-player video{display:block;width:100%;max-width:300px;max-height:560px;aspect-ratio:9/16;margin:auto;object-fit:contain;background:#080b0a;border-radius:7px}.history-feature-copy{padding:32px}.history-feature-copy .eyebrow{font-size:8px;color:#adc690}.history-feature h2{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:17px 0}.history-deck{font-size:14px!important;color:#e5ecd9!important}.history-feature-copy p{font-size:11px;line-height:1.85;color:#b6c7b0;margin-top:15px}.history-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.history-tags span{padding:5px 8px;border:1px solid #566949;border-radius:4px;font-size:8px;color:#d3e0bd}.history-facts{padding-top:17px;border-top:1px solid #ffffff20}.history-play-note{font-size:10px;color:#d5e8b5;margin-top:20px;font-weight:600}.history-feature-copy .history-small{font-size:9px;color:#9bad91}.history-support{padding:6px 23px}.history-support details{padding:15px 0;font-size:11px;line-height:1.85;color:#637258}.history-support details+details{border-top:1px solid #e1e7db}.history-support summary{font-size:12px;font-weight:650;cursor:pointer;color:#274e3b}.history-support p{margin-top:14px}.history-support a{color:#336945;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.photo-credits{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin:20px 0;padding-left:20px}.photo-credits li{padding-left:4px;font-size:10px;break-inside:avoid}.photo-credits span{display:block;font-size:9px;color:#748368}.history-feature{scroll-margin-top:110px}@media(max-width:1100px){.history-feature-copy{padding:25px}.history-feature h2{font-size:31px}.history-player{padding:18px}}@media(max-width:880px){.history-feature-main{grid-template-columns:minmax(210px,.85fr) minmax(0,1fr)}.history-feature-copy{padding:22px}.history-feature h2{font-size:29px}.history-feature-copy p{font-size:10px}.history-player{padding:14px}.history-feature-copy .history-small{font-size:8px}}@media(max-width:650px){.history-feature-main{display:flex;flex-direction:column}.history-feature-copy{order:-1;padding:25px}.history-feature h2{font-size:35px}.history-feature-copy p{font-size:11px}.history-feature-copy .history-small{font-size:9px}.history-player{width:100%;padding:20px}.history-player video{max-width:300px}.history-support{padding:4px 20px}.photo-credits{grid-template-columns:1fr}.history-feature-copy .history-play-note{font-size:10px}}

/* Client-facing portfolio hierarchy */
body[data-view="campaigns"] .demo-banner,body[data-view="services"] .demo-banner,body[data-view="project"] .demo-banner,body[data-view="contact"] .demo-banner{display:none}.demo-nav{margin-top:24px;border-top:1px solid #ffffff24;padding-top:17px;color:#c0d4c2}.demo-nav summary{font-size:11px;line-height:1.6;cursor:pointer;min-height:44px;display:list-item;margin-left:16px}.demo-nav .nav{margin-top:6px}.demo-nav .nav a{font-size:11px;min-height:42px}.primary-nav a{min-height:45px}.brand-sub{letter-spacing:.13em}.portfolio-hero{padding:14px 0 34px;max-width:830px}.portfolio-hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.03;letter-spacing:-.065em;font-weight:600;margin:18px 0 22px;color:#173f38}.portfolio-hero h1 em{font-style:normal;color:#6c854c}.portfolio-hero>p{max-width:700px;font-size:15px;line-height:1.8;color:#677861}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 16px}.hero-note{font-size:10px;color:#7d8a70}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0}.section-heading h2{font-size:26px;letter-spacing:-.04em;margin-top:8px}.section-heading>.fine{max-width:180px;line-height:1.6}.section-intro{font-size:12px;line-height:1.8;color:#73836a;margin-bottom:22px;max-width:800px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.featured-card{padding:0;display:block;text-align:left;border:1px solid #dbe3d2;border-radius:10px;overflow:hidden;background:#fff;color:#244935;min-width:0;cursor:pointer;font-family:inherit}.featured-card:hover{border-color:#7e9b68;box-shadow:0 5px 20px #133c3310}.featured-art{height:150px;display:block;position:relative;overflow:hidden}.featured-art img{width:100%;height:100%;object-fit:cover}.film-art img{object-position:50% 65%}.mystery-art img{object-position:center}.feature-status{display:inline-block;font-size:7px;font-weight:700;letter-spacing:.06em;line-height:1.5}.featured-art>.feature-status{position:absolute;bottom:9px;left:10px;border-radius:3px;background:#f1f4e7ed;color:#345631;padding:4px 6px}.featured-copy{display:flex;flex-direction:column;padding:18px}.featured-copy small{font-size:8px;color:#7e8e6f;letter-spacing:.07em}.featured-copy strong{font-size:18px;letter-spacing:-.04em;line-height:1.3;margin:9px 0}.featured-copy>span{font-size:11px;line-height:1.7;color:#728067;min-height:55px}.featured-copy b{font-size:10px;margin-top:15px}.seasonal-art{background:#e69651}.seasonal-art>span:first-child{position:absolute;left:17px;top:27px;font-size:19px;font-weight:800;line-height:1.02;letter-spacing:-.055em;color:#51251b;z-index:1}.seasonal-art svg{width:95px;height:95px;position:absolute;right:5px;top:18px;transform:rotate(10deg)}.voice-intro-slot{padding:16px 20px;background:#f3f7ed;margin-bottom:27px}.voice-intro-main h2{font-size:18px}.voice-intro-main .eyebrow{display:none}.history-feature{margin-bottom:38px}.history-feature-copy p{font-size:12px}.history-support summary{min-height:30px}.compact{padding-bottom:22px}.compact h1{font-size:44px}.service-grid,.cross-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:32px}.service-card{padding:25px;background:white;border:1px solid #dae4d2;border-radius:10px}.service-card>span{font-size:13px;color:#819a66}.service-card h2{font-size:23px;letter-spacing:-.04em;margin:28px 0 13px}.service-card p{font-size:12px;line-height:1.9;color:#748368}.cross-card{border:1px solid #dbe3d3;border-radius:10px;overflow:hidden;background:white}.cross-card>div:last-child{padding:21px}.cross-card h3{font-size:21px;line-height:1.2;letter-spacing:-.04em;margin:10px 0}.cross-card p{font-size:12px;line-height:1.8;color:#718264}.cross-card small{display:block;font-size:10px;line-height:1.7;color:#738967;margin-top:17px}.cross-art{height:190px;position:relative;overflow:hidden;background:#dce6b5;color:#284b32}.cross-art svg{position:absolute;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;opacity:.5}.cross-art>span{position:absolute;left:18px;top:24px;font-size:24px;line-height:1.03;letter-spacing:-.06em;font-weight:750}.product .cross-art{background:#ded3c0;color:#493d30}.local .cross-art{background:#173e3a;color:#d3e6bd}.scope-card{display:flex;gap:25px;align-items:center;padding:29px;border-radius:11px;background:#e7efdc;border:1px solid #d4dfc6}.scope-card h2{font-size:26px;letter-spacing:-.04em;margin:10px 0}.scope-card p{font-size:12px;line-height:1.9;color:#718063}.scope-card .btn{flex:none}.contact-panel{padding:50px;background:#173e37;color:#f0f5e7;border-radius:14px}.contact-panel>.eyebrow{color:#c4d9a7}.contact-panel h1{font-family:Georgia,serif;font-weight:400;font-size:58px;line-height:1.06;letter-spacing:-.05em;margin:23px 0}.contact-panel>p{font-size:18px;line-height:1.8;max-width:610px;color:#c6d6b6}.contact-panel>.btn{margin-top:25px;background:#d6e8b6;color:#214b35;border-color:#d6e8b6;font-size:13px}.contact-panel>small{display:block;font-size:10px;color:#a8bd9a;margin-top:13px}.contact-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #ffffff26;margin-top:35px;padding-top:27px}.contact-prompts strong{display:block;font-size:13px;margin-bottom:9px}.contact-prompts span{font-size:12px;line-height:1.8;color:#b8cda8}.contact-panel .contact-note{font-size:11px;margin-top:29px;color:#adbf9e}.about-grid p{font-size:12px}.footer{line-height:1.6}@media(max-width:1100px){.featured-art{height:135px}.featured-copy{padding:15px}.featured-copy strong{font-size:16px}.seasonal-art>span:first-child{font-size:17px}.seasonal-art svg{width:75px;right:0}.service-card{padding:20px}.service-card h2{font-size:21px}.cross-art>span{font-size:21px}.scope-card{display:block}.scope-card .btn{margin-top:20px}}@media(max-width:880px){.featured-grid{gap:10px}.featured-copy{padding:13px}.featured-copy strong{font-size:15px}.featured-copy>span{font-size:10px}.featured-art{height:120px}.seasonal-art>span:first-child{font-size:15px;left:12px}.seasonal-art svg{width:63px;right:-3px}.featured-art>.feature-status{font-size:6px;left:6px}.service-grid{grid-template-columns:1fr}.service-card h2{margin-top:13px}.cross-grid{grid-template-columns:1fr}.cross-art{height:230px}.cross-art>span{font-size:36px;left:24px;top:30px}.cross-art svg{width:75%;right:0}.contact-panel{padding:32px}.contact-panel h1{font-size:49px}}@media(max-width:650px){.sidebar{position:relative;padding:17px;height:auto;overflow:visible}.brand{margin-bottom:0}.brand-title{font-size:19px}.brand-sub{font-size:9px}.primary-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:visible;margin-top:17px}.primary-nav a{min-height:44px;font-size:12px;white-space:normal;padding:11px;border-radius:7px;line-height:1.5}.primary-nav a .icon{width:17px;height:17px}.demo-nav{margin-top:13px;padding-top:12px}.demo-nav summary{min-height:34px;font-size:12px}.demo-nav .nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:5px;margin:6px 0 2px}.demo-nav .nav a{font-size:12px;min-height:44px;border-radius:6px;white-space:normal}.main{padding:23px 18px}.topbar{position:relative}.portfolio-hero{padding:2px 0 28px}.portfolio-hero h1{font-size:43px;line-height:1.04;margin-top:15px}.portfolio-hero>p{font-size:14px;line-height:1.8}.hero-actions .btn{font-size:12px;min-height:44px}.hero-note{display:block;font-size:10px;line-height:1.7}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>.fine{display:block;margin-top:10px;max-width:none}.featured-grid{grid-template-columns:1fr;gap:14px}.featured-art{height:190px}.featured-copy{padding:20px}.featured-copy strong{font-size:22px}.featured-copy>span{font-size:12px;min-height:0}.featured-copy small{font-size:9px}.featured-copy b{font-size:12px;margin-top:13px}.seasonal-art>span:first-child{font-size:29px;left:24px;top:35px}.seasonal-art svg{width:120px;height:120px;right:15px;top:22px}.featured-art>.feature-status{font-size:8px;left:15px;bottom:12px}.voice-intro-main audio{width:100%}.voice-intro-slot{padding:19px}.section-intro{font-size:12px}.concept-tab{min-height:42px;font-size:11px}.compact h1{font-size:36px}.service-card{padding:23px}.service-card h2{font-size:25px}.service-card p{font-size:13px}.cross-art{height:200px}.cross-art>span{font-size:30px}.cross-card h3{font-size:24px}.scope-card{padding:24px}.contact-panel{padding:27px}.contact-panel h1{font-size:43px}.contact-panel>p{font-size:16px}.contact-prompts{grid-template-columns:1fr;gap:20px}.contact-panel>.btn{font-size:12px;white-space:normal;text-align:center;min-height:48px}.history-feature-copy p{font-size:12px}.history-tags span{font-size:9px}.history-support summary{min-height:35px}.photo-credits li{font-size:11px}.photo-credits span{font-size:10px}}

.holiday-collection{grid-column:1/-1}.holiday-head{padding:25px 26px 0}.holiday-head h3{font-size:27px;letter-spacing:-.04em;margin:10px 0}.holiday-head>p{font-size:12px;color:#718064;line-height:1.8;max-width:670px}.holiday-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.holiday-tab{min-height:42px;font-size:11px;border:1px solid #d7e2cb;border-radius:6px;padding:10px 15px;color:#5d784b;background:#fff}.holiday-tab[aria-pressed="true"]{background:#234f3c;border-color:#234f3c;color:#fff}.holiday-tab:hover{border-color:#708f56}.holiday-panel{display:grid;grid-template-columns:1.1fr 1fr;margin:0 26px;border:1px solid #dce5d1;border-radius:9px;overflow:hidden}.holiday-panel[hidden]{display:none}.holiday-poster{position:relative;overflow:hidden;aspect-ratio:1.08;background:#173e32;color:#f0e6cc;isolation:isolate}.holiday-poster>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.holiday-art-label{position:absolute;top:23px;left:23px;right:20px;font-size:7px;letter-spacing:.11em;font-weight:700}.holiday-poster h3{position:absolute;top:73px;left:23px;max-width:250px;font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.05;letter-spacing:-.035em}.holiday-poster>small{position:absolute;bottom:21px;left:23px;font-size:7px;letter-spacing:.13em}.newyear .holiday-poster{background:#1a232b;color:#e9dec3}.newyear .holiday-poster h3{font-family:Arial,sans-serif;font-size:42px;font-weight:750;letter-spacing:-.055em}.valentine .holiday-poster{background:#f2d8d1;color:#772d40}.valentine .holiday-poster h3{font-size:46px}.july4 .holiday-poster{background:#1a354c;color:#f3e9d3}.july4 .holiday-poster h3{font-family:Arial,sans-serif;font-size:43px;font-weight:800;letter-spacing:-.06em}.holiday-copy{padding:27px;align-self:center}.holiday-copy>.eyebrow{font-size:8px;line-height:1.5}.holiday-copy h3{font-size:23px;letter-spacing:-.04em;line-height:1.15;margin:12px 0 16px}.holiday-copy p{font-size:11px;color:#778469;line-height:1.8;margin-top:13px}.holiday-copy .holiday-caption{font-family:Georgia,serif;font-size:16px;line-height:1.6;color:#31583e}.holiday-cta{font-size:10px;line-height:1.6;color:#789162;margin:16px 0}.holiday-copy .btn{font-size:11px;width:100%;justify-content:space-between;min-height:44px}.holiday-disclaimer{font-size:10px;line-height:1.8;color:#7d8b71;padding:17px 26px 22px}@media(max-width:880px){.holiday-panel{grid-template-columns:1fr 1fr;margin-inline:20px}.holiday-copy{padding:20px}.holiday-poster{height:100%;aspect-ratio:auto;min-height:345px}.holiday-poster h3{font-size:29px;left:18px;top:80px}.newyear .holiday-poster h3,.july4 .holiday-poster h3{font-size:35px}.valentine .holiday-poster h3{font-size:36px}.holiday-copy h3{font-size:22px}.holiday-head{padding:22px 20px 0}.holiday-art-label{left:18px;font-size:6px}.holiday-poster>small{left:18px;font-size:6px}.holiday-copy .holiday-caption{font-size:14px}.holiday-disclaimer{padding-inline:20px}}@media(max-width:650px){.holiday-head h3{font-size:25px}.holiday-panel{grid-template-columns:1fr}.holiday-poster{height:auto;aspect-ratio:1.03;min-height:0}.holiday-poster h3{font-size:35px;left:21px;top:73px}.newyear .holiday-poster h3,.july4 .holiday-poster h3{font-size:42px}.valentine .holiday-poster h3{font-size:43px}.holiday-art-label{left:21px;font-size:7px}.holiday-poster>small{left:21px;font-size:7px}.holiday-copy{padding:23px}.holiday-copy h3{font-size:25px}.holiday-copy p{font-size:12px}.holiday-copy .holiday-caption{font-size:17px}.holiday-tabs{display:grid;grid-template-columns:1fr 1fr}.holiday-tab{font-size:11px;min-height:44px;padding:10px}.holiday-copy .btn{font-size:12px}.holiday-disclaimer{font-size:10px}}

/* Four clear portfolio paths */
body[data-view="home"] .demo-banner,body[data-view="storytelling"] .demo-banner,body[data-view="seasonal"] .demo-banner,body[data-view="games"] .demo-banner{display:none}.brand{color:inherit;text-decoration:none}.secondary-nav{margin-top:25px;padding-top:17px;border-top:1px solid #ffffff25}.secondary-nav a{font-size:11px;min-height:44px}.back-row{margin-bottom:22px;font-size:11px;color:#648454}.back-row[hidden]{display:none}.back-row a,.back-link{display:inline-block;padding:7px 0;color:#507a4b;font-size:11px;text-decoration:none}.back-row a:hover,.back-link:hover{text-decoration:underline}.breadcrumb a{color:#64816b}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 28px}.path-card{display:block;border:1px solid #d8e2cc;background:#fff;border-radius:11px;overflow:hidden;min-width:0}.path-card:hover{border-color:#85a16b;box-shadow:0 8px 23px #1f473410}.path-visual{height:185px;position:relative;overflow:hidden;background:#274b3b}.path-visual>img{width:100%;height:100%;object-fit:cover}.path-film>img{object-position:50% 70%}.path-visual>span{position:absolute;left:20px;bottom:15px;background:#f4f5e9;color:#294e37;border-radius:4px;padding:6px 9px;font-size:9px;letter-spacing:.1em;font-weight:700}.path-visual>svg{width:100%;height:100%}.path-season{background:#e6bd92}.path-tools{background:#e5ebd7}.path-tools svg{stroke:#628256;fill:none;stroke-width:3}.path-tools svg rect{fill:#f7faef}.path-copy{padding:25px}.path-copy h2{font-size:29px;letter-spacing:-.045em;margin-bottom:11px}.path-copy p{font-size:13px;line-height:1.85;color:#6e8063;min-height:69px}.path-copy strong{font-size:12px;display:block;color:#295b3a;margin-top:18px}.category-next{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px;margin-top:30px;background:#e9f0df;border:1px solid #d6e1c9;border-radius:11px}.category-next h2{font-size:25px;letter-spacing:-.04em;margin:9px 0}.category-next p{font-size:12px;line-height:1.8;color:#708160;max-width:600px}.category-next>.btn{flex:none}.example-action{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:19px}.example-action>[role=status]{font-size:10px;color:#677e54}.seasonal-selector{margin:0 0 21px}.seasonal-examples>.holiday-panel{margin:0}.seasonal-examples>.holiday-panel.halloween-group{display:grid;grid-template-columns:1fr 1fr;gap:23px;border:0;background:transparent;overflow:visible}.seasonal-examples>.holiday-panel[hidden]{display:none}.seasonal-play-links{padding:25px;border:1px solid #d6e1c8;border-radius:10px;background:#f1f6e9;margin-top:23px}.seasonal-play-links h2{font-size:23px;letter-spacing:-.04em}.seasonal-play-links p{font-size:12px;line-height:1.8;color:#70835e;margin:10px 0 18px}.seasonal-play-links .btn{margin-right:8px;margin-bottom:7px;font-size:11px}.game-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.game-choice{border:1px solid #d7e0cf;border-radius:11px;overflow:hidden;background:#fff}.game-choice-art{height:230px;background:#203b31;overflow:hidden}.game-choice-art img{width:100%;height:100%;object-fit:cover}.game-choice-art>svg{width:100%;height:100%;display:block}.christmas-game-art{background:#244f3e}.game-choice-copy{padding:26px}.game-choice-copy .eyebrow{font-size:8px}.game-choice-copy h2{font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:12px 0 17px}.game-choice-copy p{font-size:13px;line-height:1.85;color:#708060}.game-choice-copy ul{padding-left:16px;font-size:11px;line-height:1.9;color:#718361;margin:17px 0 22px}.game-choice-copy .btn{width:100%;font-size:12px}.tool-highlight{display:flex;gap:24px;align-items:center;background:#173f36;border-radius:12px;padding:30px;color:#e8f1dc;margin-bottom:22px}.tool-highlight .eyebrow{font-size:9px;color:#b8cea2}.tool-highlight h2{font-size:28px;letter-spacing:-.04em;margin:11px 0}.tool-highlight p{font-size:13px;line-height:1.8;color:#b4c9a4}.tool-highlight strong{display:block;font-size:12px;margin-top:20px;color:#d9edbd}.tool-symbol{width:75px;height:75px;display:grid;place-items:center;background:#365d44;border-radius:13px;flex:none}.tool-symbol .icon{width:34px;height:34px}.tool-links{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:28px}.tool-links a{padding:15px 18px;background:#fff;border:1px solid #dae4ce;border-radius:7px;font-size:12px;color:#416d3b;min-height:48px}.tool-links a:hover{border-color:#88a76b}.category-next .btn{min-height:44px}@media(max-width:1100px){.path-copy{padding:22px}.path-copy h2{font-size:26px}.path-visual{height:165px}.path-copy p{font-size:12px}.game-choice-copy{padding:22px}.game-choice-copy h2{font-size:26px}.game-choice-copy p{font-size:12px}.game-choice-art{height:205px}.primary-nav a{font-size:12px}}@media(max-width:880px){.path-grid,.game-choice-grid{grid-template-columns:1fr}.path-visual{height:215px}.path-copy p{min-height:0}.path-copy h2{font-size:30px}.path-copy p{font-size:13px}.path-copy strong{font-size:12px}.category-next{display:block}.category-next>.btn{margin-top:19px}.game-choice-art{height:260px}.game-choice-copy{padding:26px}.game-choice-copy h2{font-size:30px}.game-choice-copy p{font-size:13px}.example-action{flex-wrap:wrap}.tool-highlight{padding:25px}.tool-highlight h2{font-size:25px}.primary-nav a{padding-inline:10px;gap:8px;font-size:11px}.secondary-nav a{font-size:10px}}@media(max-width:650px){.primary-nav a{font-size:12px;gap:8px;padding:12px 10px}.secondary-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:12px;margin-top:12px;overflow:visible}.secondary-nav a{font-size:11px;line-height:1.5;white-space:normal;min-height:44px;padding:10px;border-radius:6px}.back-row{margin-bottom:17px}.back-row a{font-size:12px;min-height:38px;padding-block:10px}.path-grid{gap:17px}.path-visual{height:185px}.path-copy{padding:23px}.path-copy h2{font-size:28px}.path-copy p{font-size:13px}.path-copy strong{font-size:12px}.path-visual>span{left:18px;font-size:8px}.category-next{padding:24px}.category-next h2{font-size:25px}.category-next p{font-size:12px}.category-next>.btn{width:100%;font-size:12px}.example-action{display:block}.example-action .btn{margin-top:13px;width:100%;min-height:44px}.seasonal-examples>.holiday-panel.halloween-group{grid-template-columns:1fr;gap:20px}.seasonal-selector{grid-template-columns:1fr 1fr;gap:7px}.seasonal-selector .holiday-tab{font-size:12px;min-height:44px}.seasonal-selector .holiday-tab:last-child{grid-column:1/-1}.seasonal-play-links{padding:23px}.seasonal-play-links h2{font-size:23px}.seasonal-play-links .btn{display:flex;width:100%;margin-right:0;font-size:12px;min-height:44px}.game-choice-art{height:200px}.game-choice-copy{padding:23px}.game-choice-copy h2{font-size:28px}.game-choice-copy .btn{min-height:46px}.tool-highlight{display:block;padding:25px}.tool-symbol{width:51px;height:51px;margin-bottom:19px}.tool-symbol .icon{width:26px;height:26px}.tool-highlight h2{font-size:27px;line-height:1.15}.tool-links{grid-template-columns:1fr}.tool-links a{font-size:12px}.breadcrumb{max-width:75%;line-height:1.4}.top-actions .demo-label{font-size:7px}.history-feature{margin-top:8px}}

/* Standalone campaign films, grouped with their working examples. */
.example-film{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);gap:28px;padding:28px;border:1px solid #d7e2cb;border-radius:12px;background:#fff;grid-column:1/-1;align-items:start;margin-bottom:24px;min-width:0}.holiday-panel>.example-film{margin:0;border:0;border-bottom:1px solid #d7e2cb;border-radius:0}.halloween-group>.example-film{border:1px solid #d7e2cb;border-radius:12px}.example-film-player{min-width:0}.example-film video{display:block;width:100%;height:auto;background:#102b27;border-radius:8px;object-fit:contain}.example-film.portrait video{aspect-ratio:9/16;max-height:620px}.example-film.landscape{grid-template-columns:1fr}.example-film.landscape video{aspect-ratio:16/9}.example-film.landscape .example-film-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.example-film.landscape .example-film-copy>.eyebrow,.example-film.landscape .example-film-copy>h2{grid-column:1/-1}.example-film.landscape .film-transcript,.example-film.landscape .film-credits{grid-column:1/-1}.example-film-copy>.eyebrow{font-size:9px;line-height:1.7}.example-film-copy h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.13;letter-spacing:-.035em;margin:13px 0 18px}.example-film-copy>p{font-size:13px;line-height:1.85;color:#657c59}.example-film-copy>.film-status{font-size:11px;padding-top:14px;border-top:1px solid #e5ecdd;margin-top:17px;color:#718562}.example-film-copy>.film-role{font-size:10px;margin-top:12px;color:#718562}.film-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.film-actions .btn{min-height:44px;font-size:12px;white-space:normal}.film-caption-note{font-size:10px;line-height:1.7;color:#708260;margin:10px 0 0}.film-transcript{border-top:1px solid #e2e9d9;padding:14px 0 0;margin-top:18px}.film-transcript summary{cursor:pointer;min-height:32px;font-size:12px;font-weight:650;color:#47683d}.film-transcript p{font-size:12px;line-height:1.9;color:#5e7652;margin:10px 0}.film-transcript a,.film-credits a{color:#316449;text-decoration:underline;text-underline-offset:3px}.film-transcript>a{display:inline-block;font-size:11px;line-height:1.7;padding:7px 0}.film-credits{margin-top:18px;padding-top:15px;border-top:1px solid #e2e9d9}.film-credits>strong{font-size:11px;color:#506f44}.film-credits p{font-size:10px;color:#6c805e;line-height:1.9;margin-top:7px;overflow-wrap:anywhere}@media(max-width:880px){.example-film{gap:22px;padding:22px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}.example-film-copy h2{font-size:29px}.example-film-copy>p{font-size:12px}.example-film.portrait video{max-height:540px}}@media(max-width:650px){.example-film{grid-template-columns:1fr;padding:22px;gap:22px}.example-film.portrait video{max-height:none}.example-film.landscape .example-film-copy{display:block}.example-film-copy h2{font-size:30px}.example-film-copy>p{font-size:13px}.film-actions .btn{width:100%;font-size:12px}.film-caption-note{font-size:10px}.film-transcript summary{min-height:44px;padding:10px 0}.film-transcript p{font-size:13px}.film-credits p{font-size:11px}.film-credits>strong{font-size:12px}}

/* Keep the performance illustration inside its allocated grid track. */
.performance-case>*{min-width:0}.performance-case .campaign-poster.performance{width:100%;max-width:100%;aspect-ratio:auto}

/* Optional category walkthroughs stay distinct from the work samples. */
.howto-panel{border:1px solid #d3dfd0;background:#f0f5e9;border-radius:12px;margin:0 0 26px;overflow:hidden}.howto-panel>summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;min-height:64px}.howto-panel>summary::-webkit-details-marker{display:none}.howto-panel>summary:focus-visible{outline:3px solid #438965;outline-offset:-4px}.howto-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #afc2ac;border-radius:50%;color:#235a45;font-size:11px}.howto-panel>summary strong{display:block;font-size:14px;color:#194b3c}.howto-panel>summary small{display:block;font-size:11px;color:#62795b;margin-top:3px}.howto-expand{margin-left:auto;font-size:24px;font-weight:300;color:#47683d}.howto-panel[open] .howto-expand{transform:rotate(45deg)}.howto-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);gap:25px;padding:24px;border-top:1px solid #d3dfd0;background:white;align-items:start}.howto-player,.howto-copy{min-width:0}.howto-player video{display:block;width:100%;aspect-ratio:16/9;background:#123b35;border-radius:8px;object-fit:contain}.howto-copy h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:10px 0 12px}.howto-copy>p{font-size:12px;line-height:1.8;color:#61765a}.howto-copy .howto-role{font-size:10px;margin-top:14px}.howto-copy .film-credits summary{min-height:40px;font-size:11px;cursor:pointer;color:#4d6b40;font-weight:650}.howto-panel.lead-howto>.example-film{border:0;border-radius:0;border-top:1px solid #d3dfd0;margin:0}@media(max-width:850px){.howto-body{grid-template-columns:1fr;gap:22px}.howto-panel>summary{padding:16px}.howto-copy h2{font-size:27px}}@media(max-width:650px){.howto-body{padding:18px}.howto-panel>summary small{font-size:11px;line-height:1.5}.howto-panel>summary strong{font-size:14px}.howto-copy>p{font-size:13px}}

/* Dealer-facing explanation of the illustrated demo vehicles. */
.inventory-customization-note{margin:0 0 22px;padding:17px 20px;border:1px solid #cadac5;border-left:4px solid #527852;border-radius:8px;background:#edf4e7;color:#294f38;min-width:0}
.inventory-customization-note>strong{display:block;font-size:13px;line-height:1.5;margin:0 0 5px}
.inventory-customization-note>p{font-size:13px;line-height:1.75;margin:0;max-width:960px;color:#4b6446;overflow-wrap:anywhere}
.gift-result-visual .inventory-customization-note{margin:12px 0 0;padding:15px 17px;text-align:left}
@media(max-width:560px){.inventory-customization-note{padding:15px 16px}.inventory-customization-note>p{font-size:12px}}

/* Always-visible instructions at the point visitors start each game. */
.game-start-guide{margin:0 0 22px;padding:22px 24px;border:1px solid #bcccaf;border-radius:11px;background:#f6f8ed;color:#254a36}
.game-start-guide h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;margin:0 0 17px}
.game-start-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;list-style:none;counter-reset:game-guide;margin:0;padding:0}
.game-start-guide li{counter-increment:game-guide;position:relative;padding-left:35px;min-width:0}
.game-start-guide li::before{content:counter(game-guide);position:absolute;left:0;top:0;width:24px;height:24px;display:grid;place-items:center;background:#315d44;color:#fffceb;border-radius:50%;font-size:11px;font-weight:700}
.game-start-guide li>strong{display:block;font-size:13px;line-height:1.65;margin-bottom:5px}
.game-start-guide p{font-size:12px;line-height:1.8;color:#52664a;margin:0}
.game-start-guide b{font-weight:650;color:#31533b}
.game-action-note{font-size:12px;line-height:1.75;color:#31533b;margin:0 0 14px}
.story-controls .game-action-note{padding:11px 13px;background:#eff4e7;border-radius:7px}
#go-to-answers[hidden]{display:none}
.gift-start-guide{margin-top:22px;margin-bottom:0;background:#f5f5e9}
.gift-question-heading .game-action-note{font-size:12px;font-weight:600;color:#31533b;margin:12px 0 0}
@media(max-width:1000px){.game-start-guide ol{grid-template-columns:1fr;gap:15px}.game-start-guide li>strong{margin-bottom:2px}.game-start-guide p{max-width:780px}}
@media(max-width:560px){.game-start-guide{padding:19px 17px}.game-start-guide h2{font-size:19px}.game-start-guide li{padding-left:33px}.game-start-guide p,.game-action-note,.gift-question-heading .game-action-note{font-size:12px}.story-buttons #go-to-answers{width:100%;min-height:44px}}

/* Halloween uses one stable player for each scene, answer, and next chapter. */
#mystery .game-header{background:none;color:#254a36;border-radius:0;margin-bottom:18px}
#mystery .garage-art{display:none}
#mystery .garage-heading{padding:0;align-items:center}
#mystery .garage-heading .eyebrow{color:#647a55}
#mystery .garage-heading h1{font-size:34px;margin:7px 0 8px}
#mystery .garage-heading p{font-size:12px;color:#52694a;max-width:670px}
.mystery-player{max-width:860px;margin:0 auto 24px;border:1px solid #cad8bd;border-radius:14px;background:#fff;overflow:hidden;scroll-margin-top:12px}
.mystery-player:focus{outline:none}
.mystery-player-top{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce6d2;background:#edf3e5}
.mystery-player-top>.eyebrow{font-size:10px;line-height:1.6}
.mystery-player .game-steps{width:120px;flex:none;margin:0;gap:6px}
.mystery-stage{display:grid;min-height:510px}
.mystery-panel{grid-area:1/1;min-width:0;min-height:510px;animation:mystery-slide-in .3s ease-out both}
.mystery-panel[hidden]{display:none!important}
.mystery-player .story-screen{display:flex;flex-direction:column;border:0;border-radius:0}
.mystery-player .story-art{flex:1;height:auto;min-height:310px;background-size:cover,300% auto}
.mystery-player .scene-copy{inset:auto 25px 25px}
.mystery-player .scene-copy h2{font-size:34px;max-width:none}
.mystery-player .scene-copy p{font-size:13px;max-width:600px}
.mystery-player .story-controls{padding:16px 22px}
.mystery-player .story-controls .game-action-note{background:none;padding:0;margin-bottom:10px;font-size:13px}
.mystery-player .story-controls .fine{font-size:10px;margin-top:9px}
.mystery-player .story-buttons .btn{min-height:44px;font-size:12px}
.mystery-player .case-card{display:flex;flex-direction:column;padding:22px 26px;border:0;border-radius:0;box-shadow:none}
.mystery-player .case-card h2{font-size:25px;margin:8px 0 0;line-height:1.25}
.mystery-player .clue-question{font-size:15px;line-height:1.6;margin:12px 0}
.mystery-player .clue-options{gap:9px}
.mystery-player .clue-option{min-height:47px;font-size:13px;line-height:1.55;padding:12px 14px}
.mystery-player .clue-option:disabled{opacity:1}
.mystery-player .clue-option.correct{border-width:2px;color:#254b32;font-weight:650}
.mystery-player .clue-message{font-size:12px;padding:9px 12px;margin-top:12px;line-height:1.6}
.mystery-player .hint-copy{font-size:12px;line-height:1.6;margin-top:10px}
.mystery-player .game-tools{margin-top:auto;padding-top:15px;gap:10px;min-height:59px}
.mystery-player .game-tools .btn{font-size:12px;min-height:44px}
.mystery-help{display:flex;gap:7px;flex-wrap:wrap}
.mystery-player button[hidden]{display:none!important}
.scene-text-details{margin:0 0 12px;font-size:12px;color:#48653a}
.scene-text-details summary{cursor:pointer;min-height:28px;padding:4px 0;font-size:11px}
.mystery-player .story-transcript{font-size:12px;line-height:1.65;margin:6px 0 0;padding:12px}
.mystery-player-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:#f4f7ed;border-top:1px solid #dce6d2}
.mystery-player-footer .case-meta{font-size:10px;line-height:1.6;color:#627754;margin:0}
.mystery-player-footer .btn{font-size:10px;min-height:36px}
.mystery-player .inventory-reveal{margin:0;border:0;border-radius:0;padding:22px}
.mystery-player .inventory-reveal h2{font-size:25px;margin:8px 0 10px}
.mystery-player .inventory-reveal>p{font-size:11px;line-height:1.6}
.mystery-player .inventory-cards{gap:12px;margin-top:18px}
.mystery-player .vehicle-tile{height:135px}
.mystery-player .inventory-card-body{padding:14px}
.mystery-player .inventory-card h3{font-size:17px}
.mystery-player .inventory-disclosure{font-size:9px;margin-top:12px}
@keyframes mystery-slide-in{from{opacity:.3;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:650px){#mystery .garage-heading{display:block}#mystery .garage-heading .demo-label{margin-top:10px}.mystery-player-top{padding:12px 16px;gap:10px}.mystery-player-top>.eyebrow{font-size:9px}.mystery-player .game-steps{width:66px}.mystery-stage,.mystery-panel{min-height:490px}.mystery-player .story-art{min-height:285px}.mystery-player .scene-copy{inset:auto 19px 22px}.mystery-player .scene-copy h2{font-size:29px}.mystery-player .scene-copy p{font-size:12px}.mystery-player .story-controls{padding:15px 17px}.mystery-player .story-controls .game-action-note{font-size:12px}.mystery-player .story-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mystery-player .story-buttons .btn{font-size:11px;padding:10px 8px;line-height:1.5;white-space:normal}.mystery-player .case-card{padding:17px}.mystery-player .case-card h2{font-size:22px}.mystery-player .clue-question{font-size:13px;line-height:1.55;margin:11px 0}.mystery-player .clue-options{gap:8px}.mystery-player .clue-option{font-size:12px;line-height:1.5;padding:10px 11px}.mystery-player .game-tools{padding-top:10px}.mystery-player .game-tools .btn{font-size:11px}.mystery-player .clue-message,.mystery-player .hint-copy{font-size:11px}.mystery-player-footer{padding:8px 16px}.mystery-player-footer .case-meta{font-size:9px}.mystery-player .inventory-reveal{padding:17px}.mystery-player .inventory-cards{grid-template-columns:1fr;gap:9px;margin-top:13px}.mystery-player .inventory-card{display:grid;grid-template-columns:85px minmax(0,1fr)}.mystery-player .vehicle-tile{height:auto;min-height:114px;background-size:300% auto}.mystery-player .vehicle-tile .badge{font-size:6px;left:5px;right:5px;bottom:7px;text-align:center;white-space:normal}.mystery-player .inventory-card-body{padding:11px}.mystery-player .inventory-card h3{font-size:16px;margin-bottom:4px}.mystery-player .inventory-card p{font-size:9px}.mystery-player .inventory-card .btn{font-size:10px;margin-top:6px;min-height:36px}.mystery-player .inventory-card small{font-size:7px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.mystery-player *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The owner's chosen portrait and existing audio introduction lead the home page. */
body:not([data-view="home"]) .intro-hero{display:none}
.voice-intro-slot.intro-hero{padding:28px;margin:0 0 25px;background:#173f35;color:#f5f1df;border:1px solid #214f40;border-radius:14px}
.intro-hero-main{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:center}
.intro-hero-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:11px;box-shadow:0 8px 22px #0d281c38}
.intro-hero .eyebrow{color:#d4cb9b;font-size:9px;display:block}
.intro-hero h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:37px;line-height:1.1;letter-spacing:-.035em;margin:10px 0 12px;color:#f7f2df}
.intro-hero-description{font-size:13px;line-height:1.75;color:#d4dfce;max-width:630px;margin:0 0 17px}
.intro-hero .intro-listen-button{display:inline-flex;gap:10px;min-height:48px;background:#deebc3;border-color:#deebc3;color:#244432;font-size:12px;padding:12px 16px;white-space:normal;line-height:1.5;text-align:left}
.intro-hero .intro-listen-button:hover{background:#ecf4d8;border-color:#ecf4d8}
.intro-hero .intro-listen-button:focus-visible,.intro-hero summary:focus-visible{outline:3px solid #ecda9e;outline-offset:4px}
.intro-duration{font-size:10px;line-height:1.5;color:#c3d1b9;margin:10px 0}
.intro-hero audio{display:block;width:100%;max-width:430px;height:38px}
.intro-play-status{font-size:11px;line-height:1.6;color:#e3eccf;margin:8px 0 0}
.intro-play-status:empty{display:none}
.intro-hero details{border-top:1px solid #ffffff25;padding-top:13px;margin-top:20px;color:#d1dec7;font-size:11px}
.intro-hero summary{min-height:32px;line-height:1.7}
.intro-hero details p{font-size:12px;color:#d1dec7}
.intro-hero>.fine{font-size:10px;line-height:1.75;color:#b6cbae;margin:13px 0 0}
@media(max-width:900px){.intro-hero-main{grid-template-columns:170px minmax(0,1fr);gap:24px}.intro-hero h2{font-size:32px}.voice-intro-slot.intro-hero{padding:24px}.intro-hero-description{font-size:12px}}
@media(max-width:560px){.voice-intro-slot.intro-hero{padding:22px}.intro-hero-main{display:block}.intro-hero-photo{float:right;width:94px;margin:0 0 14px 17px;border-radius:9px}.intro-hero h2{font-size:29px;min-height:70px}.intro-hero-description{clear:both;font-size:12px}.intro-hero .intro-listen-button{width:100%;font-size:12px;justify-content:center;text-align:center}.intro-hero audio{max-width:none}.intro-hero .eyebrow{font-size:8px}.intro-hero details p{font-size:12px}}
/* Replacing a focused panel must not make the browser move the page's scroll anchor. */
body[data-view="mystery"]{overflow-anchor:none}