@font-face{font-family:Display;src:url("assets/fonts/Outfit-700.woff2");font-weight:700;font-display:swap}@font-face{font-family:Display;src:url("assets/fonts/Outfit-800.woff2");font-weight:800;font-display:swap}@font-face{font-family:Text;src:url("assets/fonts/DMSans-400.woff2");font-weight:400;font-display:swap}@font-face{font-family:Text;src:url("assets/fonts/DMSans-600.woff2");font-weight:600;font-display:swap}@font-face{font-family:Text;src:url("assets/fonts/DMSans-700.woff2");font-weight:700;font-display:swap}:root{--ink:#202837;--paper:#FFFDFA;--accent:#FF7F45;--action:#335CFF;--soft:#FFF0E7;--border:color-mix(in srgb,var(--ink) 22%,var(--paper));--muted:color-mix(in srgb,var(--ink) 75%,var(--paper));--display:Display,sans-serif;--body:Text,sans-serif;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--display);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(32px,3.4vw,48px);margin:0}h3{font-size:24px;margin:0 0 14px}p{max-width:70ch;margin-bottom:22px}p:last-child{margin-bottom:0}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid var(--action);outline-offset:4px}input{caret-color:var(--action)}.skip{position:fixed;left:16px;top:-90px;z-index:200;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:10px}.rail{position:fixed;inset:0 auto 0 0;width:242px;border-right:1px solid var(--border);background:var(--paper);padding:30px 24px 20px;display:flex;flex-direction:column;z-index:50}.rail-brand{display:block;margin-bottom:18px}.rail-brand img{width:162px;max-height:52px;object-fit:contain;object-position:left}.rail>p{font-weight:700;font-size:14px;line-height:1.5;margin-bottom:24px}.rail>p span{font-size:11px;color:var(--muted);font-weight:400}.rail nav{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-right:3px;flex:1}.rail nav a{display:flex;gap:12px;align-items:center;min-height:36px;padding:6px 9px;text-decoration:none;border-radius:3px;font-size:12px;line-height:1.3}.rail nav a span{font-size:10px;min-width:17px;color:var(--muted);font-variant-numeric:tabular-nums}.rail nav a:hover{background:var(--soft)}.rail nav a[aria-current=true]{background:var(--ink);color:var(--paper)}.rail nav a[aria-current=true] span{color:var(--paper)}.rail-bottom{padding-top:16px;border-top:1px solid var(--border);margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.mobile-head{display:none}body>main{margin-left:242px;min-width:0}.cover{padding:40px 54px 0;min-height:790px;display:flex;flex-direction:column}.edition{font-size:11px;letter-spacing:.02em;border-bottom:1px solid var(--border);padding-bottom:18px}.cover-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px;align-items:center;flex:1;padding:65px 0}.cover h1{font-size:clamp(48px,5.7vw,85px);font-weight:800;line-height:1.01;margin:0 0 30px;letter-spacing:-.04em}.cover p{font-size:18px;max-width:45ch;line-height:1.55}.cover-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:12px 0;text-decoration:none;font-size:14px;font-weight:700}.cover-link span{font-size:24px}.cover-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:20px 0;font-size:11px}.chapters{max-width:1200px;padding:0 54px;margin:auto}.chapter{padding:86px 0;border-top:1px solid var(--border);scroll-margin-top:18px}.chapter-heading{display:grid;grid-template-columns:35px 1fr;gap:14px;align-items:baseline;margin-bottom:35px}.chapter-no{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.chapter-intro{font-size:18px;line-height:1.65;max-width:75ch;margin-bottom:30px}.manifesto{font:700 clamp(25px,2.8vw,38px)/1.28 var(--display);max-width:32ch;letter-spacing:-.025em;margin-bottom:45px}.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.text-columns p{font-size:16px}.principle{background:var(--soft);padding:28px 32px;margin-top:32px;font-size:18px}.persona{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;padding:30px 0;border-top:1px solid var(--border)}.persona header>span{display:block;font-size:12px;color:var(--action);margin-bottom:14px}.persona h3{font-size:28px;max-width:18ch}.persona dl{margin:0}.persona dl>div{display:grid;grid-template-columns:135px 1fr;gap:22px;padding-bottom:15px}.persona dt{font-size:12px;font-weight:700;padding-top:2px}.persona dd{margin:0;font-size:14px;line-height:1.6}.boundary{background:var(--soft);padding:28px;margin-top:26px}.boundary h3{font-size:21px}.rule-list{padding-left:21px;margin:22px 0;max-width:78ch}.rule-list li{padding-left:4px;margin-bottom:12px}.rule-list li::marker{color:var(--action)}.positioning{background:var(--ink);color:var(--paper);padding:36px;font:600 25px/1.5 var(--display);margin-bottom:30px}.table-scroll{overflow:auto;border-block:1px solid var(--border);margin:28px 0;max-width:100%;scrollbar-width:thin}table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px;line-height:1.6}th{text-align:left;background:var(--soft);font-size:12px;font-weight:700;padding:15px 17px;vertical-align:top}td{padding:18px 17px;border-top:1px solid var(--border);vertical-align:top}td:first-child{font-weight:700;width:20%}.note{font-size:13px;color:var(--muted);line-height:1.65}.principles-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.principles-list article{padding:24px 0;border-top:1px solid var(--border)}.message-stack article{padding:26px 0;border-bottom:1px solid var(--border)}.message-stack article>span{font-size:12px;color:var(--action)}blockquote{font:700 clamp(25px,3vw,37px)/1.2 var(--display);margin:15px 0;letter-spacing:-.02em}.message-stack article p{font-size:14px;color:var(--muted)}.vocabulary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:35px}.vocabulary h3{font-size:18px}.vocabulary p{font-size:14px}.copy-sample{padding:30px;border:1px solid var(--border);margin-bottom:18px}.copy-sample>span{display:block;font-size:12px;color:var(--action);margin-bottom:15px}.copy-sample h3{font-size:30px}.copy-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:18px;font-size:13px}.copy-button{min-height:44px;padding:8px 15px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:700}.copy-button:hover{background:var(--soft)}figure{margin:0}.logo-specimens{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-specimens figure{min-height:245px;padding:40px 32px 20px;display:flex;flex-direction:column;justify-content:center;gap:34px;align-items:center}.logo-specimens img{width:90%;max-width:350px;max-height:130px;object-fit:contain}.logo-light{background:var(--soft)}.logo-dark{background:var(--ink);color:var(--paper)}figcaption{font-size:12px;line-height:1.5}.logo-construction{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0;align-items:center}.clearspace{padding:50px;border:1px dashed var(--action);background:var(--paper)}.clearspace img{width:100%;border:1px solid var(--border)}.logo-construction h3{font-size:18px}.logo-construction p{font-size:14px}.symbol-row{display:flex;align-items:center;gap:25px;border-top:1px solid var(--border);padding-top:25px}.symbol-row img{width:65px;max-height:65px;object-fit:contain}.symbol-row p{font-size:14px}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.swatch{padding:0;background:none;border:0;text-align:left;min-width:0;color:var(--ink)}.swatch-color{display:block;height:110px;border:1px solid var(--border);margin-bottom:14px}.swatch strong,.swatch code,.swatch small{display:block}.swatch strong{font-size:13px;line-height:1.3;margin-bottom:7px}.swatch code{font-size:12px;margin-bottom:7px}.swatch small{font-size:11px;line-height:1.5}.swatches+.note{margin-top:24px}.semantic-row{display:flex;flex-wrap:wrap;gap:10px}.state{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius);font-size:12px;font-weight:600;line-height:1.45}.state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.state.success{background:#e7f2eb;color:#236443}.state.warning{background:#fff3da;color:#7b531b}.state.error{background:#ffebeb;color:#a83434}.state.info{background:#eaf5fc;color:#246a91}.type-intro{display:flex;justify-content:space-between;gap:30px}.type-intro h3{margin-bottom:8px}.type-intro p{font-size:13px;color:var(--muted)}.type-specimen{background:var(--soft);padding:32px}.display-sample{font:700 clamp(32px,4.2vw,57px)/1.15 var(--display);letter-spacing:-.03em}.body-sample{font-size:18px}.data-sample{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.direction-image{background:var(--soft);padding:25px;margin-bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.direction-image img{max-height:420px;width:100%;object-fit:contain}.direction-image figcaption{max-width:25ch}.data-example{border:1px solid var(--ink);margin:30px 0}.data-example>div{display:grid;grid-template-columns:1fr 1.4fr;border-bottom:1px solid var(--border);padding:24px;gap:20px}.data-example span{font-size:13px}.data-example strong{font-family:Data,Text,sans-serif;font-weight:500}.data-example small{display:block;padding:18px 24px;background:var(--accent)}.pattern-list article{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:35px;padding:25px 0;border-top:1px solid var(--border)}.pattern-art{height:140px;position:relative;background:var(--soft);overflow:hidden}.pattern-art span{position:absolute;display:block;background:var(--accent)}.pattern-1 span:nth-child(1){inset:20px 95px 20px 15px}.pattern-1 span:nth-child(2){inset:35px 20px 20px 115px;background:var(--ink)}.pattern-1 span:nth-child(3){width:50px;height:10px;bottom:14px;left:25px;background:var(--paper)}.pattern-2 span:nth-child(1){inset:20px;background:var(--paper);border:1px solid var(--border)}.pattern-2 span:nth-child(2){inset:35px 45px 85px 35px;background:var(--ink)}.pattern-2 span:nth-child(3){inset:70px 75px 40px 35px}.pattern-3{background:var(--ink)}.pattern-3 span:nth-child(1){inset:20px 20px 90px}.pattern-3 span:nth-child(2){inset:66px 60px 63px;background:var(--paper)}.pattern-3 span:nth-child(3){inset:87px 60px 42px;background:var(--paper)}.component-board{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.component-board>div,.component-board>form{border-top:1px solid var(--border);padding:28px 0}.component-board h3{font-size:20px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:700;text-decoration:none;background:transparent;color:var(--ink);line-height:1.3}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--action);border-color:var(--action);color:#fff}.btn.secondary{background:var(--soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.example-form{display:flex;flex-direction:column;gap:10px}.example-form label{font-size:13px;font-weight:700}.example-form input{width:100%;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.example-form input::placeholder{color:var(--muted)}.example-form .note{margin:0 0 8px}.example-form .btn{align-self:start}.state-list{display:flex;flex-direction:column;align-items:start;gap:12px}.empty-example p{font-size:14px;color:var(--muted)}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.social-grid img{width:100%;height:auto;border:1px solid var(--border)}.social-grid figcaption{margin-top:12px}.site-preview{margin:28px 0;position:relative;border:1px solid var(--border)}.site-preview img{width:100%;max-height:520px;object-fit:cover;object-position:top}.site-preview .btn{margin:20px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:35px}.download{display:block;padding:25px;border:1px solid var(--border);text-decoration:none}.download:hover{background:var(--soft)}.download strong,.download span{display:block}.download strong{font-family:var(--display);font-size:22px}.download span{font-size:13px;margin-top:8px;color:var(--muted)}.end{padding:50px 54px;background:var(--ink);color:var(--paper);display:flex;gap:30px;justify-content:space-between;align-items:center}.end strong{font:700 30px/1.2 var(--display)}.end a{font-size:13px}.toast{position:fixed;bottom:20px;left:calc(50% + 120px);transform:translateX(-50%);background:var(--ink);color:var(--paper);border:1px solid var(--paper);padding:12px 24px;border-radius:var(--radius);font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s}.toast.visible{opacity:1}
/* Each cover has its own composition. */
.brand-tuneame .cover{background:var(--accent)}.brand-tuneame .cover-grid{grid-template-columns:1.05fr .95fr;gap:25px}.brand-tuneame .cover h1{font-weight:800}.brand-tuneame .cover-art{height:470px;position:relative}.brand-tuneame .cover-product{width:78%;height:86%;object-fit:cover;position:absolute;top:0;left:0}.brand-tuneame .cover-detail{width:48%;height:44%;object-fit:cover;position:absolute;bottom:0;right:0;border:10px solid var(--action)}.brand-tuneame .cover-footer{border-color:#20283760}.brand-tuneame .btn.primary{background:var(--action);border-color:var(--action);color:white}.brand-tuneame .direction-image img{max-height:390px;object-fit:cover}.brand-tuneame .pattern-1{background:#335cff}.brand-cvdeuna .cover{background:#eaf5fc}.brand-cvdeuna .cover-grid{grid-template-columns:1fr;padding-top:55px;position:relative}.brand-cvdeuna .cover-copy{max-width:64%;z-index:1}.brand-cvdeuna .cover h1{font-size:clamp(50px,6.1vw,88px);margin-bottom:25px}.brand-cvdeuna .cover-art{position:absolute;right:-20px;bottom:50px;width:47%;opacity:1}.brand-cvdeuna .cover p{max-width:33ch}.brand-cvdeuna .cover-footer{border-top:1px solid #163f3544}.brand-cvdeuna .btn.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.brand-cvdeuna .pattern-art{border:1px solid var(--border);background:#ddebe1}.brand-cvdeuna .pattern-3{background:#eaf5fc}.brand-convertime .cover{background:var(--ink);color:var(--paper);border-bottom:12px solid var(--accent)}.brand-convertime .edition,.brand-convertime .cover-footer{border-color:#ffffff44}.brand-convertime .cover-grid{grid-template-columns:1fr;gap:45px;padding:50px 0}.brand-convertime .cover-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:0 45px;align-items:start}.brand-convertime .cover h1{grid-row:span 2;font-size:clamp(50px,6vw,85px);margin:0}.brand-convertime .cover p{font-size:16px;margin-top:10px}.brand-convertime .cover-link{justify-self:start}.cover-flow{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #ffffff55}.cover-flow>div{padding:25px 20px;border-right:1px solid #ffffff55;display:flex;flex-direction:column;gap:15px}.cover-flow>div:last-child{background:var(--accent);color:var(--ink);border:0}.cover-flow span{font-size:12px}.cover-flow strong{font:500 20px/1.3 Data,Text,sans-serif}.cover-flow small{font-size:11px}.brand-convertime .rail-brand img{width:174px}.brand-convertime .data-sample{font-family:Data,Text,sans-serif}.brand-convertime .pattern-art{background:#172027}.brand-convertime .pattern-2 span:first-child{background:#fffefa}.brand-convertime .pattern-3{background:#e7ebdc}.brand-convertime .pattern-3 span{background:#172027}.brand-convertime .pattern-3 span:first-child{background:#d5e94b}
/* Exportable social compositions. */
.social-canvas{width:1080px;height:1080px;overflow:hidden;padding:72px;display:flex;flex-direction:column;background:var(--paper)}.social-canvas>header{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:20px}.social-canvas>header img{width:250px;height:65px;object-fit:contain;object-position:left}.social-canvas>main{margin:0;flex:1;position:relative;min-width:0;padding-top:65px}.social-canvas h1{font:700 86px/1.06 var(--display);letter-spacing:-.035em;margin-bottom:28px;position:relative;z-index:2}.social-canvas main>p{font-size:27px;max-width:27ch;position:relative;z-index:2}.social-canvas>footer{border-top:1px solid var(--border);padding-top:20px;font-size:22px}.brand-tuneame.social-canvas{background:var(--accent)}.social-product{position:absolute;width:420px;height:470px;object-fit:cover;right:0;bottom:28px}.brand-tuneame.social-canvas h1{max-width:650px}.brand-tuneame.social-canvas main>p{max-width:16ch}.brand-tuneame.social-2{background:#fff0e7}.brand-tuneame.social-3{background:#ffb993}.brand-cvdeuna.social-canvas{background:#eaf5fc}.social-paper{position:absolute;right:10px;bottom:25px;width:380px;height:340px;background:#fcfdfc;border:1px solid #bdd0c4;padding:45px;display:flex;flex-direction:column;gap:22px}.social-paper span:first-child{font-size:14px;letter-spacing:.1em}.social-paper span:nth-child(2){font-family:var(--display);font-size:27px}.social-paper i{display:block;height:8px;background:#ddebe1}.social-paper i:last-child{width:70%}.brand-cvdeuna.social-canvas main>p{max-width:20ch}.brand-cvdeuna.social-2{background:#ddebe1}.brand-cvdeuna.social-3{background:#fcfdfc}.brand-convertime.social-canvas{background:#f4f3ec}.brand-convertime.social-canvas h1{font-size:90px}.social-data{position:absolute;bottom:60px;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr 1fr;font-family:Data,Text,sans-serif;font-size:29px;border:1px solid #172027}.social-data span{padding:45px 20px;border-right:1px solid #172027;text-align:center}.social-data span:last-child{background:#d5e94b;border:0}.brand-convertime.social-2{background:#e7ebdc}.brand-convertime.social-3{background:#d5e94b}
@media(min-width:1700px){.cover{padding-inline:max(54px,calc((100vw - 1450px)/2))}.cover-grid{max-width:1100px}.cover-footer{max-width:1100px;width:100%}}
@media(max-width:1100px){.rail{width:212px;padding:24px 16px}.rail nav a{font-size:11px}body>main{margin-left:212px}.cover{padding:30px 34px 0;min-height:720px}.chapters{padding:0 34px}.cover-grid{gap:22px}.cover h1{font-size:56px}.brand-tuneame .cover-art{height:390px}.brand-cvdeuna .cover-copy{max-width:69%}.brand-cvdeuna .cover h1{font-size:61px}.persona{grid-template-columns:1fr;gap:15px}.persona h3{max-width:none}.persona dl>div{grid-template-columns:140px 1fr}.brand-convertime .cover-copy{display:block}.brand-convertime .cover-copy p{max-width:55ch;margin-top:24px}.cover-flow strong{font-size:16px}.cover-flow>div{padding:20px 14px}.swatches{grid-template-columns:repeat(3,1fr)}.social-grid{gap:10px}.pattern-list article{grid-template-columns:160px 1fr;gap:25px}}
@media(max-width:780px){html{scroll-padding-top:82px}.mobile-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--border);height:65px;padding:0 20px;z-index:70}.mobile-head a{font-family:var(--display);font-size:21px;font-weight:700;text-decoration:none}.mobile-head button{background:var(--ink);color:var(--paper);border:0;padding:10px 18px;min-height:44px;border-radius:var(--radius);font-size:13px}.rail{width:min(340px,100%);top:65px;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;box-shadow:20px 15px 45px #0002}.rail.open{transform:none;visibility:visible}.rail-brand,.rail>p{display:none}.rail nav a{min-height:42px;font-size:14px}.rail-bottom{font-size:13px}.rail nav a span{font-size:12px}.rail nav{flex:1}body>main{margin-left:0}.cover{padding:26px 22px 0;min-height:0}.edition{font-size:10px;line-height:1.5}.cover-grid,.brand-tuneame .cover-grid{grid-template-columns:1fr;padding:40px 0;gap:25px}.cover h1{font-size:clamp(44px,10vw,72px)}.cover p{font-size:17px}.brand-tuneame .cover-art{height:380px;max-width:480px;width:100%}.brand-tuneame .cover-product{height:95%;width:73%}.brand-tuneame .cover-detail{height:55%;width:43%;border-width:7px}.cover-footer{font-size:10px;line-height:1.5}.chapters{padding:0 22px}.chapter{padding:55px 0;scroll-margin-top:70px}.chapter-heading{grid-template-columns:24px 1fr;gap:10px;margin-bottom:28px}.chapter-no{font-size:10px}.chapter h2{font-size:34px}.chapter-intro{font-size:16px}.text-columns,.principles-list,.logo-construction,.component-board,.downloads{grid-template-columns:1fr;gap:20px}.manifesto{font-size:28px}.principle,.boundary,.positioning{padding:24px}.positioning{font-size:22px}.persona{padding:25px 0}.persona h3{font-size:26px}.persona dl>div{grid-template-columns:1fr;gap:3px;margin-bottom:14px;padding:0}.persona dt{color:var(--action)}.persona dd{font-size:15px}.vocabulary{grid-template-columns:1fr;gap:15px}.copy-sample{padding:24px 20px}.copy-sample h3{font-size:26px}.copy-footer{align-items:start;flex-direction:column}.logo-specimens{grid-template-columns:1fr}.logo-specimens figure{min-height:200px}.clearspace{padding:40px}.swatches{grid-template-columns:repeat(2,1fr);gap:24px 14px}.swatch-color{height:100px}.swatch strong{font-size:14px}.swatch small{font-size:12px}.type-intro{flex-direction:column;gap:10px}.type-specimen{padding:25px 22px}.display-sample{font-size:36px}.direction-image{grid-template-columns:1fr;padding:20px;gap:14px}.direction-image img{max-height:360px}.direction-image figcaption{max-width:none}.pattern-list article{grid-template-columns:1fr;gap:20px}.pattern-art{width:220px}.social-grid{grid-template-columns:1fr;gap:25px}.social-grid figure{max-width:480px}.end{padding:35px 22px;display:block}.end strong{display:block;margin-bottom:20px;font-size:28px}.toast{left:50%;width:max-content;max-width:calc(100% - 30px)}.brand-cvdeuna .cover-copy{max-width:100%}.brand-cvdeuna .cover h1{font-size:clamp(45px,11vw,70px)}.brand-cvdeuna .cover-art{position:relative;right:auto;bottom:auto;width:100%;max-width:470px;margin-top:-10px}.brand-cvdeuna .cover-grid{padding-bottom:0}.brand-convertime .cover h1{font-size:clamp(44px,10vw,70px)}.brand-convertime .cover-grid{padding:35px 0}.cover-flow{grid-template-columns:1fr}.cover-flow>div{border-right:0;border-bottom:1px solid #ffffff55;gap:5px;padding:19px}.cover-flow strong{font-size:19px}.cover-flow span{font-size:11px}.data-example>div{grid-template-columns:1fr;gap:8px}.site-preview img{max-height:320px}.component-board{gap:0}table{min-width:580px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{@page{size:A4;margin:16mm 14mm}.rail,.mobile-head,.skip,.toast,.cover-link,.copy-button,.example-form,.site-preview .btn{display:none!important}body>main{margin:0}.cover{padding:0;min-height:245mm;break-after:page}.cover-grid{padding:30px 0}.cover h1{font-size:52px}.cover-footer{font-size:11px}.chapters{max-width:none;padding:0}.chapter{padding:0;border:0;break-before:page}.chapter-heading{margin-bottom:25px}.chapter h2{font-size:31px}.chapter-intro,p{font-size:11px;line-height:1.6}.manifesto{font-size:24px}.persona h3{font-size:21px}.persona{padding:20px 0;break-inside:avoid}.persona dd{font-size:10px}.persona dt{font-size:10px}.table-scroll{overflow:visible}table{min-width:0;font-size:9px;line-height:1.5}th{font-size:9px;padding:9px}td{padding:10px 9px}tr{break-inside:avoid}.rule-list{font-size:11px}.rule-list li{margin-bottom:7px}.positioning{font-size:21px}.copy-sample{break-inside:avoid;padding:20px}.copy-sample h3{font-size:23px}.message-stack article{padding:18px 0;break-inside:avoid}blockquote{font-size:24px}.logo-specimens{grid-template-columns:1fr 1fr}.logo-specimens figure{padding:25px 20px;min-height:170px}.logo-construction p{font-size:11px}.swatch-color{height:70px}.type-specimen{padding:25px}.display-sample{font-size:36px}.pattern-list article{break-inside:avoid;padding:15px 0;grid-template-columns:140px 1fr}.pattern-art{height:110px}.pattern-list h3{font-size:20px}.social-grid{grid-template-columns:repeat(3,1fr)}.social-grid figcaption{font-size:9px}.downloads{grid-template-columns:1fr 1fr}.download strong{font-size:19px}.download span{font-size:10px}.end{padding:25px}.brand-tuneame .cover-art{height:360px}.brand-cvdeuna .cover-copy{max-width:65%}.brand-cvdeuna .cover h1{font-size:57px}.brand-convertime .cover h1{font-size:60px}.cover-flow strong{font-size:15px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.brand-tuneame.social-canvas>header img{background:var(--paper);padding:8px 14px;height:73px;width:258px}

@media print{.cover{padding:24px;min-height:240mm}.chapter-intro,p{font-size:14px;line-height:1.6}.note{font-size:12px}.persona{grid-template-columns:1fr;gap:14px}.persona dl>div{grid-template-columns:130px 1fr;gap:16px;margin:0;padding-bottom:10px}.persona dd{font-size:12px}.persona dt{font-size:11px}.table-scroll table{font-size:11px}.table-scroll th{font-size:11px}.rule-list{font-size:13px}.text-columns,.principles-list,.logo-construction,.component-board{grid-template-columns:1fr 1fr}.logo-construction p{font-size:12px}.cover h1{font-size:48px}.cover p{font-size:16px}.brand-tuneame .cover-grid{gap:22px}.brand-tuneame .cover-art{height:320px}.brand-cvdeuna .cover h1{font-size:49px}.brand-convertime .cover h1{font-size:51px}}
.color-ink .swatch-color{background:#202837}.color-paper .swatch-color{background:#FFFDFA}.color-accent .swatch-color{background:#FF7F45}.color-action .swatch-color{background:#335CFF}.color-soft .swatch-color{background:#FFF0E7}