@charset "UTF-8";
:root{--paper:#F7F7FB;--ink:#2C3148;--blue:#5F73C8;--lavender:#B9B7E8;--lilac:#D8D8F0;--silver:#E9EAF2;--night:#171B32;--night-text:#F2F1FA;--canvas:var(--paper);--text:var(--ink);--soft:#EFEFF7;--line:#D8DAE6;--link:#42549B;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--pad:clamp(24px,5.2vw,88px);--accent:#5F73C8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:hover,a:hover{transition:color .2s,background-color .2s}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:400}em{font-weight:400}button:disabled{cursor:default;opacity:.35}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--night);color:white;padding:10px 20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.micro-label{font-size:10px;letter-spacing:.14em;font-weight:500;text-transform:uppercase;line-height:1.7}.caption,figcaption{font-size:11px;line-height:1.7;opacity:.8}.text-link{font-size:12px;line-height:1.6;display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid currentColor;padding:0 0 6px;text-align:left}.text-link:hover{color:var(--link)}
.site-header{height:96px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:8;background:var(--canvas)}.wordmark{font:38px/1 var(--serif);letter-spacing:-2px;white-space:nowrap}.wordmark-dot{color:var(--blue)}.main-nav{display:flex;gap:clamp(18px,2.6vw,42px);align-items:center}.main-nav a{font-size:12px;position:relative;white-space:nowrap;padding:34px 0}.main-nav a span{font-size:8px;margin-left:5px;color:var(--link);vertical-align:super}.main-nav a[aria-current=page]:after{content:'';position:absolute;bottom:21px;left:0;right:13px;height:2px;background:var(--text)}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{height:36px;width:36px;display:grid;place-items:center;font-size:27px;line-height:1;border-radius:50%}.icon-button:hover{background:var(--soft)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.presentation-button{font-size:11px;padding:8px 0;white-space:nowrap}.presentation-button span{padding-left:12px}.page{animation:appear .4s ease both}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:700px;height:calc(100svh - 148px);max-height:980px}.hero-heading{padding:36px 20px 36px var(--pad);position:relative;display:flex;flex-direction:column;justify-content:space-between}.hero-heading .eyebrow{display:flex;gap:30px;flex-wrap:wrap}.hero-heading .eyebrow span{opacity:.7;font-size:9px}.hero h1{font:clamp(72px,8.9vw,153px)/.94 var(--serif);letter-spacing:-.075em;position:relative;z-index:2;margin:22px -80px 16px 0}.hero h1 em{font-style:italic;font-size:.92em}.hero-bottom h2{font-size:24px;line-height:1.5;letter-spacing:.04em;margin-bottom:14px}.hero-bottom p{font-size:12px;line-height:1.9;margin-bottom:26px}.hero-art{position:relative;overflow:hidden;background:var(--night);min-width:0}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:51% 48%}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 29px;color:var(--night-text);background:linear-gradient(transparent,rgba(23,27,50,.8));display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em}.art-switch{font-size:10px;padding:7px 0;color:var(--night-text)}.art-switch span{margin-left:14px;opacity:.7}.hero-image-label{position:absolute;right:24px;top:21px;font-size:9px;color:var(--night-text);text-shadow:0 1px 4px #171B32}.overview-line{min-height:82px;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);font-size:11px}.overview-line>span{font-size:9px;letter-spacing:.12em}.overview-line button{font-size:10px}.overview-line button span{margin-left:13px}.chapter-intro{padding:100px var(--pad) 54px}.chapter-intro>div{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:27px}.chapter-intro h2{font-size:clamp(30px,3.1vw,48px);line-height:1.45;letter-spacing:-.03em}.chapter-intro p:not(.eyebrow){font-size:12px;line-height:2;max-width:400px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 var(--pad)}.chapter-tile{height:460px;position:relative;overflow:hidden;background:var(--soft);transition:transform .25s}.chapter-tile:hover{transform:translateY(-5px)}.tile-caption{position:absolute;bottom:0;left:0;right:0;padding:24px 25px;z-index:2}.tile-caption>span{font-size:9px}.tile-caption h3{font:clamp(23px,2.2vw,36px)/1.4 var(--serif);letter-spacing:-.04em;margin:9px 0 7px}.tile-colour{background:var(--lilac);color:var(--ink)}.colour-composition{height:290px;position:relative;overflow:hidden}.colour-composition i{position:absolute}.colour-composition i:nth-child(1){width:170px;height:170px;left:-23px;top:37px;background:var(--ink)}.colour-composition i:nth-child(2){width:210px;height:210px;border-radius:100%;left:98px;top:69px;background:var(--blue)}.colour-composition i:nth-child(3){width:120px;height:170px;left:224px;top:10px;background:var(--paper);transform:rotate(30deg)}.colour-composition i:nth-child(4){width:50px;height:50px;border-radius:100%;left:38px;top:233px;background:var(--lavender)}.tile-character{background:#ECECF5}.tile-character>img{height:320px;max-width:92%;object-fit:contain;margin:14px auto 0;transition:transform .5s}.tile-character:hover>img{transform:translateY(-3px) rotate(-1deg)}.tile-character .tile-caption{color:var(--ink);background:linear-gradient(transparent,#ECECF5 24%)}.tile-application{background:var(--night);color:var(--night-text)}.mini-cover{position:absolute;width:178px;height:240px;left:50%;top:20px;transform:translateX(-50%)rotate(-7deg);background:var(--paper);color:var(--ink);padding:16px;overflow:hidden;box-shadow:0 20px 35px #0a0d2366}.mini-cover>span{font-size:17px;display:block}.mini-cover>b{font-size:19px;position:relative;z-index:1}.mini-cover>img{height:173px;position:absolute;left:31px;bottom:-11px}.three-spaces{padding:100px var(--pad) 110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-top h2{font-size:30px;line-height:1.5}.section-top .eyebrow{margin-bottom:13px}.spaces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.spaces-grid article{border-top:1px solid var(--line);padding-top:26px}.spaces-grid article>span{font:19px var(--serif);color:var(--link)}.spaces-grid h3{font:52px/1.25 var(--serif);letter-spacing:-.05em;margin:15px 0}.spaces-grid p{font-size:12px}.inner-page{padding:0 var(--pad)}.page-intro{padding:48px 0 66px;display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.page-intro>.eyebrow{grid-column:1/-1}.page-intro h1{font:clamp(58px,7.1vw,114px)/1 var(--serif);letter-spacing:-.065em;margin:24px 0 0}.page-intro h1 em{font-style:italic}.page-intro>div{align-self:end;padding:0 0 7px 35px}.page-intro h2{font-size:23px;margin-bottom:18px;line-height:1.5}.page-intro>div>p{font-size:12px;line-height:2;margin-bottom:24px}.colour-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);gap:50px;padding:23px 0 66px}.swatch-list{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px;align-content:start}.swatch-button{padding:0;text-align:left;border:1px solid transparent}.swatch-button>i{display:block;height:76px;background:var(--swatch);border:1px solid #2C314817;position:relative}.swatch-button[aria-pressed=true]>i:after{content:'✓';position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:12px;display:grid;place-items:center;box-shadow:0 1px 7px #171b3220}.swatch-button>span{display:flex;justify-content:space-between;font-size:10px;gap:3px;padding-top:8px}.swatch-button small{font-size:9px;font-family:monospace}.swatch-button:hover i{transform:translateY(-2px);transition:transform .2s}.colour-preview{background:var(--soft);padding:27px 31px;display:flex;flex-direction:column;justify-content:space-between;min-height:490px}.preview-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.08em}.preview-meta>span:last-child{font-family:monospace;font-size:11px}.specimen-shape{position:relative;margin:22px 0;height:255px;isolation:isolate;display:flex;align-items:center}.specimen-shape>span{font:clamp(86px,10vw,160px)/1 var(--serif);letter-spacing:-.07em;position:relative;z-index:1}.specimen-shape>i{height:225px;width:225px;border-radius:50%;background:var(--accent);position:absolute;right:7%;z-index:-1;transition:background-color .25s;box-shadow:0 0 0 1px #171b3210}.specimen-shape>b{position:absolute;right:2px;bottom:13px;font-size:12px;font-weight:400}.preview-ui{display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-ui p{font-size:11px;margin-top:5px}.sample-button,.mock-button{padding:12px 24px;background:var(--ink);color:var(--paper);border-radius:12px;white-space:nowrap;font-size:11px}.sample-button span{padding-left:20px}.preview-caption{font-size:9px;opacity:.7;margin-top:19px}.colour-usage{padding:65px 0 74px;border-top:1px solid var(--line)}.ratio-row{display:grid;grid-template-columns:75px 1fr 175px;align-items:center;gap:30px;margin-bottom:25px}.ratio-row>span{font-size:10px;letter-spacing:.1em}.ratio-row>p{font:17px var(--serif)}.ratio-bar{height:75px;display:flex;border:1px solid #2c314814}.ratio-bar i{display:block}.day-ratio i:nth-child(1){flex:60;background:var(--paper)}.day-ratio i:nth-child(2){flex:25;background:var(--lilac)}.day-ratio i:nth-child(3){flex:8;background:var(--ink)}.day-ratio i:nth-child(4){flex:5;background:var(--blue)}.day-ratio i:nth-child(5){flex:2;background:var(--lavender)}.night-ratio i:nth-child(1){flex:65;background:var(--night)}.night-ratio i:nth-child(2){flex:20;background:var(--ink)}.night-ratio i:nth-child(3){flex:10;background:var(--night-text)}.night-ratio i:nth-child(4){flex:3;background:var(--blue)}.night-ratio i:nth-child(5){flex:2;background:var(--lavender)}.contrast-section{padding:78px 0;display:grid;grid-template-columns:.85fr 1fr;gap:70px;border-top:1px solid var(--line)}.contrast-section h2{font-size:38px;line-height:1.5;margin:23px 0}.contrast-section>div>p:not(.eyebrow){font-size:12px;line-height:2;margin-bottom:26px}.contrast-tool{border:1px solid var(--line);padding:24px}.contrast-sample{padding:20px 25px;background:var(--paper);color:var(--ink);min-height:155px}.contrast-sample>span{font:60px/1.2 var(--serif)}.contrast-sample>p{font-size:15px;margin-top:14px}.contrast-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.contrast-controls label{font-size:10px}.contrast-controls select{display:block;background:var(--canvas);color:var(--text);border:0;border-bottom:1px solid var(--line);width:100%;padding:8px 0;font-size:11px}.contrast-result{display:flex;justify-content:space-between;gap:18px;align-items:center}.contrast-result strong{font:38px var(--serif)}.contrast-result p{font-size:10px}.type-section{padding:85px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;border-top:1px solid var(--line)}.type-section h2{font-size:37px;line-height:1.55;margin:20px 0 30px}.type-playground input{width:100%;font-size:13px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;outline-offset:2px;padding:16px 0}.segmented{display:flex;gap:20px;margin:27px 0}.segmented button{font-size:11px;padding:0 0 5px;opacity:.6}.segmented button[aria-pressed=true]{border-bottom:1px solid currentColor;opacity:1}.type-playground>p{min-height:144px;line-height:1.6;overflow-wrap:anywhere;transition:font-size .2s}.type-title{font-size:40px}.type-body{font-size:17px}.type-caption{font-size:13px}.material-strip{position:relative;min-height:460px;margin:20px calc(-1 * var(--pad)) 0;overflow:hidden;background:var(--night);color:var(--night-text);display:grid;grid-template-columns:1fr 1fr}.material-strip>img{height:460px;width:100%;object-fit:cover;object-position:50% 45%}.material-strip>div{align-self:center;padding:40px var(--pad) 40px 55px}.material-strip h2{font-size:35px;line-height:1.5;margin:20px 0}.material-strip p{font-size:12px;margin-bottom:30px}.material-strip .text-link:hover{color:var(--lavender)}
.character-workbench{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.character-stage{height:610px;background:#EEEFF8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ink)}.stage-eyebrow{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:.08em;z-index:2}.character-stage>img{height:87%;width:88%;object-fit:contain;position:relative;z-index:1}.stage-baseline{position:absolute;bottom:58px;left:35px;right:35px;height:1px;background:#5f73c84d}.stage-backgrounds{position:absolute;bottom:19px;right:23px;display:flex;gap:10px;z-index:2}.stage-backgrounds>button{height:22px;width:22px;border-radius:50%;border:1px solid #2C31484D;background:var(--paper)}.stage-backgrounds button[data-surface=lilac]{background:var(--lilac)}.stage-backgrounds button[data-surface=night]{background:var(--night)}.stage-backgrounds button[data-surface=checker]{background:repeating-conic-gradient(#d6d7e3 0% 25%,white 0% 50%) 50%/10px 10px}.stage-backgrounds button[aria-pressed=true]{outline:1px solid #5F73C8;outline-offset:4px}.character-stage[data-surface=night]{background:var(--night);color:var(--night-text)}.character-stage[data-surface=lilac]{background:var(--lilac)}.character-stage[data-surface=paper]{background:var(--paper)}.character-stage[data-surface=checker]{background:repeating-conic-gradient(#e4e5ee 0% 25%,#f7f7fb 0% 50%) 50%/22px 22px}.character-controls{max-width:360px}.character-controls h2{font-size:42px;line-height:1.5;margin:20px 0 26px}.pose-options{display:flex;flex-direction:column}.pose-options>button{display:flex;align-items:center;gap:27px;border-top:1px solid var(--line);text-align:left;padding:15px 0;font-size:13px}.pose-options>button:last-child{border-bottom:1px solid var(--line)}.pose-options>button span{font:13px var(--serif);color:var(--link)}.pose-options>button i{margin-left:auto;font-style:normal;opacity:0}.pose-options>button[aria-pressed=true] i{opacity:1}.pose-options>button[aria-pressed=true]{color:var(--link)}.character-controls>p:not(.eyebrow){font-size:12px;line-height:2;margin:26px 0 17px}.asset-status{display:flex;align-items:center;gap:8px;font-size:9px;opacity:.8;margin:18px 0}.status-dot{height:5px;width:5px;display:inline-block;background:var(--blue);border-radius:50%;flex-shrink:0}.master-comparison{display:grid;grid-template-columns:1fr .8fr;gap:80px;padding:115px 0;align-items:center}.master-comparison h2{font-size:38px;margin:24px 0}.master-comparison>div>p:not(.eyebrow){font-size:13px;line-height:2.2;margin-bottom:30px}.master-comparison figure{max-width:350px;justify-self:center}.master-comparison figure>img{max-height:440px;object-fit:contain}.master-comparison figcaption{margin-top:13px;font-size:9px}.views-section,.expression-section{border-top:1px solid var(--line);padding:70px 0}.views-image{width:100%;margin:10px 0 24px}.expression-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.expression-item{padding:0;display:block;text-align:center}.expression-item img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .25s}.expression-item:hover img{transform:translateY(-5px)}.expression-item>span{display:block;margin-top:14px;font-size:11px}.wardrobe-section{padding:90px 0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;border-top:1px solid var(--line)}.wardrobe-section h2{font-size:35px;margin:20px 0}.wardrobe-section p:not(.eyebrow){font-size:12px;line-height:2;margin-bottom:28px}.wardrobe-section figure>img{width:100%}.wardrobe-section figcaption{margin-top:15px;font-size:9px}
.application-tabs{display:flex;border-bottom:1px solid var(--line);gap:43px;margin:0 0 45px}.application-tabs button{font-size:13px;padding:15px 0 19px;position:relative}.application-tabs button>span{font-size:8px;vertical-align:super;margin-left:5px;color:var(--link)}.application-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--text)}.social-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:35px;background:var(--soft)}.social-spread>article{aspect-ratio:3/4;position:relative;overflow:hidden;padding:25px 24px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}.cover-overline{font-size:8px;letter-spacing:.08em;line-height:1.6}.social-spread h3{font-size:clamp(20px,2.25vw,39px);line-height:1.45;letter-spacing:-.02em;margin-top:18px;font-weight:500;position:relative;z-index:1}.social-cover>p{font-size:9px;margin-top:13px;position:relative;z-index:1}.social-cover>img{height:66%;width:90%;object-fit:contain;position:absolute;bottom:-7%;left:25%;transform:rotate(-4deg)}.social-cover:before{content:'';height:63%;width:74%;background:var(--lilac);position:absolute;right:-26%;top:37%;border-radius:50%}.cover-footer{position:absolute;bottom:14px;left:24px;right:24px;font-size:7px;display:flex;justify-content:space-between;z-index:2}.cover-footer>i{font-style:normal}.social-tutorial{background:var(--lilac)!important}.social-tutorial h3{font-size:clamp(17px,1.75vw,28px)}.social-tutorial ol{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:20px}.social-tutorial li{display:flex;gap:14px}.social-tutorial li>span{font:21px/1.4 var(--serif);color:#42549B}.social-tutorial h4{font-size:13px;font-weight:500;margin-bottom:6px}.social-tutorial li p{font-size:9px;line-height:1.8}.social-invite{background:var(--night)!important;color:var(--night-text)!important}.social-invite h3{font-size:clamp(20px,2vw,33px);line-height:1.65}.social-invite>img{position:absolute;bottom:0;right:-15%;height:74%;width:90%;object-fit:contain}.application-scene>.caption{margin-top:18px;font-size:10px}.site-mock{overflow:hidden;border:1px solid var(--line)}.mock-nav{display:flex;align-items:center;justify-content:space-between;padding:19px 30px;gap:25px;font-size:10px}.mock-nav b{font:24px var(--serif);letter-spacing:-1px;font-weight:400}.home-mock{background:var(--night);color:var(--night-text)}.home-mock .mock-nav{border-bottom:1px solid #ffffff22}.home-mock-hero{height:530px;position:relative;overflow:hidden}.home-mock-hero>img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}.home-mock-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,27,50,.86),transparent 85%)}.home-mock-hero>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:50px}.home-mock-hero p{font-size:8px;letter-spacing:.15em;margin-bottom:25px}.home-mock-hero h3{font-size:clamp(26px,3.2vw,50px);line-height:1.55;letter-spacing:-.04em;margin-bottom:35px}.home-mock-hero a{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:6px}.mock-bottom{display:flex;justify-content:space-between;padding:20px 30px;font-size:9px;gap:20px}.mock-bottom p{font-size:10px}.library-mock{background:var(--paper);color:var(--ink)}.library-mock .mock-nav{border-bottom:1px solid var(--silver)}.library-mock-layout{display:grid;grid-template-columns:225px 1fr;min-height:510px}.library-mock aside{padding:45px 30px;font-size:10px;border-right:1px solid var(--silver)}.library-mock aside>span{font-size:8px;letter-spacing:.1em;display:block;margin-bottom:40px}.library-mock aside>p{margin-bottom:20px}.library-mock article{padding:48px 60px 50px;max-width:820px}.library-mock article h3{font-size:clamp(24px,2.7vw,42px);line-height:1.55;margin:26px 0}.mock-body{font-size:12px;line-height:2;max-width:520px}.reading-example{display:flex;align-items:center;gap:28px;border-top:1px solid var(--silver);margin:28px 0;padding-top:22px}.reading-example span{font:29px var(--serif);color:var(--blue)}.reading-example p{font-size:11px}.mock-button{border-radius:6px;font-size:10px}.studio-mock{background:var(--night);color:var(--night-text)}.studio-mock .mock-nav{border-bottom:1px solid #ffffff22}.studio-mock-content{padding:70px 55px 65px}.studio-mock h3{font-size:clamp(27px,3.9vw,60px);line-height:1.6;letter-spacing:-.05em;margin:25px 0 35px}.studio-mock h3 em{color:var(--lavender);font-style:normal}.studio-services{display:flex;gap:35px;font-size:11px;margin:20px 0 30px}.studio-mock-content>p:not(.eyebrow){font-size:11px;line-height:2;margin-bottom:30px}.studio-mock .mock-button{background:var(--night-text);color:var(--night)}.studio-mock .mock-bottom{border-top:1px solid #ffffff22}.application-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:80px 0 100px}.application-principles>div{border-top:1px solid var(--line);padding-top:20px}.application-principles>div>span{font:20px var(--serif);color:var(--link)}.application-principles h3{font-size:23px;margin:20px 0 12px}.application-principles p{font-size:11px}
.asset-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-bottom:20px}.asset-filters{display:flex;gap:27px;flex-wrap:wrap}.asset-filters button{font-size:12px;opacity:.6;padding:5px 0}.asset-filters button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.asset-search{position:relative;max-width:220px}.asset-search>input{width:100%;border:0;background:var(--soft);padding:9px 30px 9px 12px;color:var(--text);font-size:11px;border-radius:0}.asset-search>span:last-child{position:absolute;right:10px;top:5px;font-size:20px}.asset-count{font-size:10px;padding:20px 0}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px;min-height:150px}.asset-item{min-width:0}.asset-thumb{height:215px;display:flex;align-items:center;justify-content:center;background:var(--soft);width:100%;padding:15px;position:relative;overflow:hidden}.asset-thumb img{max-height:100%;width:100%;height:100%;object-fit:contain}.asset-thumb[data-kind=icon] img{height:54px;width:54px}.asset-thumb[data-kind=rule]{font:48px/1.2 var(--serif);letter-spacing:-.05em;color:var(--blue)}.asset-thumb[data-kind=reference] img{padding:0;object-position:center}.asset-thumb:hover{background:var(--lilac)}.asset-item h3{font-size:12px;margin-top:15px}.asset-item p{font-size:9px;opacity:.75;margin:5px 0 13px}.asset-item-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px}.asset-item-footer a{border-bottom:1px solid currentColor;padding:1px 0 3px;font-size:10px}.no-assets{grid-column:1/-1;padding:50px 0;font-size:13px}.agent-section{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding:110px 0 90px;margin-top:65px;border-top:1px solid var(--line)}.agent-section h2{font-size:35px;line-height:1.55;margin:25px 0}.agent-section>div>p:not(.eyebrow){font-size:12px;line-height:2}.agent-files>a{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:20px 0}.agent-files>a:last-child{border-bottom:1px solid var(--line)}.agent-files>a>span{font:17px var(--serif);color:var(--link)}.agent-files h3{font-size:13px}.agent-files p{font-size:10px;margin-top:5px;opacity:.7}.agent-files>a>b{margin-left:auto;font-size:9px;font-weight:400}.pending-section{padding:60px 0 100px;border-top:1px solid var(--line)}.pending-section h2{font-size:29px;margin:24px 0 30px}.pending-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 28px;font-size:11px;line-height:2;margin-bottom:35px}.pending-section>div p:before{content:'○';padding-right:12px;color:var(--blue)}.site-footer{padding:45px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer .wordmark{font-size:30px}.site-footer p{font:13px var(--serif);margin-top:13px}.site-footer>span{font-size:8px;letter-spacing:.1em}.site-footer .text-link{font-size:10px}
dialog{border:0;color:var(--text);background:var(--canvas);padding:0;box-shadow:0 20px 100px #0a0d2333}dialog::backdrop{background:#10132599;backdrop-filter:blur(7px)}.spec-dialog{width:min(590px,calc(100vw - 34px));max-height:88svh;position:fixed;inset:0;margin:auto}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:19px 29px;border-bottom:1px solid var(--line)}.dialog-top>span{font-size:9px;letter-spacing:.1em}#spec-content{padding:25px 32px 38px}#spec-content>p:first-child{font-size:9px;color:var(--link);letter-spacing:.08em;margin-bottom:15px}#spec-content h2{font-size:27px;line-height:1.5;margin-bottom:23px}#spec-content>p{font-size:13px;line-height:2;margin-bottom:20px}#spec-content ul{margin:0 0 24px;padding-left:20px}#spec-content li{font-size:12px;line-height:2;margin-bottom:12px}#spec-content details{border-top:1px solid var(--line);padding:16px 0}#spec-content summary{font-size:12px;cursor:pointer}#spec-content details p{font-size:11px;line-height:2;margin-top:15px}.spec-file-link{font-size:11px;border-bottom:1px solid currentColor}.lightbox{max-width:min(1000px,95vw);max-height:95svh;width:auto;overflow:auto;background:var(--paper);color:var(--ink);padding:32px}.lightbox>.icon-button{position:sticky;top:0;margin:0 0 10px auto;z-index:1;background:#F7F7FBdd}.lightbox>img{max-height:75svh;max-width:100%;margin:auto;object-fit:contain}.lightbox>p{font-size:11px;margin-top:20px;max-width:720px}.presentation{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;background:var(--night);color:var(--night-text);display:none;flex-direction:column}.presentation[open]{display:flex}.presentation-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 35px;font-size:9px;letter-spacing:.1em}.presentation-top .icon-button:hover{background:#ffffff15}#slide-counter{margin-left:auto}#slide-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:15px 55px 25px}.slide{width:100%;height:100%;max-width:1500px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;animation:appear .3s}.slide h2{font:clamp(45px,7vw,110px)/1.05 var(--serif);letter-spacing:-.065em;margin:20px 0 30px}.slide p{font-size:16px;line-height:2;max-width:500px}.slide .slide-art{width:100%;height:100%;max-height:70svh;object-fit:contain}.slide .slide-art.scene{object-fit:cover}.slide .slide-art.character{max-height:67svh}.slide .eyebrow{font-size:10px;color:var(--lavender)}.slide .slide-tags{display:flex;gap:25px;flex-wrap:wrap;margin:32px 0;font-size:12px}.slide-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.slide-color-grid>span{height:100px;padding:15px;font-size:10px}.presentation-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:15px 35px 25px;font-size:10px}.presentation-controls p{font-size:9px;opacity:.6}.presentation-controls button{border-bottom:1px solid #ffffff55;padding:6px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);z-index:100;background:var(--night);color:var(--night-text);padding:11px 24px;font-size:12px;box-shadow:0 5px 25px #171b3222;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
html[data-theme=dark]{--canvas:#171B32;--text:#F2F1FA;--soft:#242A43;--line:#3F4662;--link:#B9B7E8}html[data-theme=dark] .wordmark-dot{color:var(--lavender)}html[data-theme=dark] .tile-character{background:#30364F}html[data-theme=dark] .tile-character .tile-caption{background:linear-gradient(transparent,#30364F 24%);color:var(--night-text)}html[data-theme=dark] .sample-button{background:var(--night-text);color:var(--night)}html[data-theme=dark] .swatch-button>i{border-color:#ffffff33}html[data-theme=dark] .asset-thumb[data-kind=icon] img{filter:brightness(0)invert(1)}html[data-theme=dark] .asset-thumb:hover{background:#3A4160}html[data-theme=dark] .toast{background:var(--night-text);color:var(--night)}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1750px){body{max-width:2000px;margin:auto}.hero h1{font-size:160px}.hero{max-height:1050px}}
@media(max-width:1120px){.site-header{padding:0 30px;gap:20px}.main-nav{gap:18px}.header-actions{gap:9px}.presentation-button{font-size:10px}.hero{min-height:630px}.hero h1{font-size:9.5vw}.chapter-tile{height:400px}.tile-character>img{height:280px}.colour-workbench{grid-template-columns:290px 1fr;gap:32px}.colour-preview{padding:23px;min-height:490px}.specimen-shape>i{width:190px;height:190px;right:0}.preview-ui{align-items:start;flex-direction:column;gap:15px}.ratio-row{grid-template-columns:60px 1fr 150px;gap:22px}.contrast-section,.type-section{gap:35px}.character-workbench{gap:45px}.character-stage{height:540px}.character-controls h2{font-size:35px}.social-spread{gap:14px;padding:22px}.social-spread>article{padding:20px 17px}.social-tutorial ol{gap:14px;margin-top:18px}.social-tutorial h4{font-size:11px}.social-tutorial li p{font-size:8px}.cover-overline{font-size:7px}.cover-footer{left:17px;right:17px;font-size:6px}.library-mock article{padding:35px}.asset-grid{grid-template-columns:repeat(3,1fr)}.wardrobe-section{gap:30px}.agent-section{gap:40px}.main-nav a span{display:none}}
@media(max-width:760px){:root{--pad:23px}.site-header{height:auto;min-height:118px;padding:20px 23px 0;flex-wrap:wrap;gap:0;align-items:center}.wordmark{font-size:33px}.header-actions{margin-left:auto;gap:16px}.main-nav{width:100%;order:3;justify-content:space-between;gap:15px;overflow:auto}.main-nav a{font-size:11px;padding:20px 0 16px}.main-nav a[aria-current=page]:after{bottom:6px;right:0}.main-nav a span{display:none}.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.hero-heading{padding:25px var(--pad) 30px;min-height:445px}.hero-heading .eyebrow{font-size:8px;gap:20px}.hero-heading .eyebrow span{font-size:8px}.hero h1{font-size:clamp(70px,15.8vw,120px);margin:35px 0 27px;line-height:.93;letter-spacing:-.07em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;align-items:start}.hero-bottom h2{font-size:20px;margin:0}.hero-bottom p{font-size:10px;margin:0}.hero-bottom .text-link{font-size:10px;grid-column:1/-1;justify-self:start;margin-top:10px}.hero-art{height:clamp(430px,102vw,720px)}.hero-art>img{object-position:50% 50%}.hero-art figcaption{padding:23px;font-size:8px}.hero-image-label{font-size:8px}.overview-line{flex-wrap:wrap;min-height:102px;padding:19px 0;gap:10px}.overview-line>p{width:100%;font-size:11px}.overview-line>span{font-size:8px}.overview-line>button{margin-left:auto;font-size:9px}.chapter-intro{padding:62px var(--pad) 35px}.chapter-intro>div{display:block;margin-top:20px}.chapter-intro h2{font-size:32px;line-height:1.5}.chapter-intro p:not(.eyebrow){font-size:11px;margin-top:24px}.chapter-grid{grid-template-columns:1fr;gap:20px}.chapter-tile{height:360px}.colour-composition{height:240px}.colour-composition i:nth-child(1){left:15%;width:170px;height:140px;top:18px}.colour-composition i:nth-child(2){left:45%;top:45px;width:160px;height:160px}.colour-composition i:nth-child(3){left:70%;top:-10px;width:90px;height:150px}.colour-composition i:nth-child(4){left:30%;top:180px}.tile-caption{padding:20px 23px}.tile-caption h3{font-size:31px}.tile-character>img{height:285px;margin-left:auto;margin-right:10%;width:70%;object-position:right}.tile-character .tile-caption{background:linear-gradient(transparent,#ECECF5 40%)}html[data-theme=dark] .tile-character .tile-caption{background:linear-gradient(transparent,#30364F 40%)}.mini-cover{left:63%;top:10px;width:167px;height:227px}.three-spaces{padding:65px var(--pad)}.section-top{align-items:start;gap:20px;margin-bottom:27px}.section-top .text-link{font-size:10px;white-space:nowrap}.section-top>.eyebrow{font-size:8px}.section-top h2{font-size:25px}.spaces-grid{grid-template-columns:1fr;gap:25px}.spaces-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 20px;padding-top:20px;align-items:center}.spaces-grid article>span{font-size:17px}.spaces-grid h3{font-size:36px;margin:0 0 7px}.spaces-grid p{grid-column:2;font-size:11px}.page-intro{padding:34px 0 45px;grid-template-columns:1fr;gap:18px}.page-intro>.eyebrow{font-size:9px}.page-intro h1{font-size:clamp(63px,14vw,100px);margin:9px 0 5px}.page-intro>div{padding:0;margin-top:10px}.page-intro h2{font-size:20px;margin-bottom:13px}.page-intro>div>p{font-size:12px;margin-bottom:18px}.page-intro .text-link{font-size:11px}.colour-workbench{display:flex;flex-direction:column;padding:0 0 50px;gap:28px}.swatch-list{grid-template-columns:repeat(4,1fr);gap:15px 11px;order:2}.swatch-button>i{height:58px}.swatch-button>span{display:block;font-size:10px}.swatch-button small{display:block;font-size:8px}.colour-preview{min-height:390px;order:1;padding:22px}.specimen-shape{height:210px;margin:15px 0}.specimen-shape>span{font-size:120px}.specimen-shape>i{width:180px;height:180px;right:5%}.preview-meta{font-size:7px;letter-spacing:.04em}.preview-ui{flex-direction:row;align-items:center;gap:14px}.preview-ui p{font-size:10px;max-width:150px}.sample-button{font-size:10px;padding:10px 16px}.sample-button>span{padding-left:8px}.preview-caption{font-size:8px}.colour-usage{padding:48px 0}.colour-usage .section-top{display:block}.colour-usage .section-top h2{font-size:24px;margin-bottom:14px}.ratio-row{grid-template-columns:47px 1fr;gap:12px;margin-bottom:24px}.ratio-bar{height:50px}.ratio-row>p{grid-column:2;font-size:15px}.contrast-section{padding:50px 0;grid-template-columns:1fr;gap:28px}.contrast-section h2{font-size:31px;margin:17px 0}.contrast-section>div>p:not(.eyebrow){font-size:12px;margin-bottom:20px}.contrast-tool{padding:18px}.contrast-result strong{font-size:33px}.type-section{padding:50px 0;grid-template-columns:1fr;gap:30px}.type-section h2{font-size:31px;margin:17px 0 22px}.type-section h2 br{display:none}.type-playground>p{min-height:150px}.type-title{font-size:32px}.material-strip{grid-template-columns:1fr;margin-top:0}.material-strip>img{height:350px}.material-strip>div{padding:35px 23px 45px}.material-strip h2{font-size:30px}.character-workbench{grid-template-columns:1fr;gap:35px}.character-stage{height:480px}.character-controls{max-width:none}.character-controls h2{font-size:30px;line-height:1.5;margin:15px 0 22px}.character-controls h2 br{display:none}.character-controls>p:not(.eyebrow){font-size:12px}.pose-options>button{padding:15px 0;font-size:13px}.master-comparison{grid-template-columns:1fr;gap:35px;padding:65px 0}.master-comparison h2{font-size:30px;margin:20px 0}.master-comparison>div>p:not(.eyebrow){font-size:12px}.master-comparison figure{max-width:300px}.master-comparison figure>img{max-height:390px}.views-section,.expression-section{padding:50px 0}.views-section .section-top{display:block}.views-section .section-top .text-link{margin-top:18px}.views-image{width:calc(100% + 30px);max-width:none;margin-left:-15px}.views-section .caption{font-size:10px}.expression-grid{grid-template-columns:repeat(3,1fr);gap:24px 12px}.expression-item>span{margin-top:9px;font-size:11px}.expression-section .section-top{display:block}.expression-section .text-link{margin-top:18px}.wardrobe-section{grid-template-columns:1fr;gap:35px;padding:55px 0}.wardrobe-section h2{font-size:29px}.wardrobe-section figure{order:-1}.application-tabs{gap:26px;margin-bottom:25px;overflow:auto;white-space:nowrap}.application-tabs button{font-size:12px}.application-tabs button>span{display:none}.social-spread{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 18px;gap:18px;margin:0 -23px;scroll-padding:18px}.social-spread>article{width:clamp(290px,calc(100vw - 70px),340px);min-width:clamp(290px,calc(100vw - 70px),340px);max-width:360px;flex-shrink:0;scroll-snap-align:start;padding:24px}.cover-overline{font-size:8px}.social-spread h3{font-size:31px}.social-tutorial h3{font-size:26px}.social-tutorial ol{margin-top:22px;gap:14px}.social-tutorial h4{font-size:14px}.social-tutorial li p{font-size:11px;line-height:1.9}.social-tutorial li>span{font-size:25px}.social-invite h3{font-size:29px}.cover-footer{font-size:8px;left:24px;right:24px}.social-cover>p{font-size:10px}.application-scene>.caption{font-size:10px}.mock-nav{padding:18px;font-size:8px;gap:14px}.mock-nav>b{font-size:20px}.home-mock-hero{height:460px}.home-mock-hero>div{padding:24px}.home-mock-hero h3{font-size:28px;line-height:1.65}.home-mock-hero:after{background:linear-gradient(90deg,#171b32c9,#171b3233)}.mock-bottom{padding:17px;font-size:7px;flex-wrap:wrap;gap:10px}.mock-bottom p{font-size:9px}.library-mock-layout{display:block}.library-mock aside{display:none}.library-mock article{padding:30px 22px}.library-mock article h3{font-size:26px;line-height:1.6;margin:20px 0}.mock-body{font-size:12px}.studio-mock-content{padding:40px 24px}.studio-mock h3{font-size:27px;line-height:1.7}.studio-services{flex-wrap:wrap;gap:10px 20px;font-size:10px;margin:20px 0}.studio-mock-content>p:not(.eyebrow){font-size:11px}.studio-mock .eyebrow{font-size:8px}.application-principles{grid-template-columns:1fr;gap:30px;padding:55px 0 65px}.application-principles>div{display:grid;grid-template-columns:35px 1fr;gap:0 15px;align-items:center}.application-principles h3{font-size:22px;margin:0 0 8px}.application-principles p{grid-column:2;font-size:11px}.asset-toolbar{flex-direction:column;align-items:stretch;gap:18px}.asset-filters{gap:23px}.asset-filters button{font-size:11px}.asset-search{max-width:none}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.asset-thumb{height:180px;padding:10px}.asset-item h3{font-size:11px}.asset-item p{font-size:9px;line-height:1.8}.asset-item-footer{align-items:start;flex-direction:column;gap:10px}.asset-item-footer a{font-size:10px}.agent-section{grid-template-columns:1fr;gap:35px;padding:55px 0;margin-top:45px}.agent-section h2{font-size:30px}.agent-section>div>p:not(.eyebrow){font-size:12px}.agent-files>a{gap:15px;padding:18px 0}.agent-files h3{font-size:12px}.agent-files p{font-size:10px}.agent-files>a>b{font-size:8px}.pending-section{padding:45px 0 65px}.pending-section h2{font-size:25px}.pending-section>div{grid-template-columns:1fr 1fr;gap:12px 20px;font-size:10px}.pending-section>div p:before{padding-right:6px}.site-footer{padding:32px 23px;gap:25px;flex-wrap:wrap}.site-footer>span{font-size:7px;order:3;width:100%}.site-footer>.text-link{margin-left:auto;font-size:10px}.site-footer .wordmark{font-size:30px}.site-footer p{font-size:12px}.spec-dialog{max-height:90svh}.dialog-top{padding:15px 22px}#spec-content{padding:22px}#spec-content h2{font-size:24px}.lightbox{padding:15px}.lightbox>img{max-height:75svh}.lightbox>p{font-size:10px}.presentation-top{padding:15px 20px;font-size:7px;gap:10px}.presentation-top .icon-button{width:25px}.presentation-controls{padding:12px 20px 20px;font-size:9px}.presentation-controls p{font-size:8px}#slide-content{padding:10px 23px}.slide{grid-template-columns:1fr;gap:18px;align-content:center;overflow:auto}.slide h2{font-size:clamp(46px,11vw,70px);margin:15px 0}.slide p{font-size:13px;line-height:1.9}.slide .slide-art{height:33svh;max-height:33svh;object-fit:contain}.slide .slide-art.scene{object-fit:cover}.slide .slide-art.character{height:34svh}.slide .slide-tags{gap:15px;font-size:10px;margin:20px 0}.slide-color-grid{gap:10px}.slide-color-grid>span{height:50px;font-size:8px;padding:10px}.toast{bottom:16px;font-size:11px;white-space:nowrap;max-width:calc(100vw - 30px);padding:10px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter-tile:hover,.expression-item:hover img{transform:none}}
@media print{.site-header,.site-footer,.header-actions,dialog,.toast,button{display:none!important}.page[hidden]{display:none!important}.page{animation:none}body{background:white;color:#2C3148}.hero{height:24cm;min-height:0}.inner-page{padding:0}.page-intro{page-break-after:avoid}.asset-grid{grid-template-columns:repeat(3,1fr)}a[href]:after{content:none}}