/* OD inner visual release: selected direction A, 2026-09-24. Homepage excluded. */
/* OD inner-page visual studies. Scoped to static previews; no production rule. */
body.page{--od-ground:#151116;--od-paper:#f4eee6;--od-accent:#d5c2e3;background:var(--od-ground);color:var(--od-paper)}
body.page .nav{min-height:104px}
body.page .nav__cta{background:#d5c2e3;color:#211827;border-radius:0;box-shadow:none}
body.page .crumb{max-width:1280px;padding-inline:clamp(22px,5vw,64px);font:400 13px/1.5 Satoshi,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#c4b8c9}
body.page .plane.pagehead{min-height:min(730px,86svh);display:flex;align-items:center;padding:100px 0 140px;position:relative;isolation:isolate;background:#18111e;overflow:hidden}
body.page .plane.pagehead>.wrap{position:relative;z-index:2;max-width:1280px}
body.page .pagehead .label{font:400 15px/1.4 Satoshi,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#d9c7e5}
body.page .pagehead h1{font-size:clamp(48px,5.6vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.055em;max-width:16ch;margin:18px 0 28px;color:#f4eee6}
body.page .pagehead .lede{font-size:clamp(17px,1.5vw,21px);line-height:1.55;max-width:51ch;color:#e0d6e2;margin:0}
body.page .plane{background:var(--od-ground)}
body.page .plane--turn,body.page .plane--turn2{background:#211b25}
body.page .plane:not(.pagehead):not(.bed){padding-block:clamp(72px,9vw,128px)}
body.page h2{font-size:clamp(35px,3.8vw,56px);font-weight:550;line-height:1.12;letter-spacing:-.045em;max-width:18ch}
body.page .ledger{margin-top:45px;border-top:1px solid #6b5c70}
body.page .ledger__row{padding:26px 0;border-bottom:1px solid #6b5c70;transform:none;background:none}
body.page .ledger__row:hover{background:none;transform:none}
body.page .ledger__line{font-size:clamp(24px,2.3vw,35px);font-weight:540;letter-spacing:-.035em}
body.page .ledger__tag{font:400 14px/1.5 Satoshi,Arial,sans-serif;text-transform:none;letter-spacing:0;color:#d0bcdd}
body.page .ledger__num{font-size:15px;color:#d0c5d0}
body.page .ledger__go{color:#d5c2e3}
body.page .bed--close{min-height:0;background:#221727;padding:0}
body.page .bed--close .wrap{padding-block:clamp(96px,11vw,160px)}
body.page .bed--close .btn{background:#d5c2e3;color:#211827;border-radius:0;box-shadow:none}
body.page .foot{background:#171219}
/* A: photo carries the first screen. Dark continuity, minimal section contrast. */
body.page .pagehead::before{content:'';position:absolute;inset:0;background:url('/wp-content/themes/origami-2026/assets/od-home-0939d982ac15.webp') center/cover;opacity:.75;z-index:0}
body.page .pagehead::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#130f18 4%,#130f18c9 45%,#130f1844 100%);z-index:1}

@media(max-width:760px){
  body.page .plane.pagehead{min-height:0;padding:64px 0 84px}
  body.page .pagehead h1{font-size:clamp(43px,11vw,58px);max-width:11ch}
  body.page .plane:not(.pagehead):not(.bed){padding-block:72px}
  body.page .bed--close .wrap{padding-block:96px}
  body.page .pagehead::after{background:linear-gradient(90deg,#17111be8,#17111ba8)}
}
@media(prefers-reduced-motion:reduce){body.page .ledger__row{transition:none}}
/* Give longer titles a readable first screen and preserve each page's own image where supplied. */
body.page .pagehead--cine .cinefield{z-index:0}
body.page .pagehead--cine::before{display:none}
body.page .pagehead--cine::after{background:linear-gradient(90deg,#130f18ed 0%,#130f18bd 56%,#130f1855 100%)}
body.page .pagehead--cine .wrap{z-index:2}
body.page .bed--close h2{font-weight:550;font-size:clamp(38px,4.6vw,68px);letter-spacing:-.045em}
body.page .bed--close .wrap{padding-block:clamp(86px,10vw,150px)}
body.page .foot__links a{color:#dfd4df}
body.page .foot__links a:hover{color:#fff}
@media(max-width:760px){body.page .nav__cta{font-size:12px;white-space:nowrap;padding-inline:11px}body.page .pagehead--cine::after{background:linear-gradient(90deg,#130f18e8,#130f18ab)}}

/* Cleaning-company page: subject-specific still life, selected painted direction D. */
body.page.page-id-132 .pagehead::before{inset:0 0 0 25%;background-image:url('/wp-content/mu-plugins/od-cleaning-still-life.webp');background-position:center center;opacity:1}
body.page.page-id-132 .pagehead::after{background:linear-gradient(90deg,#130f18f4 0%,#130f18c4 45%,#130f1833 100%)}
@media(max-width:760px){body.page.page-id-132 .pagehead::before{inset:0 0 0 12%;background-position:63% center}body.page.page-id-132 .pagehead::after{background:linear-gradient(90deg,#130f18f0,#130f18b6)}}

/* Reporting service: actual public sample portal, selected 393/1440 direction A. */
body.page.page-id-153 .pagehead{background:#18111e}
body.page.page-id-153 .pagehead::before{inset:auto 6% 0 auto;width:330px;height:670px;background:url('/wp-content/mu-plugins/od-reporting-demo-phone.webp') top center/330px auto no-repeat;opacity:1;border-radius:20px 20px 0 0;box-shadow:0 20px 60px #0008}
body.page.page-id-153 .pagehead::after{background:linear-gradient(90deg,#18111e 0%,#18111e 52%,#18111e00 82%)}
body.page.page-id-153 .pagehead>.wrap{z-index:2}
body.page.page-id-153 .pagehead h1,body.page.page-id-153 .pagehead .lede{max-width:690px}
body.page.page-id-153 .pagehead .od-hero-demo{display:inline-flex;margin-top:24px;padding:14px 20px;background:#d5c2e3;color:#211827;text-decoration:none;font-weight:600}
body.page.page-id-153 .pagehead .od-hero-demo:hover,body.page.page-id-153 .pagehead .od-hero-demo:focus-visible{background:#f4eee6;color:#211827}
@media(max-width:760px){body.page.page-id-153 .pagehead{padding-bottom:300px}body.page.page-id-153 .pagehead::before{right:12%;width:240px;height:260px;background-size:240px auto}body.page.page-id-153 .pagehead::after{background:linear-gradient(#18111e 0%,#18111e 60%,#18111e00 82%)}}

/* Local SEO service: illustrative street context and direct real-case route. */
body.page.page-id-152 .pagehead::before{inset:0 0 0 24%;background-image:url('/wp-content/mu-plugins/od-local-street.webp');background-position:center center;opacity:1}
body.page.page-id-152 .pagehead::after{background:linear-gradient(90deg,#130f18f6 0%,#130f18ca 47%,#130f1844 100%)}
body.page.page-id-152 .pagehead .od-hero-case{display:inline-flex;margin-top:24px;padding:14px 20px;background:#d5c2e3;color:#211827;text-decoration:none;font-weight:600}
body.page.page-id-152 .pagehead .od-hero-case:hover,body.page.page-id-152 .pagehead .od-hero-case:focus-visible{background:#f4eee6;color:#211827}
@media(max-width:760px){body.page.page-id-152 .pagehead::before{inset:0 0 0 10%;background-position:60% center}body.page.page-id-152 .pagehead::after{background:linear-gradient(90deg,#130f18f2,#130f18b8)}}

/* Website design service: a page-map illustration, with a real-build case route in the page body. */
body.page.page-id-156 .pagehead{background:#18111e}
body.page.page-id-156 .pagehead::before{inset:4% 1% 0 auto;width:47%;height:93%;background:url('/wp-content/mu-plugins/od-website-page-map.svg') center/contain no-repeat;opacity:1}
body.page.page-id-156 .pagehead::after{background:linear-gradient(90deg,#18111e 0%,#18111e 52%,#18111e00 55%)}
body.page.page-id-156 .pagehead h1,body.page.page-id-156 .pagehead .lede{max-width:650px}
body.page.page-id-156 .pagehead .od-hero-case{display:inline-flex;margin-top:24px;padding:14px 20px;background:#d5c2e3;color:#211827;text-decoration:none;font-weight:600}
body.page.page-id-156 .pagehead .od-hero-case:hover,body.page.page-id-156 .pagehead .od-hero-case:focus-visible{background:#f4eee6;color:#211827}
@media(max-width:1300px){body.page.page-id-156 .pagehead{padding-bottom:445px}body.page.page-id-156 .pagehead::before{inset:auto 0 0 0;width:100%;height:410px;background-size:580px auto}body.page.page-id-156 .pagehead::after{background:none}body.page.page-id-156 .pagehead h1,body.page.page-id-156 .pagehead .lede{max-width:850px}}
@media(max-width:760px){body.page.page-id-156 .pagehead{padding-bottom:350px}body.page.page-id-156 .pagehead::before{inset:auto 0 0 0;width:100%;height:310px;background-image:url('/wp-content/mu-plugins/od-website-page-map-mobile.svg');background-size:390px auto}body.page.page-id-156 .pagehead h1,body.page.page-id-156 .pagehead .lede{max-width:none}}