/* site/editorial.css */
/* Cutouts stay on clean product stages. Scenes retain their full photographic
 * frames and light. The hero composites one silver-blue truck into a supplied Corral scene.
 * Desktop copy uses a neutral contrast scrim; mobile separates text and full image.
 * Header height is constant. Its direction behavior lives in editorial.js. */














.market .topnote{display:none}
.market #ideas{background:#eeeee8}
.market .products article{background:transparent;border:0;box-shadow:none;padding:0 0 18px}
.market .product-stage{background:transparent}
.market .media-controls{background:transparent}
.market .product-stage[data-mode=scene] .media-controls{background:#292d2e}
.market .field-notes{padding-top:80px;padding-bottom:56px}
.market .field-notes .section-head h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em}
.field-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.field-notes-grid>a{display:block;text-decoration:none;color:var(--ink);min-width:0}
.market .field-notes-grid img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px;margin-bottom:22px;background:var(--surface)}
.market .field-notes-grid h3{font-size:22px;letter-spacing:-.035em;margin:10px 0}
.market .field-notes-grid p{font-size:13px;line-height:1.7;max-width:300px}
.market .field-notes-grid .kicker{font-size:9px}
.market .editorial-disclosure{font-size:10px;margin:28px 0 0;max-width:none;line-height:1.7}
.market .finish-story{position:relative;margin:12px 24px 64px;padding:0;background:#bfb09a;border-radius:20px;overflow:hidden}
.finish-story figure{margin:0;padding:0}
.market .finish-story img{display:block;width:100%;height:auto;object-fit:contain}
.finish-story>div{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:34%}
.market .finish-story h2{font-size:clamp(30px,3.5vw,50px);line-height:1.06;letter-spacing:-.045em;margin:18px 0}
.market .finish-story p{font-size:13px;line-height:1.8;color:var(--ink);margin-bottom:20px}
.market .finish-story .kicker{font-size:9px;color:var(--ink)}
.market .finish-story .quiet{background:var(--paper)}
.market .editorial-invitation{background:var(--lime);border-radius:18px;padding:32px;margin-bottom:40px}
.market .editorial-invitation :is(h2,.kicker){color:var(--ink)}
.market .editorial-invitation .footer-next{background:var(--ink);color:var(--lime)}


@media(max-width:900px){.market .field-notes{padding-top:48px}.field-notes-grid{grid-template-columns:1fr;gap:32px}.market .field-notes-grid img{margin-bottom:18px}.market .field-notes-grid p{max-width:none}.market .finish-story{margin:0 12px 40px;display:flex;flex-direction:column-reverse}.finish-story>div{position:static;transform:none;width:auto;padding:28px 22px 12px}.market .finish-story h2{font-size:36px}.market .finish-story p{max-width:290px}.market .editorial-invitation{padding:24px 20px;gap:20px}.market .editorial-invitation h2{font-size:25px}}

/* Hero: one h1, paragraph and two actions. Keep the complete 1200:630 frame.
 * A strong neutral left scrim protects text without tinting the vehicle navy.
 * Below 901px the photograph leads a separate copy panel, never a cropped truck.
 * Source and generated-scene disclosure live in output/home-hero-corral-v3. */
.market .hero.place-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;margin:12px 24px 56px;padding:0;background:#171b1c;border-radius:22px;overflow:hidden}
.market .place-hero figure{grid-area:1/1;display:block;min-width:0;margin:0;padding:0;background:transparent;border-radius:0;overflow:hidden}
.market .place-hero img{display:block;width:100%;height:auto;max-height:none;padding:0;aspect-ratio:1200/630;object-fit:contain}
.market .place-hero-copy{grid-area:1/1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:44%;padding:clamp(28px,4vw,64px) clamp(28px,3.5vw,56px);min-width:0;color:#f5f4f0}
.market .place-hero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(23,27,28,.94) 0%,rgba(23,27,28,.90) 28%,rgba(23,27,28,.75) 40%,rgba(23,27,28,.18) 51%,transparent 62%)}
.market .place-hero h1{font-size:clamp(38px,3.8vw,60px);line-height:1.06;letter-spacing:-.055em;color:#f5f4f0}
.market .place-hero p{font-size:16px;line-height:1.8;max-width:350px;margin:24px 0 0;color:#e9ece8}
.market .place-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.market .place-hero .actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:14px 18px;border:0;text-decoration:none;border-radius:10px;white-space:nowrap;font-size:12px}
.market .place-hero .actions .button{background:#b4d62f;color:#171b1c}
.market .place-hero .actions .button:hover{background:#c4df5b}
.market .place-hero .actions .quiet{background:#f5f4f0;color:#171b1c}
.market .place-hero .actions .quiet:hover{background:#e8e2d8}
.market .place-hero .actions a:focus-visible{outline:2px solid #f5f4f0;outline-offset:4px}
@media(max-width:1100px) and (min-width:901px){.market .place-hero-copy{padding:28px}.market .place-hero h1{font-size:38px}.market .place-hero p{font-size:15px;margin-top:20px}.market .place-hero .actions{gap:8px;margin-top:22px}.market .place-hero .actions a{padding:12px 14px;font-size:11px}}
@media(max-width:900px){.market .hero.place-hero{display:flex;flex-direction:column;margin:8px 12px 36px;border-radius:18px}.market .place-hero:after{display:none}.market .place-hero figure{order:-1}.market .place-hero-copy{width:100%;padding:30px 24px 32px;min-height:0}.market .place-hero h1{font-size:clamp(35px,5.5vw,48px)}.market .place-hero p{font-size:15px;max-width:430px;margin-top:20px}.market .place-hero .actions{margin-top:24px;align-self:stretch}.market .place-hero .actions a{flex:1;gap:12px;padding:14px 12px}}