/* Exact type roles/palette from IG/posts/octiai-early-access/render.py.
   The illustration is the unchanged accepted editorial-pair dark/01.png.
   This stylesheet affects the hero study only; production-derived page remains at /. */
body.hero-study{background:#23201e}
body.hero-study:not(.pricing-page) .octi-header{width:min(1510px,calc(100% - 144px));height:112px;border-bottom:1px solid #bca18445;font-family:'Segoe UI',sans-serif;color:#fff6e5;z-index:5}
.hero-study .octi-brand{font:700 30px/1 'Segoe UI',sans-serif;letter-spacing:-.025em;color:#fff6e5;gap:12px}
.hero-study .octi-brand img{width:49px;height:49px;object-fit:contain}
.hero-study .octi-nav{gap:38px}.hero-study .octi-nav a{font:400 14px/1.5 'Segoe UI',sans-serif;color:#d9cabb}
.hero-study .octi-nav a[aria-current]{color:#fff6e5;text-decoration-color:#e9ab70}
.hero-study .octi-account{font-size:14px;color:#fff6e5}
.atelier-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff6e5;background:radial-gradient(ellipse at 80% 70%,#71442d38,transparent 62%),radial-gradient(ellipse at 10% 0%,#10110f42,transparent 72%),#23201e;padding:210px 0 0;font-family:'Segoe UI',sans-serif}
.atelier-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.atelier-layout{width:min(1510px,calc(100% - 144px));margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:0;min-height:580px;padding-bottom:65px}
.atelier-copy{position:relative;z-index:2;padding-bottom:20px}
.atelier-label{font:400 13px/1.5 Consolas,'Courier New',monospace;text-transform:uppercase;letter-spacing:.035em;color:#e9ab70;margin:0 0 31px}
.atelier-copy h1{font:400 clamp(66px,5.7vw,112px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;white-space:nowrap;color:#fff6e5}
.atelier-copy h1 em{font-style:italic;font-weight:400;color:#e9ab70;letter-spacing:-.035em}
.atelier-intro{font:400 clamp(18px,1.45vw,24px)/1.65 'Segoe UI',sans-serif;color:#f2e7d6;margin:38px 0 0;max-width:610px}
.atelier-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin-top:37px}
.atelier-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#e9ab70;color:#23201e;border:1px solid #f3bd8a;border-radius:6px;font:600 17px/1.4 'Segoe UI',sans-serif;padding:17px 24px;min-height:59px;transition:background .18s,transform .18s}
.atelier-primary>span{font-size:30px;line-height:.7}.atelier-primary:hover{background:#f1bb88;transform:translateY(-2px)}
.atelier-secondary{font:400 14px/1.4 'Segoe UI',sans-serif;color:#e0ceba;display:inline-flex;gap:24px;align-items:center;padding:8px 0;border-bottom:1px solid #b596724d}.atelier-secondary:hover{color:#fff6e5;border-color:#e9ab70}
.atelier-art{margin:40px -35px 0 -10px;min-width:0;position:relative;align-self:center}
.atelier-art-window{position:relative;aspect-ratio:941/720;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent 0%,#000 9%,#000 85%,transparent 98%);mask-composite:intersect;}
.atelier-art-window img{position:absolute;max-width:none;display:block;width:100%;height:auto;top:-85.8%;left:0;mix-blend-mode:lighten}
.atelier-art figcaption{display:flex;justify-content:center;align-items:center;gap:13px;margin:15px 0 0;color:#cbb9a5;font:400 12px/1.6 Consolas,'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em}.atelier-star{color:#e9ab70;font-size:22px}
.atelier-baseline{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;width:min(1510px,calc(100% - 144px));margin:auto;border-top:1px solid #bca18445;padding:26px 0 32px;font:400 12px/1.6 Consolas,'Courier New',monospace;text-transform:uppercase;letter-spacing:.025em;color:#cbb9a5}.atelier-baseline a{display:flex;gap:24px;align-items:center}.atelier-baseline a span{color:#e9ab70;font-size:20px}
.study-compare{font:400 12px/1.5 'Segoe UI',sans-serif;display:flex;gap:20px;justify-content:space-between;padding:14px max(24px,calc((100% - 1510px)/2));background:#1c1a19;color:#a99b8e;border-top:1px solid #79645033}.study-compare a{color:#d8b58e;text-decoration:underline;text-underline-offset:3px}
.hero-study .atelier-hero a:focus-visible,body.hero-study:not(.pricing-page) .octi-header :focus-visible{outline:2px solid #fff6e5;outline-offset:6px}
@media(min-width:1700px){.atelier-hero{padding-top:230px}.atelier-layout{min-height:670px}.atelier-art{margin-left:0;margin-right:-25px}}
@media(max-width:1150px){body.hero-study:not(.pricing-page) .octi-header,.atelier-layout,.atelier-baseline{width:calc(100% - 80px)}.atelier-hero{padding-top:180px}.atelier-layout{min-height:510px}.atelier-copy h1{font-size:clamp(57px,6vw,76px)}.atelier-label{font-size:11px}.atelier-intro{font-size:18px}.atelier-art{margin-left:-20px;margin-right:-15px}.atelier-art figcaption{font-size:10px}.hero-study .octi-nav{gap:25px}}
@media(max-width:760px){body.hero-study:not(.pricing-page) .octi-header{height:95px;grid-template-columns:1fr auto;width:calc(100% - 48px);gap:18px}.hero-study .octi-brand{font-size:26px}.hero-study .octi-brand img{width:39px;height:39px}.hero-study .octi-nav{display:none}.hero-study .octi-account{grid-column:2;grid-row:1;font-size:14px}.atelier-hero{padding-top:142px}.atelier-layout{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 48px);padding-bottom:20px;min-height:0}.atelier-copy{padding:0}.atelier-label{font-size:10px;letter-spacing:.015em;margin-bottom:24px}.atelier-copy h1{font-size:clamp(38px,9.7vw,72px);letter-spacing:-.035em}.atelier-intro{font-size:18px;line-height:1.65;margin-top:26px}.desktop-break{display:none}.atelier-actions{margin-top:29px;gap:12px}.atelier-primary{font-size:15px;padding:16px 19px;width:100%;min-height:55px;gap:12px}.atelier-secondary{font-size:13px}.atelier-art{margin:35px -14px 0}.atelier-art figcaption{font-size:10px;gap:9px;margin-top:5px}.atelier-baseline{width:calc(100% - 48px);padding:22px 0;display:block;font-size:10px}.atelier-baseline>a{display:none}.study-compare{align-items:center;font-size:11px;gap:20px}.study-compare>a{max-width:185px;text-align:right}}
@media(prefers-reduced-motion:reduce){.atelier-primary{transition:none}.atelier-primary:hover{transform:none}}