@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=JetBrains+Mono:wght@500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#06100e;--forest:#0a1915;--forest-2:#10251f;--paper:#eee9dc;--gold:#d8b56d;--gold-2:#f1d79a;--cyan:#5dd6c0;--line:rgba(228,218,191,.14);--muted:#a5ada5;--white:#f5f3ea;--display:"Cormorant Garamond",serif;--sans:"Manrope",sans-serif;--mono:"JetBrains Mono",monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--ink);color:var(--white)}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;top:0;left:50%;transform:translateX(-50%);width:min(1380px,calc(100% - 64px));border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:600 18px var(--sans);letter-spacing:.25em}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);margin-top:6px}.navlinks{display:flex;gap:34px;font-size:13px;color:#d8dbd5}.navlinks a:hover{color:var(--gold-2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border:1px solid var(--gold);background:var(--gold);color:#10140f;font-weight:700;font-size:13px;cursor:pointer;transition:.25s}.button:hover{background:var(--gold-2);transform:translateY(-2px)}.button span{font-size:16px}.button-compact{padding:12px 17px;background:rgba(8,18,15,.55);color:var(--white);backdrop-filter:blur(12px)}.hero{height:min(920px,100vh);min-height:760px;position:relative;overflow:hidden;background:#07110f}.hero-art{position:absolute;inset:0;background:url('/ryan-hero.png') center/cover no-repeat}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,9,.98),rgba(4,11,9,.84) 34%,rgba(4,11,9,.12) 68%,rgba(4,11,9,.38)),linear-gradient(0deg,#06100e,transparent 32%)}.hero-copy{position:relative;z-index:2;width:min(1380px,calc(100% - 64px));margin:auto;padding-top:190px}.kicker,.section-label{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.22em;color:var(--gold-2)}.kicker span{display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1{font:500 clamp(54px,7vw,104px)/.84 var(--display);letter-spacing:-.045em;max-width:780px;margin:35px 0 9px}.hero-line{font:italic 500 clamp(52px,6.7vw,98px)/.9 var(--display);margin:0;color:var(--gold-2);letter-spacing:-.045em}.lede{max-width:570px;font-size:16px;line-height:1.75;color:#bdc5bd;margin:34px 0}.actions{display:flex;align-items:center;gap:28px}.text-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.35);padding:12px 0}.text-link span{margin-left:14px;color:var(--gold)}.pulse-card{margin-top:46px;width:410px;border-top:1px solid var(--line);padding-top:17px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px}.pulse-orbit{width:31px;height:31px;border:1px solid rgba(93,214,192,.35);border-radius:50%;display:grid;place-items:center}.pulse-orbit i,.online-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.pulse-card div:nth-child(2){display:flex;flex-direction:column}.pulse-card b{font-size:12px}.pulse-card span{font-size:10px;color:var(--muted);margin-top:4px}.pulse-card code{font:500 9px var(--mono);letter-spacing:.18em;color:var(--cyan);border:1px solid rgba(93,214,192,.3);padding:6px 8px}.hero-index{position:absolute;bottom:30px;right:34px;z-index:2;font:10px var(--mono);color:#aab3aa;writing-mode:vertical-rl;letter-spacing:.2em}.manifesto{background:var(--paper);color:#12201a;padding:120px max(32px,calc((100% - 1240px)/2));display:grid;grid-template-columns:180px 1fr 300px;gap:50px;align-items:start}.manifesto .section-label,.domains .section-label{color:#6e633f}.manifesto blockquote{font:500 clamp(36px,4.7vw,66px)/.98 var(--display);margin:0;letter-spacing:-.035em}.manifesto blockquote em{color:#756334}.manifesto>p{font-size:14px;line-height:1.8;color:#566159;margin:10px 0}.domains{background:#e5dfd1;color:#112018;padding:120px max(32px,calc((100% - 1240px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-heading h2,.ritual h2,.command-showcase h2{font:500 clamp(43px,5vw,68px)/.92 var(--display);letter-spacing:-.035em;margin:19px 0 0}.section-heading>p{width:350px;color:#617068;line-height:1.7}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #b8b2a4}.domain-card{padding:38px 28px 44px;border-right:1px solid #b8b2a4;min-height:440px;transition:.3s}.domain-card:last-child{border:0}.domain-card:hover{background:#d8d0bd;transform:translateY(-6px)}.domain-number{font:11px var(--mono);color:#81765b}.sigil{font-size:34px;color:#7c6c3e;margin:45px 0}.domain-card h3{font:500 38px var(--display);margin:0 0 15px}.domain-card p{font-size:13px;color:#5e6b64;line-height:1.7;min-height:100px}.domain-card ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #c4bcaa}.domain-card li{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.05em;margin:12px 0}.ritual{min-height:780px;display:grid;grid-template-columns:1fr 1fr;background:var(--forest);overflow:hidden}.ritual-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(93,214,192,.13),transparent 55%),linear-gradient(135deg,#0d211b,#06100e)}.ritual-visual:before{content:"";position:absolute;inset:8%;border:1px solid var(--line)}.ritual-visual img{width:min(55%,430px);filter:drop-shadow(0 25px 45px rgba(0,0,0,.55));z-index:2}.ring{position:absolute;border:1px solid rgba(216,181,109,.2);border-radius:50%}.ring-a{width:68%;aspect-ratio:1}.ring-b{width:48%;aspect-ratio:1;border-style:dashed;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;color:var(--gold);font:9px var(--mono);border:1px solid rgba(216,181,109,.35);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.n1{top:20%;left:25%}.n2{right:19%;top:42%}.n3{bottom:17%;left:42%}.ritual-copy{padding:100px clamp(50px,8vw,130px);align-self:center}.ritual-copy h2{margin:23px 0 45px}.ritual-copy ol{list-style:none;padding:0;margin:0 0 42px;counter-reset:ritual}.ritual-copy li{display:grid;gap:7px;padding:20px 0 20px 48px;border-top:1px solid var(--line);position:relative}.ritual-copy li:before{counter-increment:ritual;content:"0"counter(ritual);position:absolute;left:0;top:22px;font:10px var(--mono);color:var(--gold)}.ritual-copy li b{font-size:14px}.ritual-copy li span{font-size:12px;color:var(--muted);line-height:1.5}.command-showcase{background:#091410;padding:130px max(32px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.terminal{border:1px solid rgba(216,181,109,.2);background:#07100d;box-shadow:0 35px 80px rgba(0,0,0,.35)}.terminal-top{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px}.terminal-top span{width:7px;height:7px;border-radius:50%;background:#3e514a}.terminal-top b{font:9px var(--mono);color:#6f8179;letter-spacing:.12em;margin-left:auto}.command-row{display:grid;grid-template-columns:120px 1fr 24px;gap:20px;padding:21px;border-bottom:1px solid var(--line);font-size:12px;color:#85968e}.command-row.active{background:linear-gradient(90deg,rgba(93,214,192,.12),transparent);color:#dce7df}.command-row code{font-family:var(--mono);color:var(--gold-2)}.command-row kbd{color:var(--cyan)}.command-showcase>div:last-child p{color:var(--muted);line-height:1.8}.final-cta{text-align:center;padding:130px 30px;background:radial-gradient(circle at 50% 40%,#173a30,transparent 45%),#07100d}.final-cta img{width:110px;filter:drop-shadow(0 12px 30px #000);margin-bottom:25px}.final-cta h2{font:500 clamp(45px,6vw,80px)/.95 var(--display);letter-spacing:-.04em;margin:24px 0 38px}.final-cta h2 em{color:var(--gold-2)}.button.light{background:var(--paper);border-color:var(--paper)}footer{min-height:160px;padding:45px max(32px,calc((100% - 1380px)/2));display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#8c9992;font-size:12px}footer .brand img{width:42px}footer>div{display:flex;gap:30px}
.dash-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#07100d}.sidebar{border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#08130f}.sidebar .brand img{width:44px}.sidebar nav{display:flex;flex-direction:column;margin-top:55px;gap:5px}.sidebar nav>span{font:500 8px var(--mono);letter-spacing:.16em;color:#66736c;margin:25px 12px 9px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;color:#8f9c95;font-size:12px}.sidebar nav a i{font-style:normal;color:#64736b;width:18px;text-align:center}.sidebar nav a b{margin-left:auto;font:9px var(--mono);background:#503b2b;color:#f4c98e;padding:4px 6px;border-radius:20px}.sidebar nav a.active{border-color:rgba(216,181,109,.16);background:linear-gradient(90deg,rgba(216,181,109,.1),transparent);color:#f2eadb}.sidebar-foot{margin-top:auto;padding:18px 10px;border-top:1px solid var(--line);display:grid;grid-template-columns:9px 1fr;gap:11px;align-items:center}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot b{font-size:10px}.sidebar-foot small{font-size:8px;color:#66736c;margin-top:4px}.dashboard{padding:55px clamp(30px,5vw,75px);max-width:1600px;width:100%;margin:auto}.dash-header{display:flex;justify-content:space-between;align-items:center}.dash-header h1{font:500 clamp(44px,5vw,64px)/.95 var(--display);letter-spacing:-.035em;margin:16px 0 8px}.dash-header>div>p:last-child{color:#7e8c85;font-size:13px}.account{display:flex;align-items:center;gap:12px}.icon-button,.user{height:44px;background:#0e1d18;border:1px solid var(--line);color:#dce3de;padding:0 15px}.icon-button{width:44px;position:relative}.icon-button i{position:absolute;right:9px;top:9px;width:5px;height:5px;background:var(--gold);border-radius:50%}.hidden{display:none!important}.realm-bar{display:grid;grid-template-columns:48px 1fr auto 220px;align-items:center;gap:14px;margin:48px 0 24px;padding:16px 18px;background:#0b1814;border:1px solid var(--line)}.realm-mark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(145deg,#244f41,#10261f);color:var(--gold);font:500 22px var(--display)}.realm-bar>div:nth-child(2){display:flex;flex-direction:column}.realm-bar small{font:500 8px var(--mono);letter-spacing:.12em;color:#617069}.realm-bar b{font-size:13px;margin-top:5px}.realm-bar button,.panel-title button{background:transparent;border:0;color:#8b9891;font-size:10px}.realm-health{border-left:1px solid var(--line);padding-left:24px;display:flex!important;flex-direction:column}.realm-health span{font-size:9px;color:#6f7c75}.realm-health b{font-size:11px;color:var(--cyan)!important}.realm-health i{font-style:normal;border:1px solid rgba(93,214,192,.3);border-radius:50%;padding:5px;margin-left:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article,.panel{background:linear-gradient(145deg,#0c1b16,#09140f);border:1px solid var(--line);padding:22px;position:relative}.metric-icon{position:absolute;right:20px;top:20px;color:#5b6d64;font-size:20px}.metric-grid span{font:500 8px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#718079}.metric-grid strong{display:block;font-size:25px;margin:19px 0 5px;text-transform:capitalize}.metric-grid small{font-size:9px;color:#64736c}.metric-grid .positive{color:#62b89f}.dashboard-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:12px;margin-top:12px}.panel-title{display:flex;align-items:start;justify-content:space-between}.panel-title h2,.guild-panel h2,.suggestions h2{font:500 26px var(--display);margin:9px 0}.live-pill{font:8px var(--mono);letter-spacing:.12em;color:var(--cyan);padding:6px 8px;border:1px solid rgba(93,214,192,.25)}.activity-panel{min-height:390px}.chart{height:260px;position:relative;margin-top:25px}.chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{border-top:1px solid rgba(255,255,255,.05)}.chart svg{position:absolute;inset:20px 0 25px;width:100%;height:calc(100% - 45px);overflow:visible}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 6px rgba(93,214,192,.4))}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font:8px var(--mono);color:#536159}.watch-score{display:flex;align-items:center;gap:18px;margin:35px 0 25px}.score-ring{width:95px;height:95px;border:3px solid rgba(93,214,192,.16);border-top-color:var(--cyan);border-right-color:var(--cyan);border-radius:50%;display:grid;place-content:center;text-align:center}.score-ring strong{font-size:25px}.score-ring span{font-size:8px;color:#708078}.watch-score p{font-size:11px;line-height:1.6;color:#86938c;max-width:120px}.watch-panel ul{list-style:none;margin:0;padding:0}.watch-panel li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:13px 0;font-size:10px}.watch-panel li span{color:#74827b}.watch-panel li i{width:5px;height:5px;border-radius:50%}.good{background:var(--cyan)}.warn{background:var(--gold)}.panel-title>a{font-size:10px;color:var(--gold)}.guilds{margin-top:18px}.guilds>p{color:#718079;font-size:12px}.guilds article{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.guild-icon,.guild-icon img{width:38px;height:38px}.guild-icon{display:grid;place-items:center;background:#18372d;color:var(--gold)}.guilds article>div:nth-child(2){flex:1;display:flex;flex-direction:column}.guilds article strong{font-size:12px}.guilds article span{font-size:9px;color:#6a7971;margin-top:4px}.guilds button{background:transparent;border:1px solid var(--line);color:#aab5af;padding:7px 9px;font-size:9px}.suggestions{background:linear-gradient(145deg,#173127,#0b1914);display:flex;flex-direction:column;align-items:flex-start}.suggestions h2{font-size:32px;margin-top:30px}.suggestions p{color:#8b9991;font-size:12px;line-height:1.7}.suggestions .button{margin-top:auto;padding:11px 14px;font-size:10px}
@media(max-width:1000px){.domain-grid{grid-template-columns:1fr 1fr}.domain-card:nth-child(2){border-right:0}.manifesto{grid-template-columns:1fr}.ritual,.command-showcase{grid-template-columns:1fr}.ritual-visual{min-height:600px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.navlinks{display:none}}@media(max-width:720px){.topbar{width:calc(100% - 32px)}.topbar .button{font-size:0;gap:0}.topbar .button span{font-size:15px}.hero{min-height:820px}.hero-art{background-position:62% center;opacity:.56}.hero-copy{width:calc(100% - 36px);padding-top:170px}.hero h1{font-size:57px}.hero-line{font-size:55px}.pulse-card{width:100%}.manifesto,.domains,.command-showcase{padding:85px 22px}.section-heading{display:block}.section-heading>p{width:auto}.domain-grid{grid-template-columns:1fr}.domain-card{border-right:0;border-bottom:1px solid #b8b2a4;min-height:auto}.ritual-visual{min-height:430px}.ritual-copy{padding:75px 25px}.command-showcase{gap:60px}.command-row{grid-template-columns:90px 1fr}.command-row kbd{display:none}footer{align-items:flex-start;gap:25px;flex-direction:column}.dash-body{display:block}.sidebar{display:none}.dashboard{padding:30px 18px}.dash-header{display:block}.account{margin-top:22px}.realm-bar{grid-template-columns:48px 1fr}.realm-bar>button,.realm-health{display:none!important}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:460px){.metric-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-line{font-size:46px}.actions{align-items:flex-start;flex-direction:column}.brand img{width:40px;height:40px}}
.ds-body{background:var(--paper);color:#132019}.ds-top{height:92px;padding:0 max(28px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c2b2}.ds-top>a:last-child{font-size:11px}.ds-main{max-width:1280px;margin:auto;padding:0 28px}.ds-intro{padding:120px 0 100px;display:grid;grid-template-columns:1fr 1fr}.ds-intro .kicker{grid-column:1/-1;color:#6d6347}.ds-intro h1{font:500 clamp(58px,8vw,110px)/.78 var(--display);letter-spacing:-.045em;margin:40px 0 0}.ds-intro h1 em{color:#8b7541}.ds-intro>p:last-child{align-self:end;max-width:470px;justify-self:end;color:#667069;line-height:1.8}.ds-section{padding:90px 0;border-top:1px solid #c9c2b2}.ds-section>header{display:grid;grid-template-columns:65px 1fr;margin-bottom:55px}.ds-section>header>span{font:10px var(--mono);color:#8b7541}.ds-section header small{font:9px var(--mono);letter-spacing:.12em;color:#80775d}.ds-section header h2{font:500 47px var(--display);margin:8px 0}.logo-stage{min-height:510px;background:#07110f;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:65px}.logo-stage>img{width:min(70%,480px);justify-self:center;filter:drop-shadow(0 28px 38px #000)}.logo-stage>div{color:#d4d9d3;max-width:320px}.logo-stage b{font:500 31px var(--display);color:var(--gold-2)}.logo-stage p{font-size:12px;line-height:1.8;color:#87958e}.logo-variants{display:grid;grid-template-columns:repeat(3,1fr)}.variant{height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.variant img{width:180px;height:180px;object-fit:contain}.variant span{font:8px var(--mono);letter-spacing:.1em;margin-top:24px}.variant.dark{background:#06100e;color:#eee9dc}.variant.light{background:#eee9dc}.variant.green{background:#18362c;color:#eee9dc}.clearspace{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px;border:1px solid #c9c2b2;margin-top:24px}.clear-mark{display:flex;align-items:center;justify-content:center;gap:25px}.clear-mark img{width:150px}.clear-mark i{font:10px var(--mono);color:#8b7541}.clearspace p{max-width:390px;line-height:1.8;font-size:13px}.clearspace p b{display:block;font:500 27px var(--display)}.type-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1px;background:#c9c2b2}.type-grid article{background:var(--paper);padding:50px}.type-grid span,.component-board>div>span{font:8px var(--mono);letter-spacing:.12em;color:#81765b}.type-display{grid-row:span 2}.type-display b{display:block;font:500 75px/.82 var(--display);margin:60px 0}.type-display p,.type-ui p{color:#6e786f;font-size:12px}.type-ui b{display:block;font-size:25px;line-height:1.4;margin:35px 0 20px}.type-ui div{font-size:10px;border-top:1px solid #cbc4b4;padding-top:20px}.type-mono code{display:block;font:500 14px/2 var(--mono);color:#48665b;margin-top:35px}.swatches{display:grid;grid-template-columns:repeat(5,1fr)}.swatches article i{display:block;height:220px;background:var(--sw)}.swatches article b,.swatches article code{display:block;margin-top:13px}.swatches article b{font-size:11px}.swatches article code{font:9px var(--mono);color:#7c817b}.material-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.material-rules b{font:500 24px var(--display)}.material-rules p{font-size:12px;line-height:1.8;color:#68726b}.component-board{background:#07110f;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;color:#eef2ed}.component-board>div>span{display:block;margin-bottom:20px}.ds-status,.ds-signal,.ds-command{border:1px solid var(--line);background:#0b1914;padding:16px;display:flex;align-items:center;gap:13px}.ds-status>i{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.ds-status p,.ds-signal p{display:flex;flex-direction:column;margin:0;flex:1}.ds-status b,.ds-signal p{font-size:11px}.ds-status small,.ds-signal small{font-size:8px;color:#718079;margin-bottom:4px}.ds-status code,.ds-signal time{font:8px var(--mono);color:var(--gold)}.ds-signal>b{font-size:25px;color:var(--gold)}.ds-command code{color:var(--gold-2)}.ds-command span{font-size:10px;color:#74837b;flex:1}.ds-command kbd{color:var(--cyan)}.tone-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.tone-grid blockquote{font:500 32px var(--display);background:#ddd6c6;margin:0;padding:45px}.tone-grid blockquote span{display:block;font:8px var(--mono);color:#847752;margin-bottom:25px}.tone-grid .right{background:#153429;color:#f0eadc}.tone-grid ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;padding:25px 0}.tone-grid li{font-size:12px;line-height:1.7}.tone-grid li b{display:block;font:500 23px var(--display)}.ds-body footer{max-width:1280px;margin:auto;border-color:#c9c2b2}.ds-body footer .brand small{color:#7f6f45}@media(max-width:800px){.ds-intro,.logo-stage,.clearspace{grid-template-columns:1fr}.ds-intro>p:last-child{margin-top:40px}.logo-stage{padding:35px}.logo-stage>img{width:85%}.logo-variants,.swatches,.material-rules,.tone-grid ul{grid-template-columns:1fr}.type-grid,.component-board{grid-template-columns:1fr}.variant{height:260px}.ds-section>header{grid-template-columns:35px 1fr}.tone-grid{grid-template-columns:1fr}.tone-grid ul{grid-column:auto}}