.atelier-inner{--acid:var(--rose);--sans:Atelier,Arial,sans-serif;--display:Atelier,Arial,sans-serif}.atelier-inner .atelier-header{background:#1a192ee8}.frame{width:100%;padding-left:var(--gutter);padding-right:var(--gutter)}.inner-experience{position:relative;background:radial-gradient(ellipse at 83% 23%,#554152 0,transparent 48%),#1a192e}.inner-hero{position:relative;min-height:94svh;padding-top:153px;padding-bottom:78px;pointer-events:none}.hero-copy,.breadcrumbs{pointer-events:auto}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:#d8c9d8;margin-bottom:60px;max-width:45%}.breadcrumbs a{border-bottom:1px solid #a497ab}.hero-copy{width:44%;max-width:690px}.inner-hero h1{font-size:clamp(40px,4.4vw,76px);line-height:1.065;letter-spacing:-.05em;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}.inner-hero .eyebrow{margin-bottom:20px}.lead{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:#e4dbe6;max-width:48ch;margin-top:25px}.hero-author{font-size:14px;color:#ded5de;margin-top:24px}.hero-author a{text-decoration:underline;text-underline-offset:4px}.without-room .hero-copy{max-width:1000px;width:100%}.without-room .inner-hero{min-height:50svh}.room-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;overflow:hidden}.room-visual{position:absolute;right:0;top:100px;bottom:50px;width:54%;display:grid;place-items:center}.room-visual canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity .8s}.room-ready .room-visual canvas{opacity:1}.room-fallback{width:83%;height:auto;max-height:75%;object-fit:contain;transform:rotate(-4deg);box-shadow:0 28px 70px #06081377;transition:opacity .8s}.room-ready .room-fallback{opacity:0}.room-caption{position:absolute;bottom:28px;left:10%;right:10%;text-align:center;font-size:13px;letter-spacing:.06em;color:#e0cdd7}.room-controls{position:absolute;bottom:18px;right:var(--gutter);display:flex;gap:15px;align-items:center;pointer-events:auto;font-size:12px;color:#d4c4d4}.room-controls button{font-size:12px;border:1px solid #e2ced34d;padding:6px 12px;background:#1a192e80;border-radius:3px}.room-act{min-height:90svh;position:relative;display:flex;align-items:center;padding-top:110px;padding-bottom:110px;pointer-events:none}.room-act>div{width:41%;max-width:620px;pointer-events:auto}.room-act h2{font-size:clamp(40px,4.5vw,72px);line-height:1.1;letter-spacing:-.04em;color:#ffc0d0;text-wrap:balance}.room-act .lead{margin-top:24px}.inner-content{position:relative;background:var(--paper);color:var(--ink);padding-top:70px;padding-bottom:95px;min-height:150px}.inner-content .eyebrow,.inner-content .marker{color:#80516b}.marker{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;margin-bottom:20px}.inner-content .lead{color:#4b4357}.inner-content h2{font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}.inner-content h3{font-size:clamp(23px,2vw,29px);line-height:1.3;letter-spacing:-.025em}.text-link{display:inline-block;padding:5px 0;border-bottom:1px solid currentColor;font-size:16px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:#fff4f4;min-height:50px;padding:12px 23px;border:1px solid var(--ink);border-radius:3px;font:500 16px/1.5 Atelier,Arial,sans-serif}.primary:hover{background:#45314e}.primary i{display:none}.prose{font-size:18px;line-height:1.8;color:#393345;overflow-wrap:anywhere}.prose p{margin:0 0 22px}.prose h2{margin:48px 0 22px;color:var(--ink)}.prose h3{margin:34px 0 18px;color:var(--ink)}.prose a{color:#79445f;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.prose strong{color:#272033;font-weight:600}.prose ul,.prose ol{list-style:disc;margin:22px 0;padding-left:24px}.prose ol{list-style:decimal}.prose li{margin:9px 0;padding-left:5px}.prose blockquote{padding:22px 28px;margin:30px 0;background:#e5dbe0;border-left:3px solid #a8748f}.prose img{height:auto;max-width:100%}.prose .text-small{font-size:16px}.prose .text-large{font-size:22px}.editorial-chapters{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:clamp(50px,8vw,150px);padding-top:25px;padding-bottom:55px}.editorial-index{position:sticky;top:135px;align-self:start}.editorial-index nav{display:flex;flex-direction:column;gap:15px}.editorial-index nav a{font-size:15px;line-height:1.5;color:#655269;max-width:35ch}.editorial-index nav a:hover,.editorial-index nav a[aria-current]{color:#271a37}.editorial-index>.text-link{margin-top:30px}.editorial-chapter{padding:0 0 55px;margin-bottom:50px;border-bottom:1px solid #d0c5ce;scroll-margin-top:135px}.editorial-chapter>h2{margin-bottom:28px;max-width:27ch}.editorial-chapter .prose>p:last-child{margin-bottom:0}.editorial-chapter:last-child{border-bottom:0;margin-bottom:0}.editorial-main{max-width:950px}.inner-content [data-appear]{opacity:1;transform:none}.motion-ready [data-appear]{transition:opacity .8s,transform .8s}.motion-ready [data-appear]:not(.appeared){opacity:.15;transform:translateY(25px)}
/* Real screenshots stay complete and occupy the largest part of the catalogue. */
.catalog-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;align-items:end;margin-bottom:42px}.catalog-intro .marker{grid-column:1/-1;margin:0}.catalog-intro p:last-child{font-size:17px;max-width:50ch;color:#615465}.catalog-filter,.article-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:45px}.catalog-filter button,.article-filter button{border:1px solid #c7b9c5;color:#4c3e54;padding:9px 16px;border-radius:30px;background:transparent;font-size:14px}.catalog-filter button.active,.article-filter button.active{color:#fff2f5;background:#37243f;border-color:#37243f}.is-hidden,[hidden]{display:none!important}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 35px}.catalog-card{min-width:0;position:relative;border-bottom:1px solid #c9bfc8;padding-bottom:45px;scroll-margin-top:125px}.catalog-sequence{display:none}.catalog-screen{display:block;background:#d8d2d7;padding:clamp(12px,2.2vw,32px);border-radius:3px;margin-bottom:24px;overflow:hidden}.catalog-card:nth-child(3n+2) .catalog-screen{background:#d7dad5}.catalog-card:nth-child(3n+3) .catalog-screen{background:#d5d1df}.demo-preview{margin:0;aspect-ratio:1080/675;position:relative}.demo-preview img{width:100%;height:100%;object-fit:contain;box-shadow:0 15px 30px #2c193926;transition:transform .7s}.catalog-screen:hover img{transform:scale(1.025)}.catalog-copy h2{font-size:clamp(25px,2.3vw,34px);max-width:30ch;margin:16px 0 9px}.catalog-copy>p{font-size:16px;line-height:1.7;color:#5c4c60;margin-bottom:16px}.catalog-card-top{display:flex;gap:12px;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#81526c}.catalog-copy .catalog-domain{font-size:14px;color:#776377;margin-bottom:20px}.catalog-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0}.catalog-copy dl>div{padding-top:12px;border-top:1px solid #d2c6d0}.catalog-copy dt{font-size:12px;color:#79677c;margin-bottom:4px}.catalog-copy dd{margin:0;font-size:15px;color:#312538}.catalog-copy details{border-top:1px solid #d2c6d0;padding:16px 0;font-size:15px;color:#55415a;line-height:1.7}.catalog-copy summary{cursor:pointer;font-weight:500;color:#36263f}.catalog-copy details ul{list-style:disc;padding-left:20px}.catalog-copy details p{margin-top:15px}.catalog-warning{font-size:14px}.catalog-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px}.catalog-actions .primary,.catalog-actions .text-link{font-size:14px}.catalog-full+.editorial-chapters{margin-top:90px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 32px}.article-grid article{min-width:0}.article-card-image{aspect-ratio:16/10;overflow:hidden;margin-bottom:22px;background:#d1c6d1}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.article-card-image:hover img{transform:scale(1.05)}.article-grid h2{font-size:clamp(23px,2.1vw,32px);line-height:1.2;margin:18px 0}.article-grid article>p{font-size:16px;line-height:1.75;color:#5a4d60}.article-grid article>p:first-of-type{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#795770}.article-grid article>.text-link{margin-top:18px}.article-cover{max-width:1100px;margin:0 auto 32px;aspect-ratio:16/9;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.author-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:14px;color:#6b536e;padding-bottom:28px;border-bottom:1px solid #cec3ce}.article-layout{display:grid;grid-template-columns:250px minmax(0,840px);justify-content:space-between;gap:70px;padding:60px 0}.article-toc{position:sticky;top:133px;align-self:start;max-height:calc(100svh - 160px);overflow:auto;padding-right:8px;font-size:15px}.article-toc>span{display:block;color:#6c4864;margin-bottom:22px}.article-toc nav{display:flex;flex-direction:column;gap:14px}.article-toc nav a{font-size:14px;line-height:1.55;color:#61526b}.article-toc nav .depth-3{font-size:13px;margin-left:15px}.article-prose>h2:first-child{margin-top:0}.article-prose h2,.article-prose h3{scroll-margin-top:135px}.reading-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:75px}.reading-next>.eyebrow{grid-column:1/-1;margin:0}.reading-next a{border-top:1px solid #cbbdcc;padding-top:20px;font-size:22px;line-height:1.35;letter-spacing:-.02em}.article-cta,.page-next{padding-top:60px;padding-bottom:60px;background:#e4d9df;margin-top:40px}.article-cta p{max-width:70ch;margin:20px 0;font-size:18px}.article-cta h2,.page-next h2{max-width:28ch;margin-bottom:28px}.page-next>span{display:block;font-size:14px;color:#745368;margin-bottom:20px}.related-pages{margin:50px 0}.related-pages>div{display:flex;flex-wrap:wrap;gap:12px}.related-pages a{padding:13px 20px;border:1px solid #bdaebc;border-radius:3px;font-size:16px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.tools-grid>a,.case-grid article{border:1px solid #cabcce;padding:32px}.tools-grid h2{font-size:30px;margin:18px 0}.tools-grid p{font-size:17px;color:#655168}.tools-grid>a>span,.case-grid article>span{font-size:13px;color:#97647f}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-grid article>p{margin:16px 0}.case-grid h2{font-size:30px;margin:18px 0}.blocks:empty{display:none}.content-block{padding:35px 0}.content-block>h2{margin-bottom:25px}.content-block figure{margin-top:25px}.video-frame{aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0}
/* The same readable form controls on every tool and on the contact page. */
.tool-shell{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.tool-form,.tool-result{padding:35px;background:#e6dfe5;border:1px solid #d3c5d4;min-width:0}.tool-result{background:var(--ink);color:#f4eaf1}.tool-result .marker{color:var(--rose)}label{display:flex;flex-direction:column;gap:10px;font-size:15px;color:#4b3754;margin-bottom:24px}input,select,textarea{width:100%;min-width:0;font:400 17px/1.6 Atelier,Arial,sans-serif;padding:13px 15px;background:#fbf8f5;color:#302535;border:1px solid #bbaabb;border-radius:3px;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #9c5c82}textarea{resize:vertical}pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}.tool-result h2{font-size:27px;color:#efc0d3}.tool-result .primary{border-color:#ff8ba3;background:#ff8ba3;color:#1a192e}.tool-result dl{display:flex;gap:30px;font-size:14px;margin-top:30px}.tool-result dd{margin:5px 0}.serp-preview>span{font-size:13px;color:#d6c4d9}.serp-preview h2{margin:20px 0 10px}.serp-preview p{font-size:16px}.roi-value{font-size:64px;font-weight:400;color:var(--rose);display:block}.tool-note{margin-top:60px}.tool-note h2{font-size:30px}.cluster-group,.cannibal-group{margin-bottom:28px;overflow-wrap:anywhere}.cluster-group h3,.cannibal-group h3{color:var(--rose);font-size:23px;margin-bottom:14px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-layout aside{position:sticky;top:140px;align-self:start}.contact-layout aside>a{display:block;font-size:clamp(16px,1.6vw,24px);overflow-wrap:anywhere;margin:18px 0}.contact-layout aside>p:last-child{font-size:16px;color:#68536f;margin-top:32px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.consent{flex-direction:row;align-items:flex-start;font-size:14px;line-height:1.6}.consent input{width:19px;height:19px;flex-shrink:0;margin-top:3px;accent-color:#6f375d}.consent a{text-decoration:underline;text-underline-offset:3px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.error,.success{padding:20px 25px;background:#edd1d9;color:#492235;margin-bottom:25px;border:1px solid #9d7587}.success{background:#dce9dc;color:#2c4936}.legal{max-width:960px;margin:0 auto}.legal h2{font-size:30px;margin-top:35px}.legal h2:first-child{margin-top:0}
@media(min-width:1800px){.hero-copy{max-width:800px}.inner-hero h1{font-size:86px}.lead{font-size:22px}.editorial-main{max-width:1050px}}
@media(max-width:1100px){.inner-hero h1{font-size:clamp(38px,4.6vw,56px)}.breadcrumbs{margin-bottom:38px}.hero-copy{width:46%}.room-act>div{width:44%}.article-grid{grid-template-columns:1fr 1fr}.editorial-chapters{grid-template-columns:220px minmax(0,1fr);gap:40px}.contact-layout{gap:35px}.catalog-grid{gap:50px 26px}.catalog-actions{gap:12px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:38px}.tool-shell{gap:25px}.tool-form,.tool-result{padding:24px}}
@media(max-width:760px){.inner-hero{padding-top:122px;padding-bottom:40px;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}.hero-copy{width:100%;max-width:none;margin-top:320px}.inner-hero .breadcrumbs{position:absolute;top:108px;left:24px;right:24px;max-width:none;font-size:12px;margin:0}.inner-hero .eyebrow{font-size:12px;margin-bottom:14px}.inner-hero h1{font-size:clamp(37px,8.5vw,55px);line-height:1.08}.inner-hero .lead{font-size:17px;line-height:1.6;margin-top:20px}.inner-hero .atelier-button{font-size:15px;margin-top:20px}.room-stage{height:100svh;margin-bottom:-100svh}.room-visual{width:100%;height:350px;top:130px;bottom:auto;right:0}.room-caption{font-size:11px;bottom:12px}.room-controls{right:24px;bottom:auto;top:465px;z-index:3;font-size:11px}.room-controls button{font-size:11px;padding:5px 9px}.room-controls [data-room-loading]{font-size:11px}.room-fallback{max-height:75%;max-width:76%}.room-act{padding-top:455px;padding-bottom:60px;min-height:100svh;background:linear-gradient(transparent 400px,#1a192efa 490px);display:flex;align-items:flex-start}.room-act>div{width:100%;max-width:none}.room-act h2{font-size:43px}.room-act .lead{font-size:17px}.short-experience .room-stage{position:absolute;top:0;left:0;right:0;margin:0}.without-room .inner-hero{min-height:40svh;padding-bottom:50px}.without-room .hero-copy{margin-top:90px}.inner-content{padding-top:45px;padding-bottom:55px}.editorial-chapters{display:block;padding-top:0;padding-bottom:0}.editorial-index{position:static;border-bottom:1px solid #cfc1ce;padding-bottom:35px;margin-bottom:45px}.editorial-index nav{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial-index nav a{font-size:13px}.editorial-chapter{margin-bottom:35px;padding-bottom:35px}.inner-content h2{font-size:31px}.prose{font-size:17px;line-height:1.8}.prose h3{font-size:24px}.catalog-intro{display:block;margin-bottom:30px}.catalog-intro .marker{margin-bottom:16px}.catalog-intro p:last-child{margin-top:18px;font-size:16px}.catalog-filter,.article-filter{gap:8px;margin-bottom:30px}.catalog-filter button,.article-filter button{font-size:12px;padding:8px 12px}.catalog-grid{grid-template-columns:1fr;gap:45px}.catalog-copy h2{font-size:28px}.catalog-card-top{font-size:11px}.catalog-actions{gap:18px}.catalog-full+.editorial-chapters{margin-top:65px}.article-grid{grid-template-columns:1fr;gap:50px}.article-grid h2{font-size:29px}.article-layout{display:block;padding:35px 0}.article-toc{position:static;max-height:none;margin-bottom:45px}.article-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-toc nav a{font-size:13px}.article-cover{aspect-ratio:4/3;margin-bottom:25px}.author-line{font-size:12px}.reading-next{grid-template-columns:1fr;gap:25px;margin-top:50px}.reading-next a{font-size:23px}.page-next,.article-cta{padding-top:40px;padding-bottom:40px}.page-next h2,.article-cta h2{font-size:33px}.related-pages a{font-size:14px;padding:11px 15px}.tools-grid,.case-grid{grid-template-columns:1fr}.tools-grid>a,.case-grid article{padding:24px}.tools-grid h2,.case-grid h2{font-size:28px}.tool-shell{grid-template-columns:1fr;gap:22px}.tool-result dl{display:block}.tool-result dl>div{margin-top:15px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-layout aside{position:static}.contact-layout aside>a{font-size:19px}.field-row{grid-template-columns:1fr;gap:0}.legal h2{font-size:28px}.hero-author{font-size:13px}}
@media(max-height:550px) and (min-width:761px){.inner-hero{padding-top:105px;padding-bottom:50px}.breadcrumbs{margin-bottom:25px}.inner-hero h1{font-size:38px}.inner-hero .lead{font-size:15px}.room-visual{top:80px;bottom:20px}.room-controls{bottom:8px}.room-caption{bottom:40px;font-size:12px}.room-act{min-height:120svh}.room-act h2{font-size:40px}.room-act .lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.room-stage{position:absolute;top:0;left:0;right:0}.room-act{min-height:0;padding-top:35px;padding-bottom:45px}.room-act>div{width:100%;max-width:900px}.motion-ready [data-appear]{opacity:1;transform:none}.room-controls{display:none}.room-act{background:#1a192e}.room-act .lead{max-width:70ch}}