/* V12: optical polish, not a new visual direction. */
@font-face{font-family:PaiaEditorial12;src:url('/assets/website/type/atelier-editorial-v12.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
.p12-home,.p12-demo{--p10-display:PaiaEditorial12,PaiaEditorial,PaiaSerif,'Songti SC',serif;--p12-line:#e3dfdf;--p12-blue:#637fa9;--p12-ink:#414c47}
html[lang=en] .p12-home,html[lang=en] .p12-demo{--p10-display:Instrument,Georgia,serif}
.p12-home .hero-intro{padding-top:154px;min-height:715px}.p12-home .hero h1{letter-spacing:-.015em}
.p12-definition{max-width:540px;margin:14px auto 0;font:14px/1.85 var(--sans);color:#606b68;text-wrap:pretty}
.p12-home .hero-actions{margin-top:25px}.p12-home .compatibility{margin-top:18px}
.p12-home .p10-hero-postscript{height:125px}.p12-home .p10-overline{letter-spacing:.15em}
/* One recalled sentence is the focal point; incidental material recedes. */
.p12-home .p10-find{height:590px}.p12-home .p10-found-note{width:55%;right:5%;top:85px;padding:30px 42px;transform:rotate(.8deg);background:#fffefb;box-shadow:0 30px 62px -32px #55657a55}
.p12-home .p10-found-note:before{inset:8px -5px -7px 6px;transform:rotate(-.5deg);background:#fff8}
.p12-home .p10-found-quote{color:#344459;line-height:1.72;padding:44px 0 30px}
.p12-home .p10-search-phrase{width:29%;left:8%;top:222px;transform:rotate(-2deg);box-shadow:0 14px 32px -20px #52647c88}
.p12-home .p10-scrap{box-shadow:none;border:0;background:#fff9}
.p12-home .p10-scrap-a{top:62px;left:3%;width:270px}
.p12-home .p10-scrap-b{top:390px;left:6%;width:278px}
.p12-home .p10-find[data-phase='2'] .p10-scrap,.p12-home .p10-find[data-phase='3'] .p10-scrap{opacity:.25}
.p12-home .p10-find[data-phase='2'] .p10-scrap-b,.p12-home .p10-find[data-phase='3'] .p10-scrap-b{transform:translate(-12px,0) rotate(4deg)}
.p12-home .p10-find-path{opacity:.48}.p12-home .p10-quote-mark{color:#d8e0ec;font-size:74px}
.p12-home .p10-under-scene p>span{margin-left:10px}
/* A restrained editorial composition: intent, experience and an open ending. */
.p12-home .p11-mind{height:810px}
.p12-home .p11-mind .p10-mind-paper{left:32%;right:3%;top:36px;bottom:54px;padding:30px 43px;background:linear-gradient(110deg,#fffdfa,#fff);box-shadow:0 36px 62px -38px #65556766}
.p12-home .p11-fold{left:25%;right:8%;background:linear-gradient(105deg,#eddfd4,#f6eee7 70%);transform:rotate(-3deg)}
.p12-home .p11-mind .p10-mind-paper h3{font-size:37px;line-height:1.5;margin-top:28px;color:#63515b}
.p12-home .p11-mind .p10-mind-paper header{color:#82747a}
.p12-home .p11-mind .p10-thought-line{left:calc(32% + 43px);width:calc(65% - 86px);font-size:25px;line-height:1.7;gap:10px;color:#504851}
.p12-home .p11-mind .p10-thought-one{top:280px}
.p12-home .p11-mind .p10-thought-two{top:414px}
.p12-home .p11-mind .p10-thought-three{top:553px}
.p12-home .p11-chapter-label{font-size:11px;letter-spacing:.12em;color:#8a777d}
.p12-home .p10-thought-three em{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.p12-home .p11-mind .p10-mind-paper footer{font-size:12px;color:#86747a;left:43px;right:43px}
.p12-home .p11-mind .p10-mind-directory{left:2%;width:25%;top:291px}
.p12-home .p11-mind .p10-voice-mark{width:176px;height:166px;opacity:.86}
.p12-home .p11-mind .p10-voice-caption{font:14px/1.9 var(--sans);letter-spacing:0;color:#82727b}
.p12-home .p11-mind .p10-voice-script{font-size:24px;color:#a78d99}
.p12-home .p11-mind[data-phase='0'] .p10-thought-line,.p12-home .p11-mind[data-phase='1'] .p10-thought-line{width:56%;padding:24px 28px;font-size:25px}
.p12-home .p11-mind[data-phase='0'] .p10-thought-one,.p12-home .p11-mind[data-phase='1'] .p10-thought-one{left:7%;top:175px}
.p12-home .p11-mind[data-phase='0'] .p10-thought-two,.p12-home .p11-mind[data-phase='1'] .p10-thought-two{left:29%;top:337px}
.p12-home .p11-mind[data-phase='0'] .p10-thought-three,.p12-home .p11-mind[data-phase='1'] .p10-thought-three{left:13%;top:525px}
html[lang=en] .p12-home .p11-mind .p10-thought-line{font:25px/1.45 var(--p10-display)}
/* Keep the pigments and geometry of the approved Context quartet. */
.p12-home #context .context-example button,.p12-demo #personal-context .context-example button{font-size:13px;min-height:44px;line-height:1.55}
.p12-home #context .context-card>p,.p12-demo #personal-context .context-card>p{font-size:11px;line-height:1.7}
.p12-home #context .context-card-bottom,.p12-demo #personal-context .context-card-bottom{font-size:11px;line-height:1.6}
.p12-home #context .context-disclaimer,.p12-demo #personal-context .context-disclaimer{font-size:12px;line-height:1.8}
.p12-home .context-switch,.p12-demo .context-switch{position:relative}.p12-home .context-switch:before,.p12-demo .context-switch:before{content:'';position:absolute;inset:auto;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%)}
.p12-home .v8-master,.p12-demo .v8-master{position:relative}.p12-home .v8-master:before,.p12-demo .v8-master:before{content:'';position:absolute;min-width:44px;min-height:44px;inset:-12px -6px}
/* The example is a work surface, not a second marketing opening. */
.p12-demo .d11-intro{max-width:1220px;text-align:left;padding:126px 30px 18px;display:grid;grid-template-columns:1.1fr 1fr;gap:13px 65px;align-items:end}
.p12-demo .d11-intro .eyebrow{grid-column:1/-1;margin:0}
.p12-demo .d11-intro h1{font:400 40px/1.4 var(--p10-display);margin:0;letter-spacing:0}
.p12-demo .d11-boundary{font-size:12px;line-height:1.9;margin:0;max-width:490px;color:#65747c}
.p12-demo .d11-space-nav{margin:0 auto 0;padding:10px 0 14px;justify-content:flex-start;gap:32px;max-width:1160px}
.p12-demo .d11-space-nav a{font-size:13px;min-height:44px}.p12-demo .d11-space-nav a span{font-size:15px}
.p12-demo .d11-archive{padding-top:32px}
.p12-demo .d11-heading{margin-bottom:21px}.p12-demo .d11-heading h2{font-size:28px}.p12-demo .d11-heading .eyebrow{font-size:9px;margin-bottom:8px}
.p12-search-starter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px;color:#718098;font-size:11px}
.p12-search-starter button{font:12px var(--sans);color:#536d97;background:#fff;border:1px solid #d9e3ef;border-radius:30px;padding:8px 12px;min-height:36px;transition:background .18s,border-color .18s}
.p12-search-starter button:hover{background:#edf3fb;border-color:#adbed9}
.p12-demo .d11-empty{color:#7b8a9a}.p12-demo .d11-empty p{font-size:23px}
.p12-demo .v8-entry-body{font-size:16px;color:#405065;line-height:1.85}
.p12-demo .v8-topic-card nav button{min-height:40px;font-size:13px}
.p12-demo #personal-context .context-card-bottom{color:#69706b}
@media(min-width:641px) and (max-width:1000px){
 .p12-home .p11-mind{height:830px}.p12-home .p11-mind .p10-mind-paper{left:30%;right:2%;padding:28px}
 .p12-home .p11-mind .p10-mind-paper h3{font-size:30px}.p12-home .p11-mind .p10-thought-line{left:calc(30% + 28px);width:calc(68% - 56px);font-size:23px;line-height:1.7}
 .p12-home .p11-mind .p10-thought-one{top:282px}.p12-home .p11-mind .p10-thought-two{top:410px}.p12-home .p11-mind .p10-thought-three{top:566px}
 .p12-home .p11-mind .p10-voice-mark{width:144px}.p12-demo .d11-space-nav{margin-inline:30px}
}
@media(max-width:640px){
 .p12-home .hero-intro{padding-top:131px;min-height:0;padding-bottom:27px}.p12-definition{font-size:13px;line-height:1.9;max-width:310px;margin-top:17px}
 .p12-home .hero-actions{margin-top:23px}.p12-home .p10-hero-postscript{height:113px}
 .p12-home .p10-find{height:650px}.p12-home .p10-found-note{width:88%;right:6%;top:214px;padding:24px;min-height:310px}.p12-home .p10-found-quote{font-size:24px;line-height:1.72;padding:40px 0 24px}
 .p12-home .p10-search-phrase{width:84%;left:8%;top:112px;height:60px}.p12-home .p10-scrap-a{top:35px;left:4%;width:205px}.p12-home .p10-scrap-b{top:493px;left:10%;width:230px}.p12-home .p10-scrap p{font-size:17px}
 .p12-home .p11-mind{height:960px}.p12-home .p11-mind .p10-mind-paper{left:5%;right:2%;top:112px;bottom:66px;padding:25px 24px}.p12-home .p11-fold{left:3%;right:9%;top:127px;bottom:90px}
 .p12-home .p11-mind .p10-mind-paper h3{font-size:30px;line-height:1.5;margin-top:28px}.p12-home .p11-mind .p10-mind-paper footer{left:24px;right:24px;bottom:22px;font-size:11px;line-height:1.9}
 .p12-home .p11-mind .p10-thought-line{left:calc(5% + 24px);width:calc(93% - 48px);font-size:21px;line-height:1.8;gap:12px}
 .p12-home .p11-mind .p10-thought-one{top:355px}.p12-home .p11-mind .p10-thought-two{top:498px}.p12-home .p11-mind .p10-thought-three{top:682px}
 .p12-home .p11-mind[data-phase='0'] .p10-thought-line,.p12-home .p11-mind[data-phase='1'] .p10-thought-line{width:91%;font-size:21px;padding:24px 20px}
 .p12-home .p11-mind[data-phase='0'] .p10-thought-one,.p12-home .p11-mind[data-phase='1'] .p10-thought-one{left:0;top:218px}
 .p12-home .p11-mind[data-phase='0'] .p10-thought-two,.p12-home .p11-mind[data-phase='1'] .p10-thought-two{left:8%;top:406px}
 .p12-home .p11-mind[data-phase='0'] .p10-thought-three,.p12-home .p11-mind[data-phase='1'] .p10-thought-three{left:2%;top:624px}
 .p12-home #context .context-example button,.p12-demo #personal-context .context-example button{font-size:12px;min-height:44px}
 .p12-home #context .context-card-bottom,.p12-demo #personal-context .context-card-bottom{font-size:10px}
 .p12-home #context .context-english,.p12-demo #personal-context .context-english{font-size:15px}
 .p12-home #context .context-disclaimer,.p12-demo #personal-context .context-disclaimer{font-size:11px;max-width:320px}
 .p12-demo .d11-intro{padding:113px 22px 14px;display:block}.p12-demo .d11-intro h1{font-size:29px;margin:12px 0}.p12-demo .d11-boundary{font-size:11px;line-height:1.85}
 .p12-demo .d11-space-nav{margin:0 20px;padding:6px 0 10px;display:flex;gap:6px 17px;flex-wrap:wrap;justify-content:flex-start}.p12-demo .d11-space-nav a{font-size:12px;gap:5px;min-height:40px}.p12-demo .d11-space-nav a span{display:none}
 .p12-demo .d11-archive{padding-top:26px}.p12-demo .d11-heading h2{font-size:25px}.p12-demo .d11-heading>p:last-child{font-size:13px}.p12-demo .ax-find{padding:20px 18px}
 .p12-search-starter button{min-height:44px}.p12-demo .ax-results{max-height:195px}.p12-demo .ax-search input{font-size:16px!important}
 .p12-demo .v8-topic-card nav button{font-size:13px;min-height:44px}.p12-demo .v8-entry-body{font-size:16px}
 html[lang=en] .p12-demo .d11-intro h1{font-size:38px;line-height:1.1}html[lang=en] .p12-home .p11-mind .p10-thought-line{font-size:24px;line-height:1.4}
}
@media(max-width:350px){.p12-home .p11-mind{height:995px}.p12-home .p11-mind .p10-thought-line{font-size:20px;left:calc(5% + 20px);width:calc(93% - 40px)}.p12-home .p11-mind .p10-thought-three{top:705px}.p12-home .p11-mind .p10-mind-paper{padding-inline:20px}.p12-home .p11-mind .p10-mind-paper h3{font-size:26px}.p12-home .p10-found-quote{font-size:21px}.p12-home .context-card h3{font-size:21px}.p12-demo .d11-intro h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.p12-search-starter button{transition:none}}
@media(forced-colors:active){.p12-definition,.p12-home .p11-chapter-label{color:CanvasText}.p12-search-starter button{border-color:ButtonText}.p12-home .context-switch[aria-checked=true]{outline:2px solid Highlight}}

.p12-mobile-break{display:none}
@media(max-width:640px){.p12-mobile-break{display:inline}.p12-home .p11-mind .p10-thought-three{top:662px}}
@media(max-width:350px){.p12-home .p11-mind .p10-thought-three{top:705px}}

/* English receives its own compact working-page scale, not the old 76px hero. */
html[lang='en'] .p12-demo .d11-intro h1{font:400 46px/1.12 var(--p10-display);letter-spacing:-.015em}
@media(max-width:640px){html[lang='en'] .p12-demo .d11-intro h1{font-size:38px}}

@media(max-width:640px){
 .p12-demo .d11-intro{padding-top:105px}.p12-demo .d11-intro>.eyebrow{display:none}
 .p12-demo .d11-space-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:4px;padding-bottom:8px}
 .p12-demo .d11-space-nav a{justify-content:center;text-align:center;font-size:12px;line-height:1.45;white-space:normal;min-height:44px}
 html[lang='en'] .p12-demo .d11-intro h1{font-size:34px;line-height:1.12}
 html[lang='en'] .p12-demo .d11-heading h2{font-size:29px;line-height:1.25}
}

@media(max-width:640px){html[lang='en'] .p12-home .p11-mind .p10-mind-paper h3{font-size:32px;line-height:1.2}}
@media(max-width:350px){
 html[lang='en'] .p12-home .p11-mind .p10-mind-paper h3{font-size:30px}
 html[lang='en'] .p12-home .p11-mind .p10-thought-line{font-size:22px;line-height:1.35}
 html[lang='en'] .p12-home .p11-mind .p10-thought-three{top:690px}
}

.p12-demo .d11-intro h1 .p12-demo-lead{color:#34443f}.p12-demo .d11-intro h1 .p12-demo-end{white-space:nowrap}
@media(max-width:640px){.p12-demo .d11-intro h1 .p12-demo-end{display:block}}