@font-face{font-family:DM Sans;src:url('assets/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url('assets/dm-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#202d49;--muted:#586774;--lavender:#9892ff;--tint:#f1efff;--line:#e7e9ee;--yellow:#fff188;--green:#b5d87e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:white;font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #5c4cbb;outline-offset:6px;border-radius:4px}.wrap{max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18}p{color:var(--muted)}h2{font-size:40px;letter-spacing:-1px}h3{font-size:22px}img{display:block}.header{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;gap:30px}.logo{width:132px;height:55px;position:relative;flex-shrink:0}.logo-inner{display:block;width:177px;height:74px;transform:scale(.74576);transform-origin:top left;position:relative}.logo-inner img:first-child{position:absolute;left:0;top:0}.logo-inner img:last-child{position:absolute;left:67.95px;top:12.28px}.header nav{display:flex;gap:24px;width:490px;font-size:14px;color:var(--muted)}.header nav a{width:140px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;background:var(--lavender);font-weight:700;font-size:16px;min-height:48px;padding:12px 20px;white-space:nowrap}.button:hover{background:#8880f2;text-decoration:none}.nav-cta{width:238px}.hero{display:grid;grid-template-columns:600px 616px;gap:64px;padding-top:56px;padding-bottom:72px;align-items:center}.narrative{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.eyebrow{display:flex;align-items:center;height:40px;width:330px;padding:10px;border-radius:99px;background:var(--tint);font-size:12px;font-weight:700;letter-spacing:1.5px}h1{font-size:64px;line-height:68px;letter-spacing:-2.3px}.intro{font-size:20px;line-height:28px;max-width:540px}.hero-cta{width:280px;min-height:56px}.note{font-size:14px;line-height:20px}.signals{display:flex;gap:10px;list-style:none;padding:0;margin:0}.signals li{display:flex;align-items:center;gap:8px;width:152px;height:42px;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:14px;font-weight:700}.collage{position:relative;width:616px;height:620px}.team{position:absolute;left:56px;top:24px;width:560px;height:360px;object-fit:cover;border-radius:24px}.tag{position:absolute;font-size:14px;font-weight:700;padding:12px;border-radius:12px;height:44px;line-height:20px}.connect{left:20px;top:0;background:var(--yellow);width:220px}.decide{left:442px;top:568px;background:var(--green);width:174px}.sample{position:absolute;left:0;top:304px;width:504px;padding:20px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px #1f26401a}.micro{font-size:11px;font-weight:700;letter-spacing:.7px;line-height:15px}.sample h2{font-size:24px;line-height:34px;letter-spacing:0}.sample dl{margin:0;display:grid;gap:8px;font-size:13px}.sample dl div{display:flex;align-items:center;justify-content:space-between;height:28px;gap:8px}.sample dt{display:flex;align-items:center;gap:8px;font-weight:700}.sample dd{margin:0;color:var(--muted);text-align:right}.next{background:var(--tint);padding:12px;font-size:13px;line-height:18px;border-radius:8px;font-weight:700;color:var(--ink)}.bordered{border-top:1px solid var(--line)}.bridge{padding-top:36px;padding-bottom:56px}.bridge h2{line-height:56px}.bridge p{font-size:18px;line-height:25px;max-width:820px;margin-top:20px}.section{padding-top:88px;padding-bottom:88px}.tinted{background:#f8f8fc}.kicker{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#5d529c;margin-bottom:20px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.section-heading p,.principles p{font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}.cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.cards p{margin-top:16px}.number{display:flex;width:46px;height:46px;border-radius:12px;align-items:center;justify-content:center;font-weight:700;margin-bottom:28px}.lavender{background:var(--tint)}.yellow{background:var(--yellow)}.green{background:var(--green)}.fine{font-size:13px;margin-top:24px}.steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:16px}.steps span{font-size:14px;font-weight:700;color:#5d529c}.steps p{margin-top:14px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:80px}.principles p+p{margin-top:18px}.text-link{display:inline-block;margin-top:24px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.faq{max-width:1040px}.faq h2{margin-bottom:32px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:18px;font-weight:700;cursor:pointer}details p{margin-top:16px;max-width:760px}.contact{background:var(--tint);border-radius:28px;padding:56px;max-width:100%;text-align:center}.contact>p:not(.kicker){max-width:680px;margin:24px auto}.contact-status{max-width:680px;margin:28px auto 0;padding:20px;background:white;border-radius:12px;text-align:left}.contact-status p{margin-top:8px;font-size:14px}.footer{padding-top:40px;padding-bottom:32px;display:flex;gap:40px;justify-content:space-between;align-items:flex-start}.footer nav{display:flex;gap:24px;font-size:14px}.footer p{font-size:13px;margin-top:8px}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.legal{max-width:900px;padding-top:70px;padding-bottom:90px}.legal h1{font-size:48px;line-height:1.15;margin-bottom:24px}.legal p{margin:20px 0;font-size:18px}.legal h2{font-size:26px;margin-top:32px}
@media(max-width:1439px) and (min-width:1001px){.wrap{padding-left:5.55vw;padding-right:5.55vw}.hero{grid-template-columns:46.875% 48.125%;gap:5%}.collage{width:100%;height:auto;aspect-ratio:616/620}.team{left:9.09%;top:3.87%;width:90.91%;height:58.06%}.sample{top:49.03%;width:81.82%;padding:3.25%;gap:10px}.sample h2{font-size:22px}.decide{left:auto;right:0;top:91.61%}.connect{left:3.25%}.hero h1{font-size:4.44vw;line-height:1.0625}.intro{font-size:18px}.signals li{width:10.55vw}.header nav{width:auto;gap:28px}.header nav a{width:auto}.hero{padding-top:44px}.sample dl div{height:24px}.sample dl{font-size:12px;gap:5px}.next{padding:10px}.micro{font-size:10px}}
@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.header{flex-wrap:wrap;gap:22px}.header nav{order:3;width:100%;justify-content:center}.header nav a{width:auto}.hero{grid-template-columns:1fr;gap:44px;padding-top:38px;padding-bottom:56px}.narrative{max-width:650px}.hero h1{font-size:56px;line-height:1.06}.collage{justify-self:center;max-width:100%}.section-heading,.principles{grid-template-columns:1fr;gap:24px}.cards,.steps{gap:16px}.cards article{padding:22px}.section{padding-top:64px;padding-bottom:64px}.footer{flex-wrap:wrap}.footer nav{flex-wrap:wrap}}
@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.header{padding-top:20px}.logo{width:108px;height:45px}.logo-inner{transform:scale(.61)}.nav-cta{width:auto;min-height:44px;padding:10px 12px;font-size:12px}.header nav{justify-content:space-between;font-size:12px;gap:12px}.hero{padding-top:28px;gap:40px}.narrative{gap:22px}.eyebrow{width:280px;max-width:100%;font-size:10px;height:36px}.hero h1{font-size:clamp(32px,8.5vw,52px);letter-spacing:-1.5px}.intro{font-size:18px;line-height:27px}.signals{width:100%;gap:6px}.signals li{width:auto;flex:1;font-size:12px;padding:8px;gap:6px}.collage{width:100%;height:auto;min-height:480px;padding-bottom:58px;padding-top:205px}.team{left:8%;top:20px;width:92%;height:245px}.connect{left:0;width:190px;font-size:12px}.sample{position:relative;top:auto;left:0;width:94%;padding:18px;gap:12px}.sample h2{font-size:23px}.sample dl{font-size:12px}.sample dd{max-width:48%}.decide{left:auto;right:0;top:auto;bottom:0;font-size:12px;width:auto}.micro{font-size:9px}.bridge h2,h2{font-size:32px;line-height:1.25;letter-spacing:-.8px}.bridge{padding-top:30px;padding-bottom:40px}.bridge p{font-size:17px}.cards,.steps{grid-template-columns:1fr}.cards{margin-top:28px}.cards article{padding:26px}.number{margin-bottom:20px}.steps{gap:28px}.section{padding-top:52px;padding-bottom:52px}.contact{padding:32px 22px;border-radius:20px}.contact h2{font-size:28px}.contact-status{padding:16px}.footer{gap:24px}.footer nav{flex-direction:column;gap:16px}.legal h1{font-size:36px;letter-spacing:-1px}.legal p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1101px) and (max-width:1439px){.collage{margin-bottom:40px}.decide{top:calc(49.03% + 280px)}}
@media(min-width:1001px) and (max-width:1100px){.hero{grid-template-columns:1fr;gap:44px}.narrative{max-width:650px}.hero h1{font-size:56px;line-height:1.06}.collage{width:616px;height:620px;justify-self:center}.team{left:56px;top:24px;width:560px;height:360px}.sample{left:0;top:304px;width:504px;padding:20px;gap:14px}.decide{top:568px;right:0}.signals li{width:152px}}

.demo-form{max-width:760px;margin:32px auto 0;text-align:left}.demo-form fieldset{border:1px solid var(--line);padding:24px;background:#fff;border-radius:16px}.demo-form legend{font-weight:700;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-form label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.demo-form label span{font-weight:400;font-size:12px;color:var(--muted)}.demo-form input{display:block;width:100%;border:1px solid #a5adba;border-radius:8px;padding:12px;font:inherit;min-height:48px;background:#f6f7fa;color:var(--muted)}.demo-form small{display:block;color:var(--muted);margin-top:6px}.form-notice{font-size:14px;margin:24px 0}.form-notice a{text-decoration:underline}.demo-form button{border:0;white-space:normal;font-family:inherit;cursor:not-allowed;background:#e7e5f5;color:#586078}.contact-status .text-link{display:inline;margin:0}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.demo-form fieldset{padding:18px}.demo-form legend{font-size:14px}}

.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.module{border:1px solid var(--line);border-top:5px solid var(--lavender);padding:30px;border-radius:14px;background:#fff;display:flex;flex-direction:column}.module-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:25px}.module h3{font-size:27px}.module p{margin-top:16px}.module-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:13px;font-weight:700}.intelligence{border-top-color:#63cbe6}.communication{border-top-color:#ffa17e}.academic{border-top-color:var(--green)}.pedagogy{border-top-color:var(--yellow)}.module-invite{background:var(--tint);border-color:var(--tint)}.module-invite .kicker{margin-top:0}.implementation{background:#ddf5f8;overflow:hidden}.implementation-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.implementation-copy{padding-top:70px;padding-bottom:70px}.implementation-copy>p:not(.kicker){font-size:18px;margin-top:24px}.implementation ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px}.implementation li{display:flex;flex-direction:column;gap:4px}.implementation li span{color:var(--muted);font-size:15px}.implementation figure{align-self:stretch;position:relative;min-height:600px;margin:0;overflow:hidden}.implementation img{position:absolute;bottom:-120px;left:0;width:100%;height:auto}.implementation figcaption{position:absolute;bottom:32px;right:0;padding:12px 18px;border-radius:12px;font-weight:700;background:var(--yellow);font-size:14px}.site-footer{background:#f8f8fc;border-top:1px solid var(--line);padding:58px 0 28px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer-brand .logo{display:block;margin-bottom:24px}.footer-brand p{margin-bottom:20px}.footer-brand>a:last-child{font-size:15px;text-decoration:underline;text-underline-offset:4px}.footer-main nav{display:flex;flex-direction:column;gap:13px;font-size:14px}.footer-main h2{font-size:16px;letter-spacing:0;margin-bottom:9px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:44px;padding-top:24px;gap:24px}.footer-bottom p{font-size:12px}.demo-form input{background:#fff;color:var(--ink)}.demo-form input:focus-visible{outline:3px solid #5c4cbb;outline-offset:2px}.demo-form .submit-button{cursor:pointer;background:var(--lavender);color:var(--ink)}.demo-form .submit-button:disabled{cursor:wait;opacity:.65}.submit-status{margin-top:16px;font-size:14px}.demo-form input:user-invalid{border-color:#a64022}.narrative,.collage{animation:arrive .65s ease both}.collage{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.button{transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}@media(max-width:1000px){.module-grid{grid-template-columns:1fr 1fr}.implementation-inner{gap:30px}.implementation figure{min-height:480px}.implementation img{width:130%;left:-20%;bottom:0}.footer-main{gap:30px}}@media(max-width:650px){.module-grid{grid-template-columns:1fr}.module{padding:26px}.implementation-inner{grid-template-columns:1fr;gap:0}.implementation-copy{padding-top:52px;padding-bottom:0}.implementation figure{min-height:420px;max-width:390px;width:100%;justify-self:center}.implementation img{width:100%;left:0;bottom:-120px}.implementation figcaption{bottom:24px;font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.site-footer{padding-top:42px}.demo-form .submit-button{width:100%}}
@media(prefers-reduced-motion:reduce){.narrative,.collage{animation:none}.button:hover{transform:none}}

button:focus-visible{outline:3px solid #5c4cbb;outline-offset:4px}

/* Motion enhances the reading order without hiding content when JS is absent. */
@media(prefers-reduced-motion:no-preference){
  .reveal-ready{animation:section-arrive .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
  @keyframes section-arrive{from{opacity:.45;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
  .module,.cards article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .module:hover,.cards article:hover{transform:translateY(-5px);box-shadow:0 14px 28px #202d4910}
  .connect{animation:tag-arrive .8s .25s both}.decide{animation:tag-arrive .8s .45s both}
  @keyframes tag-arrive{from{opacity:0;transform:translateY(10px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
  details[open] p{animation:section-arrive .3s ease both}
  .site-footer a{transition:color .2s ease}.site-footer a:hover{color:#5e5ad7}
}

/* A scroll-led explanation, using the SofiaClass information model. */
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px;align-items:start}
.journey-art{position:sticky;top:70px;border-radius:30px;background:var(--tint);padding:32px;min-height:470px;overflow:hidden}
.journey-caption{font-size:10px;font-weight:700;letter-spacing:1.5px}
.journey-orbit{position:relative;height:290px;margin:20px auto;max-width:430px}
.journey-orbit:before,.journey-orbit:after{content:'';position:absolute;border:1px solid #9892ff66;border-radius:50%;inset:24px 30px}
.journey-orbit:after{inset:58px 60px;transform:rotate(-25deg)}
.orbit-node{position:absolute;z-index:2;font-size:13px;font-weight:700;padding:12px 18px;border-radius:12px;box-shadow:0 6px 18px #202d490b}
.node-frequency{top:4px;left:6%;background:var(--lavender);transform:rotate(-5deg)}
.node-grades{top:64px;right:0;background:#ffb499;transform:rotate(5deg)}
.node-history{bottom:5px;left:12%;background:var(--green);transform:rotate(-3deg)}
.journey-core{position:absolute;inset:80px 24% 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:white;box-shadow:0 12px 35px #5e5ad711;z-index:1}
.core-symbol{font-size:26px;color:#5e5ad7}.journey-core strong{font-size:23px}.journey-core small{font-size:11px;color:var(--muted)}
.journey-action{padding:18px;border-radius:14px;background:white;border-left:4px solid var(--lavender)}
.journey-action span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.journey-action strong{font-size:15px}
.journey-progress{display:flex;gap:8px;margin-top:22px}.journey-progress i{height:4px;flex:1;background:#dcd8ef;border-radius:9px}.journey-progress i:first-child{background:#5e5ad7}
.journey-layout .steps{display:flex;flex-direction:column;gap:0;margin:0}.journey-layout .steps li{min-height:280px;padding:38px 0;gap:20px;align-items:flex-start}.journey-layout .steps h3{font-size:30px}.journey-layout .steps p{font-size:18px}.journey-layout .steps li>span{background:var(--tint);min-width:36px;height:36px;display:grid;place-items:center;border-radius:50%}
.journey-art[data-stage="1"] .journey-progress i:nth-child(2),.journey-art[data-stage="2"] .journey-progress i{background:#5e5ad7}
.journey-art[data-stage="2"] .journey-action{background:#e7f1d7;border-left-color:#73983e}
@media(prefers-reduced-motion:no-preference){
 .journey-art{transition:background .65s}.journey-action{transition:background .6s,border-color .6s,transform .6s}.orbit-node,.journey-core{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
 .journey-art[data-stage="1"]{background:#e6f5fa}.journey-art[data-stage="1"] .node-frequency{transform:translate(12px,12px) rotate(0)}.journey-art[data-stage="1"] .node-grades{transform:translate(-14px,8px) rotate(0)}.journey-art[data-stage="1"] .node-history{transform:translate(12px,-8px) rotate(0)}
 .journey-art[data-stage="2"] .journey-core{transform:scale(1.04)}.journey-art[data-stage="2"] .journey-action{transform:translateY(-3px)}
}
@media(max-width:1000px){.journey-layout{gap:32px}.journey-art{padding:22px}.journey-core{inset:85px 20% 60px}.journey-layout .steps h3{font-size:25px}}
@media(max-width:650px){.journey-layout{grid-template-columns:1fr;gap:24px;margin-top:32px}.journey-art{position:relative;top:auto;min-height:0;padding:24px}.journey-orbit{height:260px}.journey-core{inset:76px 20% 45px}.journey-layout .steps li{min-height:0;padding:26px 0}.journey-layout .steps p{font-size:16px}}
.hero h1{font-size:56px;line-height:1.08;letter-spacing:-2px}.sample .next{padding:8px 0 0;border-radius:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-weight:400;font-size:12px}
@media(min-width:1101px) and (max-width:1439px){.hero h1{font-size:3.85vw}}
@media(max-width:650px){.hero h1{font-size:clamp(30px,8vw,46px);letter-spacing:-1.2px}.signals li{font-size:11px;gap:4px}}

/* Long-form legal drafts: readable without JavaScript. */
.legal-page .legal{max-width:1000px;padding-top:36px;padding-bottom:72px}
.legal-page .legal h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}
.legal-page .legal section{margin-top:44px;scroll-margin-top:28px}
.legal-page .legal h2{font-size:25px;line-height:1.3;letter-spacing:-.3px;margin-bottom:18px}
.legal-page .legal p{font-size:17px;line-height:1.8;margin-top:16px}
.legal-page .legal p.kicker{font-size:12px;line-height:1.5;margin-bottom:22px}
.legal-page .legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.draft-notice{background:var(--tint);border-left:4px solid #7469d6;padding:24px;margin:32px 0;border-radius:0 12px 12px 0}
.legal-toc{padding:28px;border:1px solid var(--line);border-radius:16px;margin:32px 0}
.legal-toc ol{padding-left:22px;margin:0}.legal-toc li+li{margin-top:12px}
.legal-footer{display:flex;flex-wrap:wrap;gap:24px;padding-top:32px;padding-bottom:32px;font-size:14px}
.legal-footer a{text-decoration:underline;max-width:100%;overflow-wrap:anywhere}
@media(max-width:650px){.legal-page .legal h2{font-size:22px}.legal-page .legal p{font-size:16px}.legal-toc,.draft-notice{padding:20px}.legal-footer{flex-direction:column}}

/* SofiaClass art direction: an open arc connects the human and pedagogical layers. */
.art-direction{--electric:#5747dc;--paper:#eeecff}
.art-direction .header{background:var(--paper);max-width:none;padding-left:max(5vw,calc((100vw - 1280px)/2));padding-right:max(5vw,calc((100vw - 1280px)/2))}
.art-direction .hero{position:relative;isolation:isolate;max-width:none;background:var(--paper);padding:64px max(5vw,calc((100vw - 1280px)/2)) 96px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;overflow:hidden;border-radius:0 0 56px 56px}
.art-direction .narrative{position:relative;z-index:3;gap:24px}
.art-direction .hero h1{font-size:clamp(50px,5.65vw,82px);line-height:.99;letter-spacing:-4px;font-weight:400}
.art-direction .hero h1>span:not(.hero-period){color:var(--electric)}
.art-direction .hero-period{color:#dc765b}
.art-direction .eyebrow{width:auto;background:transparent;border:1px solid #202d4930;padding:10px 16px;font-size:10px}
.art-direction .hero .intro{font-size:18px;line-height:1.6;max-width:450px}
.art-direction .button{border-radius:99px;background:var(--ink);color:white;min-height:52px;padding:16px 24px;font-size:14px}
.art-direction .button:hover{background:var(--electric)}
.art-direction .hero-cta{width:auto;min-width:270px}
.art-direction .signals li{background:#ffffff60;border-color:#202d491c;width:auto;padding:10px 14px;border-radius:99px;font-size:12px}
.art-direction .collage{width:100%;height:660px;align-self:center;perspective:1000px}
.sculpture{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translateY(var(--art-drift,0px)) rotate(var(--art-turn,0deg));transform-origin:center}
.sculpture-arc{position:absolute;width:600px;height:600px;left:-25px;top:-50px;border:95px solid var(--electric);border-bottom-color:transparent;border-radius:50%;transform:rotate(-24deg);box-shadow:inset 8px 8px 20px #fff3,15px -8px 0 #7466ef}
.sculpture-dot{position:absolute;width:84px;height:84px;bottom:60px;right:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd4b8,#ee9979 55%,#ce745c);box-shadow:0 18px 30px #202d4915}
.sculpture-ring{position:absolute;width:180px;height:180px;bottom:10px;left:-10px;border:30px solid #bed992;border-radius:50%;transform:rotateX(35deg) rotateY(-22deg)}
.art-direction .team{width:90%;height:335px;left:10%;top:100px;border-radius:140px 140px 28px 28px;position:absolute;box-shadow:0 24px 50px #29234a1a;transform:rotate(3deg);border:8px solid #eeecff}
.art-direction .sample{left:-7%;top:365px;width:91%;padding:28px;border-radius:24px;box-shadow:0 20px 45px #27214c1a;transform:rotate(-3deg);border:0}
.art-direction .connect{top:64px;left:0;z-index:3;transform:rotate(-7deg);height:auto;width:auto;border-radius:99px;padding:14px 22px}
.art-direction .decide{top:auto;bottom:0;left:auto;right:0;border-radius:99px;height:auto;width:auto;padding:14px 22px;z-index:3}
.art-direction .bridge{border:0;padding:88px 0}.art-direction .bridge h2{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-2px;max-width:1000px;font-weight:400}
.art-direction .section-heading h2,.art-direction .principles h2,.art-direction .contact h2{font-size:clamp(32px,3.5vw,50px);font-weight:400;letter-spacing:-1.6px}
.art-direction .tinted{background:#f5f4fc}.art-direction .cards article{border:0;border-radius:28px;padding:36px}
.art-direction .number{border-radius:50%;width:60px;height:60px;font-size:18px}
.art-direction .module{border-radius:28px;min-height:300px;position:relative;overflow:hidden}
.art-direction .module:after{content:'';position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border:22px solid currentColor;border-radius:50%;opacity:.06;pointer-events:none}
.art-direction .journey-art{border-radius:40px}.art-direction .journey-orbit:before{border:18px solid #9892ff55;inset:0 35px;transform:rotate(-20deg)}
.art-direction .contact{border-radius:40px;background:var(--paper)}
.art-direction .site-footer{background:var(--ink);color:white;border-radius:40px 40px 0 0}.art-direction .site-footer p{color:#d2d6e3}.art-direction .footer-brand .logo{background:transparent;border-radius:0;padding:0}
@media(prefers-reduced-motion:no-preference){
 .sculpture-arc{animation:arc-enter 1.2s cubic-bezier(.16,1,.3,1) both}.sculpture-ring{animation:ring-enter 1.3s .15s cubic-bezier(.16,1,.3,1) both}
 .art-direction .sample{animation:sample-enter 1s .15s cubic-bezier(.16,1,.3,1) both}
 @keyframes arc-enter{from{transform:rotate(40deg) scale(.7);opacity:0}to{transform:rotate(-24deg) scale(1);opacity:1}}
 @keyframes ring-enter{from{transform:translateY(70px) rotateX(70deg);opacity:0}to{transform:rotateX(35deg) rotateY(-22deg);opacity:1}}
 @keyframes sample-enter{from{transform:translateY(45px) rotate(4deg);opacity:0}to{transform:rotate(-3deg);opacity:1}}
}
@media(max-width:1100px){.art-direction .hero h1{font-size:60px;letter-spacing:-3px}.art-direction .collage{height:620px}.sculpture-arc{width:490px;height:490px;border-width:75px}.art-direction .sample{width:105%;left:-8%;padding:22px}.art-direction .team{width:100%;left:0;height:300px}.art-direction .signals{flex-wrap:wrap}}
@media(max-width:760px){.art-direction .hero{grid-template-columns:1fr;padding:40px 24px 60px;gap:36px;border-radius:0 0 32px 32px}.art-direction .header{padding-left:24px;padding-right:24px}.art-direction .hero h1{font-size:clamp(46px,9.7vw,72px);letter-spacing:-2.4px}.art-direction .hero .intro{font-size:17px}.art-direction .collage{height:570px;max-width:500px;justify-self:center}.sculpture-arc{width:480px;height:480px;left:5%;top:0;border-width:70px}.art-direction .team{left:10%;top:90px;width:85%;height:280px}.art-direction .sample{width:93%;left:0;top:320px;padding:24px}.art-direction .connect{top:50px}.art-direction .decide{bottom:0;right:0}.sculpture-ring{width:130px;height:130px;bottom:0;left:-15px;border-width:23px}.sculpture-dot{width:65px;height:65px;bottom:35px}.art-direction .bridge{padding:56px 0}.art-direction .bridge h2{letter-spacing:-1px}.art-direction .contact{border-radius:24px}.art-direction .site-footer{border-radius:28px 28px 0 0}}
@media(max-width:400px){.art-direction .hero{padding-left:20px;padding-right:20px}.art-direction .hero h1{font-size:43px}.art-direction .collage{height:545px}.art-direction .sample{padding:20px;width:100%}.art-direction .sample h2{font-size:22px}.art-direction .sample dl{font-size:11px}.art-direction .signals li{font-size:11px;padding:8px 10px}.art-direction .team{height:250px}.sculpture-arc{width:400px;height:400px;left:-5%;border-width:65px}}
@media(prefers-reduced-motion:reduce){.sculpture{transform:none!important}.art-direction *, .art-direction *:before,.art-direction *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.consent-choice{display:flex!important;align-items:flex-start;gap:12px;text-align:left;font-size:14px;margin:24px 0}.demo-form .consent-choice input{width:20px;min-width:20px;height:20px;margin:3px 0 0;accent-color:#5747dc}.consent-choice a{text-decoration:underline}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.consent-panel{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:620px;padding:24px;background:#fff;color:#202b36;border:1px solid #a89edf;border-radius:20px;box-shadow:0 12px 50px #202b3633;max-height:85vh;overflow:auto}.consent-panel[hidden],.consent-settings[hidden]{display:none}.consent-panel h2{font-size:22px;margin:0 0 12px}.consent-panel p{font-size:15px;line-height:1.5}.consent-panel>div{display:flex;gap:12px;flex-wrap:wrap}.consent-panel button,.consent-settings{font:inherit;cursor:pointer;border:1px solid currentColor;border-radius:24px;padding:12px 18px;background:#fff;color:#202b36}.consent-settings{margin:24px}.consent-panel a{color:#5140c8}
