/* Approved Studea sunrise/sunset theme. Shared by every Studea page. */
@font-face{font-family:RedHatDisplay;src:url('/site-assets/redhat-display.woff2') format('woff2'),url('/site-assets/redhat-display.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:RedHatText;src:url('/site-assets/redhat-text.woff2') format('woff2'),url('/site-assets/redhat-text.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--sans:RedHatText,sans-serif;--serif:RedHatDisplay,sans-serif;--mono:RedHatText,sans-serif;--gutter:32px;--bg:#f8f6ef;--ink:#182f31;--ink-dim:#405557;--ink-faint:#536769;--rule:#cdd3cc}
:root[data-scene=sunset]{color-scheme:dark;--bg:#302334;--ink:#fff1df;--ink-dim:#e9cdbc;--ink-faint:#d6b8ad;--rule:#6d5365}
body,.top,.night-scene{background:var(--bg);color:var(--ink)}
.grain,.vignette,.light-band{display:none}a{text-underline-offset:4px}
::selection{background:#b9d5d1;color:#142b2d}:root[data-scene=sunset] ::selection{background:#f2c29e;color:#302334}
.skip-link{position:absolute;top:8px;left:16px;z-index:100;padding:12px 16px;background:var(--ink);color:var(--bg);transform:translateY(-200%)}.skip-link:focus{transform:none}
.brand-word{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:18px}.night-mark{color:var(--ink);flex-shrink:0}.night-mark .umbrella-shade{fill:#879d9b}:root[data-scene=sunset] .night-mark .umbrella-shade{fill:#b99aad}
.night-scene{position:relative;isolation:isolate;min-height:850px;overflow:clip}.night-scene::after{content:"";position:absolute;inset:auto 0 0;height:96px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,var(--bg) 100%)}
.night-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;background-size:cover;background-position:center bottom;mask-image:linear-gradient(180deg,transparent,#000 15%);opacity:1}

.night-scene .r-hero{position:relative;display:block;max-width:none;min-height:850px;margin:0;padding:72px 64px 400px!important}
.night-scene .r-title{font:600 64px/1.05 RedHatDisplay,sans-serif;letter-spacing:-.04em;max-width:680px;margin:0;background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);text-wrap:balance}
.night-intro{font-size:18px;line-height:28px;margin:24px 0 0;max-width:420px;color:var(--ink)}
.night-actions{display:flex;margin-top:32px}.night-actions a,.collaborate-cta{display:inline-flex;align-items:center;border-radius:999px;padding:10px 22px;min-height:44px;gap:22px;background:var(--ink);color:#fff;font-size:15px;line-height:24px;font-weight:600;text-decoration:none;border:0}
.night-actions a span,.collaborate-cta-arrow{font-size:20px;line-height:24px}
.night-products{max-width:none;margin:0;padding:64px 32px 0}.night-products p{font-size:14px;line-height:20px;color:var(--ink-faint);margin:0 0 24px}.night-products div{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:flex-start}.night-products a{font:600 28px/1.15 RedHatDisplay,sans-serif;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}
.split{display:block;max-width:none}.split-copy{display:block}.r-index{max-width:1240px;margin-inline:auto;padding-block:120px!important}.r-index-head{padding:0 0 32px;border:0}.r-index-title{font:600 72px/1 RedHatDisplay,sans-serif;letter-spacing:-.05em;color:var(--ink);margin:0}
.collaborate,.record,.megafoot{max-width:none}.collaborate{background:#e8ece3;color:var(--ink);border:0;padding-block:96px}.collaborate-title{font:600 60px/1 RedHatDisplay,sans-serif;letter-spacing:-.055em;max-width:680px;color:var(--ink)}.collaborate-lede{font-size:18px;line-height:28px;max-width:680px}.collaborate-lede,.collaborate-note{color:var(--ink-dim)}.record{border:0;padding-block:96px}.record-title{font:600 36px/40px RedHatDisplay,sans-serif;letter-spacing:-.04em;color:var(--ink)}.record-cell{border-color:var(--rule)}.record-cell dt{color:var(--ink-faint);text-transform:none;letter-spacing:0}.record-cell dd{color:var(--ink-dim)}.r-copy{color:var(--ink);border-color:var(--rule);background:none}.r-record-actions a,.record-cell a{color:var(--ink)}.r-record-actions .mono{letter-spacing:0;text-transform:none}.status-dot{background:#426845;box-shadow:none}.megafoot-text{font-family:RedHatDisplay,sans-serif;fill:var(--ink)}
:root[data-scene=sunset] .collaborate{background:#3b2a3b}:root[data-scene=sunset] .night-actions a,:root[data-scene=sunset] .collaborate-cta{background:#f2c29e;color:#302334}:root[data-scene=sunset] .status-dot{background:#c6d4a0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.theme-toggle[hidden]{display:none}.theme-icon{width:22px;height:22px;color:#a65937;flex-shrink:0}:root[data-scene=sunset] .theme-icon{color:#f3b38c}:root[data-scene=sunset] .theme-sun{transform:translateY(2px)}
@media(hover:hover) and (pointer:fine){.theme-toggle:hover{background:color-mix(in srgb,var(--ink) 12%,transparent)}.night-actions a:hover,.collaborate-cta:hover{background:#315455;color:#fff}:root[data-scene=sunset] .night-actions a:hover,:root[data-scene=sunset] .collaborate-cta:hover{background:#ffdbc0;color:#302334}.r-copy:hover{background:color-mix(in srgb,var(--ink) 7%,var(--bg));color:var(--ink)}}
@media(prefers-reduced-motion:no-preference){.theme-toggle,.night-actions a,.collaborate-cta{transition:background-color .2s,color .2s,transform .2s}.night-actions a:active,.collaborate-cta:active{transform:scale(.98)}}
@media(max-width:760px){:root{--gutter:24px}.night-scene,.night-scene .r-hero{min-height:780px}.night-scene .r-hero{padding:48px 24px 360px!important}.night-scene .r-title{font-size:36px;line-height:40px}.night-intro{font-size:16px;line-height:24px}.night-actions{margin-top:24px}.night-art{background-position:38% bottom;mask-image:linear-gradient(180deg,transparent,#000 48%)}.night-products{padding:40px 24px 0}.night-products div{gap:16px 24px}.night-products a{font-size:20px}.r-index{padding-block:80px!important}.r-index-title{font-size:42px}.collaborate,.record{padding-block:64px}.collaborate-title{font-size:36px;line-height:40px}.record-title{font-size:30px;line-height:36px}}
@media(max-width:360px){.night-scene .r-title{font-size:30px;line-height:34px}}

.simple-portfolio{padding-top:20px}.simple-company{border-top:1px solid var(--line,#897c7740);padding:36px 0;display:grid;grid-template-columns:1fr 1.3fr .65fr;gap:40px;align-items:center}.company-identity{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--ink)}.company-identity img{width:44px;height:44px;object-fit:contain;border-radius:10px}.company-identity h3{font:inherit;font-size:30px;letter-spacing:-.045em;margin:0;font-weight:500}.simple-company p{margin:0;max-width:480px;font-size:16px;line-height:1.65;color:var(--ink);opacity:.8}.visit{display:flex;gap:20px;align-items:center;justify-content:flex-end;text-decoration:none;color:var(--ink);font-size:12px}.visit b{font-weight:400;font-size:25px}.simple-company[hidden]{display:none}.simple-portfolio a:focus-visible,.product-picker button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(hover:hover) and (pointer:fine){.simple-company:hover .visit b{transform:translate(3px,-3px)}.variant-A .simple-company:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}}
@media(prefers-reduced-motion:no-preference){.visit b{transition:transform .25s}.simple-company{transition:background .25s}}
/* Editorial rows with large company wordmarks and supporting brand icons. */
.variant-E .simple-company{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:48px;padding:54px 0}
.variant-E .company-identity{gap:24px;min-width:0}
.variant-E .company-identity img{width:64px;height:64px;flex:0 0 64px;border-radius:14px}
.variant-E .company-identity h3{font-size:clamp(48px,4.8vw,72px);letter-spacing:-.06em;line-height:1.08}
.variant-E #product-0 h3{font-family:Georgia,serif;font-weight:600;letter-spacing:-.055em}
.variant-E #product-2 h3{font-weight:750}
.variant-E #product-3 h3{font-size:clamp(40px,4vw,58px)}
.variant-E .simple-company p{font-size:16px;max-width:420px}
.variant-E .visit span{display:none}
.variant-E .visit{min-width:44px;min-height:44px;justify-content:center}
.variant-E .visit b{font-size:30px}
@media(min-width:761px) and (max-width:1100px){.variant-E .simple-company{gap:24px}.variant-E .company-identity{gap:16px}.variant-E .company-identity img{width:44px;height:44px;flex-basis:44px}.variant-E .company-identity h3{font-size:42px}.variant-E #product-3 h3{font-size:34px}}
@media(max-width:760px){.variant-E .simple-company{grid-template-columns:minmax(0,1fr) 32px;gap:24px 12px;padding:38px 0}.variant-E .company-identity{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:18px}.variant-E .company-identity img{width:40px;height:40px;border-radius:9px}.variant-E .company-identity h3{font-size:clamp(44px,12vw,66px)}.variant-E #product-3 h3{font-size:clamp(37px,10.2vw,56px)}.variant-E .simple-company p{font-size:15px;grid-row:2}.variant-E .visit{grid-column:2;grid-row:1;align-self:start;min-width:32px}.variant-E .visit b{font-size:27px}}
@media(max-width:760px){.variant-E .company-identity{grid-row:1}.variant-E .visit{position:relative;z-index:1}}

/* Original painted clouds, isolated above the horizon; no image deformation. */
.cloud-sky{position:absolute;bottom:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 18%);overflow:hidden}
.cloud-band{position:absolute;inset:0;overflow:hidden;mask-composite:intersect}
.cloud-track{display:flex;width:200%;height:100%;animation:cloud-drift 480s linear infinite;animation-play-state:paused}
.cloud-tile{flex:0 0 50%;height:100%;background-size:100% 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 68%,transparent 79%)}
.cloud-far{mask-image:linear-gradient(180deg,transparent 23%,#000 29%,#000 37%,transparent 42%),linear-gradient(90deg,transparent,#000 8%,#000 70%,transparent 81%)}
.cloud-near{mask-image:linear-gradient(180deg,transparent 36%,#000 40%,#000 49%,transparent 54%),linear-gradient(90deg,transparent,#000 8%,#000 68%,transparent 79%)}
.cloud-far .cloud-track{animation-duration:720s;animation-delay:-90s}
.cloud-near .cloud-track{animation-delay:-40s}
.night-scene.wind-playing .cloud-track{animation-play-state:running}
@keyframes cloud-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:760px){.cloud-sky{mask-image:linear-gradient(180deg,transparent,#000 48%)}}
@media(prefers-reduced-motion:reduce){.cloud-sky{display:none}.cloud-track{animation:none!important}}

/* Shared Studea page surfaces. The landscape remains the homepage's focal point. */
:root{--bg-2:#fdfbf5;--rule-strong:#b3beb7;--silver-grad:none;--silver-grad-soft:none}
:root[data-scene=sunset]{--bg-2:#3a2d3d;--rule-strong:#997f92}
.top{gap:24px;flex-wrap:wrap;margin:0 auto;padding:20px 64px;border:0;border-radius:0;background:var(--bg);max-width:none}
.top-nav{gap:24px;flex-wrap:wrap}.brand{gap:10px;flex-shrink:0}.brand-word{font-weight:400}.top-nav a{font-size:14px}.top-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.display,.section-title,.legal-title,.workflow-intro h1{font-family:RedHatDisplay,var(--sans);font-weight:600;letter-spacing:-.05em;color:var(--ink);background:none;-webkit-text-fill-color:var(--ink);text-transform:none;text-shadow:none}
.studea-page main{min-width:0}.studea-page .index{max-width:1240px;margin:0 auto;padding:72px var(--gutter) 96px}.studea-page .section-head{border:0;padding:0 0 36px}.studea-page .section-title{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:0}
.studea-page .legal{max-width:850px;padding:72px var(--gutter) 96px}.legal-title{font-size:clamp(42px,6vw,72px);line-height:1.06}.legal-section h2{font:600 22px/1.3 RedHatDisplay,var(--sans);letter-spacing:-.025em;text-transform:none;color:var(--ink);margin-bottom:20px}.legal-section p,.legal-section li{font-size:16px;line-height:1.75}.legal-section{padding-block:30px 16px}.legal-meta,.section-eyebrow{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-faint)}.legal-row dd{color:var(--ink-dim)}
.studea-page .positions{display:block;border:0}.studea-page .position{display:block;border-top:1px solid var(--rule);padding:36px 0;margin:0;background:none}.studea-page .position-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;padding:0;overflow:visible;background:none}.studea-page .position-link::before,.studea-page .position-link::after{display:none}.studea-page .position-idx{display:none}.studea-page .position-body{display:flex;flex-direction:column;gap:16px}.studea-page .position-name{font:600 clamp(36px,4vw,56px)/1.1 RedHatDisplay,var(--sans);letter-spacing:-.05em;margin:0;color:var(--ink);transform:none;text-shadow:none}.studea-page .position-cat{font-family:var(--sans);font-size:12px;text-transform:none;letter-spacing:0;color:var(--ink-faint)}.studea-page .position-line{font-size:16px;line-height:1.65;max-width:58ch;color:var(--ink-dim)}.studea-page .position-meta{align-self:center;transform:none;padding:0;background:none;font-family:var(--sans);font-size:12px;letter-spacing:0;color:var(--ink)}
.studea-page .megafoot,.studea-home .megafoot{border-top:1px solid var(--rule);padding-block:40px 24px}.megafoot-letters{font-family:RedHatDisplay,var(--sans);letter-spacing:-.065em;color:var(--ink)}.megafoot-letters span{background:none;-webkit-text-fill-color:var(--ink);text-shadow:none}.megafoot-dot{display:none}.megafoot-meta{color:var(--ink-dim);font-family:var(--sans)}.megafoot-meta .mono{font-family:var(--sans);letter-spacing:0;text-transform:none}
.workflow-mark{width:64px;height:64px}.workflow-intro h1{font-size:clamp(42px,4.8vw,66px)}.workflow-form{border-color:var(--rule)}.workflow-submit{border:0;border-radius:999px;min-height:52px}.workflow-status{padding-top:4px}.workflow-success h2:focus{outline:none}.workflow-field input,.workflow-field textarea{background:var(--bg-2);border-color:var(--rule-strong)}
.cookie-banner{background:var(--bg-2);color:var(--ink);border-color:var(--rule-strong)}.cookie-title,.cookie-text,.cookie-link{color:var(--ink)}.cookie-btn{font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:999px;min-height:44px}.cookie-accept{background:var(--ink);color:var(--bg)}.cookie-decline{background:none;color:var(--ink);border-color:var(--rule-strong)}
:is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ink);outline-offset:4px}button{touch-action:manipulation}.motion-toggle[hidden]{display:none}.studea-page .top-nav .contact{display:none}
@media(hover:hover) and (pointer:fine){.studea-page .position-link:hover{padding:0;background:none}.studea-page .position-link:hover .position-name,.studea-page .position-link:hover .position-meta{transform:none;color:var(--ink);text-shadow:none}.studea-page .position-link:hover .position-go{transform:translate(2px,-2px)}.cookie-decline:hover{background:color-mix(in srgb,var(--ink) 8%,var(--bg))}.cookie-accept:hover{background:var(--ink-dim);color:var(--bg)}}
@media(max-width:1000px){.top{padding-inline:32px}.top-nav{gap:16px}}
@media(max-width:760px){.top{padding:20px 24px;gap:20px}.top-nav{display:flex;gap:8px 20px;align-items:center}.top-nav a{font-size:13px}.top-nav .theme-toggle{margin-left:0}.brand-word{font-size:17px}.studea-page .index,.studea-page .legal{padding:40px 24px 64px}.studea-page .position-link{grid-template-columns:1fr}.studea-page .position-meta{justify-self:start;min-height:44px;margin:0}.legal-section h2{font-size:20px}.legal-section p,.legal-section li{font-size:15px}.studea-page .megafoot{padding-inline:24px}.megafoot-meta{gap:16px}.megafoot-meta p{font-size:11px;line-height:1.6}.workflow-intro h1{font-size:40px}.motion-toggle{padding-inline:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud-track{animation:none!important}.simple-company,.visit b{transition:none}}
/* Keep navigation and headings legible from the first frame. */
.top,.hero,.r-title,.section-head,.position,.record,.collaborate{animation:none;opacity:1}
.motion-toggle{min-height:44px;padding:8px 12px;border:0;background:none;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.motion-toggle:disabled{opacity:.6;cursor:default}
.studea-page .position-meta{display:flex;gap:20px;letter-spacing:0;text-transform:none}.studea-page .position-go{font-size:22px}
@media(max-width:760px){.studea-page .position-meta{display:flex}.motion-toggle{padding-inline:0}}
.top-nav a{letter-spacing:0;text-transform:none}.top-nav .contact{display:none}
.night-scene .r-hero>h1.display{animation:none;opacity:1;transform:none;clip-path:none}
.studea-page .position-meta{border:0;border-radius:0}.studea-page .position-meta .mono{letter-spacing:0;text-transform:none;font-size:12px}
.megafoot-mark .megafoot-letters{display:flex;justify-content:space-between;font-size:clamp(60px,18vw,260px);line-height:1;font-weight:600}.megafoot-meta p{margin:0}.workflow-success{padding-inline:0}

/* Fetch only the selected decorative landscape, at the appropriate size. */
.night-art{background-image:url('/site-assets/sunrise.webp?v=9547114791');background-image:image-set(url('/site-assets/sunrise.avif?v=c88f430061') type('image/avif'),url('/site-assets/sunrise.webp?v=9547114791') type('image/webp'))}
:root[data-scene=sunset] .night-art{background-image:url('/site-assets/sunset.webp?v=f74f06d306');background-image:image-set(url('/site-assets/sunset.avif?v=dc072c6122') type('image/avif'),url('/site-assets/sunset.webp?v=f74f06d306') type('image/webp'))}

/* Final editorial spacing: keep navigation compact and product identities together. */
.nav-links,.nav-controls{display:flex;align-items:center;gap:24px}.nav-controls{gap:12px}
.variant-E #product-2 h3{font-weight:600;font-size:clamp(44px,4.4vw,64px)}
.variant-E #product-4 h3,.variant-E #product-1 h3{font-size:clamp(44px,4.5vw,66px)}
.variant-E #product-0 h3{font-size:clamp(48px,4.9vw,72px)}
.variant-E .company-identity img{width:56px;height:56px;flex-basis:56px;border-radius:12px}
@media(hover:hover) and (pointer:fine){.variant-E .company-identity:hover,.variant-E .visit:hover{color:var(--ink-dim)}.variant-E .simple-company:hover .visit b{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:no-preference){.variant-E .company-identity,.variant-E .visit{transition:color .18s}.variant-E .visit b{transition:transform .18s}}
@media(max-width:760px){
 .top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:14px 24px 8px;align-items:center}
 .top .brand{grid-column:1;grid-row:1;gap:8px;white-space:nowrap}.brand-word{font-size:16px}.top .night-mark{width:28px;height:28px}
 .top-nav{display:contents}.nav-controls{grid-column:2;grid-row:1;gap:4px}.nav-links{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px}.nav-links a{font-size:12px;white-space:nowrap}
 .top-nav .theme-toggle{padding:10px;min-width:44px;width:44px;height:44px}.theme-toggle .theme-icon{width:20px;height:20px}.top-nav .theme-label{display:none}
 .top-nav .motion-toggle{font-size:0;width:44px;min-width:44px;padding:10px}.motion-toggle::before{content:'Ⅱ';font:18px/24px Arial,sans-serif}.motion-toggle[aria-pressed=true]::before{content:'▷'}
 .night-scene .r-hero{padding-top:40px!important}.night-intro{margin-top:20px}
 .variant-E .company-identity{display:flex;gap:12px;padding-right:52px}.variant-E .company-identity img{width:32px;height:32px;flex:0 0 32px;border-radius:7px}
 .variant-E .company-identity h3,.variant-E #product-2 h3,.variant-E #product-4 h3,.variant-E #product-1 h3{font-size:clamp(28px,8.2vw,48px);letter-spacing:-.045em}
 .variant-E #product-3 h3{font-size:clamp(23px,6.6vw,40px)}.variant-E #product-0 h3{font-size:clamp(36px,9.5vw,52px)}
 .variant-E .simple-company{grid-template-columns:minmax(0,1fr) 44px;gap:18px 12px;padding:32px 0}.variant-E .visit{width:44px;min-width:44px;min-height:44px;align-self:center}
}
@media(max-width:360px){.top{padding-inline:20px}.brand-word{font-size:15px}.nav-links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.variant-E .simple-company:hover .visit b{transform:none}}
:root{--page-art:image-set(url('/site-assets/sunrise-small.avif?v=9f22a55544') type('image/avif'),url('/site-assets/sunrise-small.webp?v=195dc0be97') type('image/webp'))}
:root[data-scene=sunset]{--page-art:image-set(url('/site-assets/sunset-small.avif?v=9dfee7e7c2') type('image/avif'),url('/site-assets/sunset-small.webp?v=d2f21917a8') type('image/webp'))}

/* Carry the homepage's illustrated paper into compact, readable inner-page mastheads. */
body.studea-page{position:relative;isolation:isolate}
body.studea-page::before{content:"";position:absolute;top:84px;left:32%;right:0;height:300px;z-index:-1;background-image:var(--page-art);background-size:cover;background-position:center 64%;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000 36%),linear-gradient(180deg,transparent,#000 24%,#000 58%,transparent);mask-composite:intersect;pointer-events:none}
.studea-page .section-head{display:block;grid-template-columns:none;padding-bottom:48px;min-height:160px;align-content:center}
.studea-page .section-title{font-size:clamp(40px,5vw,64px);line-height:1.08;max-width:none;width:auto;margin:0;text-wrap:balance}
.studea-page .legal-title{font-size:clamp(40px,5vw,64px);line-height:1.08;max-width:20ch;margin-bottom:32px}
.studea-page .legal{max-width:1040px;margin-inline:auto;padding-top:64px}
.studea-page .megafoot-mark{display:none}.studea-page .megafoot{margin-top:48px}
.workflow-intro .workflow-mark{display:none}.workflow-intro h1{margin-top:0;font-size:clamp(40px,4.5vw,60px)}
.workflow-form{padding:28px;background:var(--bg-2);border:1px solid var(--rule);border-radius:12px}
@media(max-width:760px){body.studea-page::before{top:118px;left:12%;height:240px;opacity:.32}.studea-page .section-head{padding-bottom:32px;min-height:140px}.studea-page .section-title,.studea-page .legal-title{font-size:38px;line-height:1.1}.studea-page .legal{padding-top:40px}.workflow-form{padding:20px}.workflow-shell{margin-top:40px}.workflow-layout{gap:32px}.workflow-intro h1{font-size:38px}}

/* Company accents stay quiet until a link is hovered or keyboard focused. */
:is(.night-products a,.simple-company a)[href="https://fleetkeep.co.uk"]{--brand-accent:#806500;--brand-accent-night:#fecf02}
:is(.night-products a,.simple-company a)[href="https://daygauge.com"]{--brand-accent:#276343;--brand-accent-night:#a7c8ad}
:is(.night-products a,.simple-company a)[href="https://reservegauge.com"]{--brand-accent:#355dab;--brand-accent-night:#9dbaff}
:is(.night-products a,.simple-company a)[href="https://tenderlead.co.uk"]{--brand-accent:#1a5b3e;--brand-accent-night:#83ba9a}
:is(.night-products a,.simple-company a)[href="https://shvl.app"]{--brand-accent:#08718a;--brand-accent-night:#6dcedc}
:root[data-scene=sunset] :is(.night-products a,.simple-company a){--brand-accent:var(--brand-accent-night)}
.night-products a:focus-visible{color:var(--brand-accent);text-decoration:underline;text-underline-offset:6px}
@media(hover:hover) and (pointer:fine){.night-products a:hover{color:var(--brand-accent)}}
@media(prefers-reduced-motion:no-preference){.night-products a{transition:color .16s ease}}

.variant-E .simple-company:focus-within :is(.company-identity,.visit){color:var(--brand-accent)}
@media(hover:hover) and (pointer:fine){.variant-E .simple-company:hover :is(.company-identity,.visit){color:var(--brand-accent)}}

/* Let the paper header dissolve into the painted sky. */
.night-scene::before{content:"";position:absolute;inset:0 0 auto;height:120px;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 94%,transparent) 15%,color-mix(in srgb,var(--bg) 55%,transparent) 52%,transparent 100%)}
.night-scene .motion-toggle{position:absolute;right:32px;bottom:32px;z-index:3;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;font-size:0;border-radius:0}
.motion-toggle::before{content:"";display:block;width:16px;height:16px;background:currentColor;clip-path:polygon(18% 8%,40% 8%,40% 92%,18% 92%,18% 8%,60% 8%,82% 8%,82% 92%,60% 92%,60% 8%)}
.motion-toggle[aria-pressed=true]::before{content:"";clip-path:polygon(23% 8%,88% 50%,23% 92%)}
.motion-toggle[hidden]{display:none}
@media(max-width:760px){.night-scene::before{height:150px}}

/* Preserve more source detail on wide screens; phones retain the small transfer. */
@media(min-width:1100px){.night-art{background-image:image-set(url('/site-assets/sunrise-detail.avif?v=20261029-detail') type('image/avif'),url('/site-assets/sunrise.webp?v=9547114791') type('image/webp'))}:root[data-scene=sunset] .night-art{background-image:image-set(url('/site-assets/sunset-detail.avif?v=20261029-detail') type('image/avif'),url('/site-assets/sunset.webp?v=f74f06d306') type('image/webp'))}}

/* Inner-page illustrations use the same detailed source on wide screens. */
@media(min-width:1100px){:root{--page-art:image-set(url('/site-assets/sunrise-detail.avif?v=20261029-detail') type('image/avif'),url('/site-assets/sunrise.webp?v=9547114791') type('image/webp'))}:root[data-scene=sunset]{--page-art:image-set(url('/site-assets/sunset-detail.avif?v=20261029-detail') type('image/avif'),url('/site-assets/sunset.webp?v=f74f06d306') type('image/webp'))}}

/* App rows share the portfolio's quiet brand-colour link treatment. */
.studea-page .position-name{-webkit-text-fill-color:currentColor}
.studea-page .position-link[href="/apps/splatbird"]{--brand-accent:#a64225;--brand-accent-night:#ffad90}
.studea-page .position-link[href*="/daygauge-health-insights/"]{--brand-accent:#276343;--brand-accent-night:#a7c8ad}
.studea-page .position-link[href="/apps/ordinary-odds"]{--brand-accent:#7050a4;--brand-accent-night:#c7b3ff}
:root[data-scene=sunset] .studea-page .position-link{--brand-accent:var(--brand-accent-night)}
.studea-page .position-link::before,.studea-page .position-link::after{content:none}
.studea-page .position-link .position-meta{background:transparent}
.studea-page .position-meta .mono{color:inherit;-webkit-text-fill-color:currentColor}
.studea-page .position-link:focus-visible{outline:none}
.studea-page .position-link:focus-visible .position-name{color:var(--brand-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.studea-page .position-link:focus-visible .position-meta{color:var(--brand-accent)}
@media(hover:hover) and (pointer:fine){.studea-page .position-link:hover :is(.position-name,.position-meta){color:var(--brand-accent)}.studea-page .position-link:hover .position-cat{color:var(--ink-faint)}}
@media(prefers-reduced-motion:no-preference){.studea-page .position-name,.studea-page .position-meta{transition:color .16s ease}}