:root{color:#f2f0ec;--orange:#ff6936;--muted:#777;--line:#282828;--gutter:clamp(22px, 4vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#000;font-family:Satoma Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#000;margin:0}::selection{background:var(--orange);color:#000}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h2{letter-spacing:-.02em;font-size:clamp(58px,7.8vw,122px);font-weight:500;line-height:.99}h3{font-weight:500}small{font-size:14px}.wrap{margin-inline:var(--gutter)}.muted{color:var(--muted)}.micro{letter-spacing:.025em;color:#919191;font-size:12px}.section{padding-top:110px;padding-bottom:55px}.section-kicker{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0 35px;font-size:14px;display:flex}.section-kicker>span:last-child{color:#999}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:54px;display:flex}.section-heading>p{color:#929292;max-width:330px;font-size:18px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--orange);color:#000;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;height:105px;font-size:15px;display:flex}.brand{align-items:center;gap:12px;font-weight:500;line-height:1.1;display:flex}.brand-mark{color:#000;background:#f2f0ec;border-radius:5px;place-items:center;width:38px;height:38px;font-size:31px;font-weight:700;display:grid}.brand-caption{color:#929292;margin-top:5px;font-size:11px;font-weight:400;display:block}.nav nav{gap:32px;display:flex}.nav nav a{color:#a3a3a3;transition:color .2s}.nav nav a:hover{color:#fff}.nav-download{align-items:center;gap:32px;display:flex}.nav-download span{color:var(--orange);font-size:25px}.hero{overflow:hidden}.hero-topline{z-index:2;color:#999;justify-content:space-between;padding-top:28px;font-size:13px;display:flex;position:relative}.hero-topline>span:first-child{align-items:center;gap:9px;display:flex}.status-dot{background:var(--orange);border-radius:100%;width:5px;height:5px;box-shadow:0 0 15px #ff69365c}.hero h1{letter-spacing:-.021em;text-align:center;z-index:2;padding-top:35px;font-size:clamp(120px,23.7vw,390px);font-weight:500;line-height:1.02;position:relative}.sans-label{letter-spacing:0;writing-mode:vertical-rl;color:#999;font-size:14px;font-weight:400;position:absolute;top:56%;right:5.1%}.sculpture-stage{isolation:isolate;height:590px;margin-top:-20px;position:relative}.sculpture-stage canvas{z-index:1;opacity:0;touch-action:pan-y;pointer-events:none;width:100%;height:100%;transition:opacity 1.2s;display:block;position:absolute;top:0;left:0}.sculpture-stage canvas:focus-visible{outline-offset:-8px;outline:1px solid #666}.sculpture-stage.ready canvas{opacity:1;pointer-events:auto}.sculpture-fallback{-webkit-text-fill-color:transparent;z-index:0;background:linear-gradient(115deg,#222 25%,#f4f4f4 40%,#666 50%,#f3f0e9 60%,#292929 72%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:580px;font-weight:700;line-height:1;transition:opacity .5s;display:flex;position:absolute;inset:0;transform:rotate(-12deg)}.sculpture-stage.ready .sculpture-fallback{opacity:0}.stage-line{top:50%;left:var(--gutter);right:var(--gutter);z-index:-1;background:linear-gradient(90deg,#242424 0% 27%,#0000 35% 65%,#242424 73%);height:1px;position:absolute}.stage-caption{z-index:2;pointer-events:none;position:absolute;top:43%;transform:translateY(-50%)}.caption-left{left:var(--gutter)}.caption-right{right:var(--gutter);text-align:right}.caption-left p{letter-spacing:0;margin-top:20px;font-size:clamp(24px,2.5vw,38px);line-height:1.05}.caption-right p{margin-bottom:20px;font-size:17px;line-height:1.5}.caption-right .micro{font-size:11px}.interaction-hint{display:none}@media (hover:hover) and (pointer:fine){.sculpture-stage.ready .interaction-hint{display:inline}}.hero-bottom{border-top:1px solid var(--line);color:#999;justify-content:space-between;padding:22px 0;font-size:13px;display:flex}.hero-bottom>span{gap:12px;display:flex}.scroll-cue{color:#ddd;align-items:center;gap:24px;display:flex}.scroll-cue span{color:var(--orange);font-size:20px}.intro-title{margin:28px 0 54px;font-size:clamp(65px,8.5vw,140px)}.intro-bottom{grid-template-columns:1fr 1.35fr;align-items:end;gap:9vw;display:grid}.intro-bottom>p{letter-spacing:0;color:#aaa;max-width:520px;font-size:clamp(20px,2vw,29px);line-height:1.4}.spec-facts{justify-content:space-between;gap:20px;display:flex}.spec-facts>div{flex-direction:column;gap:14px;display:flex}.spec-facts span{letter-spacing:-.01em;font-size:clamp(36px,4.6vw,74px)}.spec-facts small{color:#888;font-size:12px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:100px;display:grid}.detail-card{border:1px solid var(--line);padding:26px;transition:border-color .4s;position:relative;overflow:hidden}.detail-card:hover{border-color:#666}.detail-glyph{letter-spacing:-.015em;height:260px;color:var(--orange);justify-content:center;align-items:center;font-size:clamp(105px,11.5vw,185px);font-weight:600;display:flex}.detail-index{color:#999;font-size:12px;position:absolute;top:22px;left:25px}.detail-card h3{letter-spacing:0;margin-top:30px;margin-bottom:12px;font-size:21px}.detail-card p{color:#929292;max-width:340px;margin-bottom:10px;font-size:15px;line-height:1.55}.weight-shift{font-weight:400;animation:7s step-end infinite weights}@keyframes weights{0%,to{font-weight:400}25%{font-weight:500}50%{font-weight:600}75%{font-weight:700}}.tester-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;gap:40px;padding:24px 0;display:grid}.tester-controls>label{color:#999;font-size:12px;display:block}.tester-variants{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:20px;display:grid}.tester-variants label{color:#999;min-width:0;font-size:12px}.integration-link{color:#999;margin-top:24px;font-size:14px;line-height:1.5}.integration-link a{color:#eee}.tester-controls output{float:right;color:#ddd}select{color:#eee;appearance:auto;background:#000;border:0;border-bottom:1px solid #3a3a3a;border-radius:0;width:100%;padding:11px 22px 8px 0;font-size:16px;display:block}input[type=range]{width:100%;height:22px;accent-color:var(--orange);cursor:pointer;margin:13px 0 0}.tester-actions{align-items:center;gap:12px;display:flex}.tester-actions button{border:1px solid #333;border-radius:100%;width:42px;height:42px;font-size:22px}.tester-actions button:hover{color:var(--orange);border-color:var(--orange)}.type-surface{--tester-size:104px;padding:44px 0 18px;transition:background .3s,color .3s}.type-surface.inverted{color:#000;background:#efede8;padding-inline:24px}.type-surface textarea{font-family:Satoma Sans,Arial,sans-serif;font-size:var(--tester-size);letter-spacing:0;text-underline-offset:.12em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;width:100%;height:270px;min-height:200px;max-height:650px;color:inherit;resize:vertical;overflow-wrap:break-word;caret-color:var(--orange);background:0 0;border:0;padding:8px 0 16px;font-weight:700;line-height:1.12;text-decoration-thickness:from-font;display:block}.type-surface textarea:focus{outline:none}.type-surface:focus-within{box-shadow:inset 0 -1px var(--orange)}.surface-footer{color:#888;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;display:flex}.surface-footer [data-warning=true]{color:var(--orange)}.sample-chips{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.sample-chips button,.filter-group button{color:#aaa;border:1px solid #333;border-radius:50px;padding:11px 18px;font-size:13px;transition:background .2s,color .2s}.sample-chips button:hover,.filter-group button:hover{color:#fff;border-color:#777}.sample-chips button[aria-pressed=true],.filter-group button[aria-pressed=true]{color:#000;background:#eee;border-color:#eee}.weight-row{border-bottom:1px solid var(--line);padding:24px 0 42px}.weight-row-top{color:#999;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px;display:flex}.weight-row-top span:last-child{color:#888}.weight-row h3{font-size:clamp(60px,8.8vw,144px);font-weight:inherit;letter-spacing:-.015em;white-space:nowrap;margin-bottom:25px;line-height:1.1}.alphabet{letter-spacing:0;overflow-wrap:anywhere;color:#b9b9b9;font-size:clamp(22px,3vw,45px);line-height:1.5}.alphabet .symbols{color:#888}.statement{border-block:1px solid var(--line);min-height:480px;padding:75px var(--gutter);align-items:center;margin:85px 0 20px;display:flex;position:relative;overflow:hidden}.statement-inner{z-index:1;position:relative}.statement p{letter-spacing:-.02em;font-size:clamp(76px,12vw,185px);font-weight:500;line-height:1.04}.statement .outline-type{color:#0000;-webkit-text-stroke:1px #707070}.statement .micro{color:#999;margin-top:30px;display:block}.statement-cross{color:var(--orange);z-index:0;font-size:440px;line-height:1;animation:70s linear infinite turn;position:absolute;top:4%;right:5vw;transform:rotate(-10deg)}@keyframes turn{to{transform:rotate(350deg)}}.character-controls{justify-content:space-between;align-items:center;gap:25px;margin:20px 0 30px;display:flex}.filter-group{flex-wrap:wrap;gap:9px;display:flex}.glyph-weight-label{color:#888;min-width:160px;font-size:11px}.glyph-weight-label select{font-size:15px}.glyph-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(12,1fr);font-weight:700;display:grid}.glyph-grid button{aspect-ratio:1;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-weight:inherit;font-size:clamp(25px,3.4vw,52px);transition:background .2s,color .2s;position:relative}.glyph-grid button:after{content:"↗";opacity:0;font-size:13px;position:absolute;top:8px;right:9px}.glyph-grid button:hover{color:#000;background:var(--orange)}.glyph-grid button:hover:after{opacity:1}.glyph-note{color:#858585;margin-top:18px;font-size:12px;line-height:1.5}.download h2{margin:20px 0 55px}.download-main{border-block:1px solid var(--orange);color:var(--orange);justify-content:space-between;align-items:center;gap:20px;padding:36px 0;transition:padding .3s,background .3s,color .3s;display:flex}.download-main:hover{background:var(--orange);color:#000;padding-inline:24px}.download-main>span:first-child{letter-spacing:-.01em;font-size:clamp(28px,4.4vw,65px)}.download-main small{letter-spacing:0;color:#b8b8b8;margin-top:14px;font-size:14px;display:block}.download-main:hover small{color:#2e140a}.download-arrow{font-size:90px;line-height:1}.individual-downloads{border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:35px;display:grid}.individual-downloads>div{border-right:1px solid var(--line);padding:14px 24px}.individual-downloads h3{margin-bottom:17px;font-size:18px}.individual-downloads a{color:#8a8a8a;text-underline-offset:5px;margin-right:22px;font-size:13px;text-decoration:underline}.individual-downloads a:hover{color:#fff}.license-note{grid-template-columns:.8fr 1.5fr .7fr;gap:30px;margin-top:35px;padding:45px 0;display:grid}.license-note p{color:#8a8a8a;max-width:560px;font-size:14px;line-height:1.6}.license-note>a{text-align:right;text-underline-offset:5px;font-size:14px;text-decoration:underline}footer{border-top:1px solid var(--line);padding-top:45px;padding-bottom:28px}.footer-logo{letter-spacing:-.015em;font-size:clamp(46px,9vw,138px);font-weight:500}.footer-logo>span{vertical-align:top;color:var(--orange);margin:10px 0 0 10px;font-size:20px;display:inline-block}footer>div{color:#888;justify-content:space-between;gap:20px;margin-top:50px;font-size:12px;display:flex}footer a:hover{color:var(--orange)}dialog{color:#eee;background:#090909;border:1px solid #444;border-radius:0;width:min(600px,100vw - 36px);max-height:90vh;padding:25px}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000b}.dialog-top,.dialog-bottom{color:#999;justify-content:space-between;align-items:center;font-size:13px;display:flex}.dialog-top button{padding:10px;font-size:20px}.dialog-bottom{border-top:1px solid #333;padding-top:20px}#glyph-preview{text-align:center;color:var(--orange);padding:20px 0;font-size:clamp(120px,35vw,360px);line-height:1.35}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(22px)}.motion-ready .reveal.visible{opacity:1;transform:none}@media (width>=1600px){.sculpture-stage{height:660px}.hero h1{padding-top:45px}.detail-glyph{height:310px}}@media (width<=1000px){.nav nav{gap:20px}.sculpture-stage{height:510px}.caption-right{top:72%}.caption-left{top:30%}.caption-right p{font-size:14px}.caption-left p{font-size:23px}.hero-topline .meta{display:none}.intro-bottom{gap:40px}.spec-facts{flex-wrap:wrap}.spec-facts small{font-size:11px}.detail-grid{gap:12px;margin-top:60px}.detail-card{padding:18px}.detail-card h3{font-size:19px}.detail-card p{font-size:14px}.detail-glyph{height:190px}.tester-controls{gap:25px}.statement-cross{opacity:.75;font-size:350px;right:-50px}.glyph-grid{grid-template-columns:repeat(10,1fr)}}@media (width<=700px){.nav{height:85px}.nav nav{display:none}.nav-download{gap:15px;font-size:13px}.brand{font-size:14px}.brand-mark{width:32px;height:32px;font-size:27px}.hero h1{letter-spacing:-.025em;padding-top:33px;font-size:24vw;line-height:1.13}.sans-label{font-size:10px;top:54%;right:4.2%}.hero-topline{padding-top:22px;font-size:11px}.sculpture-stage{height:500px;margin-top:0}.sculpture-fallback{align-items:flex-start;padding-top:35px;font-size:440px}.stage-caption{top:auto;bottom:45px;transform:none}.caption-left p{margin-top:9px;font-size:23px}.caption-left .micro{font-size:10px}.caption-right{bottom:47px}.caption-right p{margin-bottom:0;font-size:12px}.caption-right .micro{display:none}.stage-line{background:linear-gradient(90deg,#202020,#0000 20% 80%,#202020);top:40%}.hero-bottom{margin-top:28px;padding-block:18px;font-size:11px}.hero-bottom>span{text-align:right;gap:5px;max-width:150px;line-height:1.4;display:block}.hero-bottom>span .muted{padding:0 3px}.scroll-cue{gap:10px}.section{padding-top:65px;padding-bottom:20px}.section-kicker{padding:17px 0 25px;font-size:11px}.section-kicker>span:last-child{text-align:right;max-width:135px}.intro-title{margin:12px 0 30px;font-size:13vw}.intro-bottom{grid-template-columns:1fr;gap:35px}.intro-bottom>p{max-width:100%;font-size:21px}.spec-facts{flex-wrap:nowrap;gap:15px}.spec-facts span{font-size:40px}.spec-facts small{max-width:95px;line-height:1.4}.detail-grid{grid-template-columns:1fr;gap:15px;margin-top:45px}.detail-card{grid-template-columns:.9fr 1fr;column-gap:24px;padding:23px;display:grid}.detail-glyph{grid-row:1/3;align-self:center;height:170px;font-size:110px}.detail-index{top:14px;left:15px}.detail-card h3{align-self:end;margin:15px 0 10px;font-size:20px}.detail-card p{font-size:13px;line-height:1.5}.section-heading{margin-bottom:30px;display:block}h2{font-size:14vw;line-height:1}.section-heading>p{margin-top:24px;font-size:15px}.tester-controls{grid-template-columns:1fr 1fr;gap:22px;padding-block:20px}.tester-controls>label{font-size:11px}.tester-actions{justify-content:flex-end}.type-surface{--tester-size:58px;padding-top:28px}.type-surface textarea{height:210px;min-height:180px;max-height:650px}.surface-footer{font-size:10px}.sample-chips{gap:7px}.sample-chips button{padding:9px 14px;font-size:11px}.weight-row{padding:17px 0 25px}.weight-row-top{font-size:11px}.weight-row h3{margin-bottom:15px;font-size:10.5vw}.alphabet{font-size:23px;line-height:1.55}.statement{min-height:320px;margin-top:60px;padding-block:65px}.statement p{font-size:16vw}.statement-cross{opacity:.45;font-size:235px;top:0;right:-65px}.statement .micro{font-size:10px}.character-controls{flex-direction:column;align-items:flex-start;gap:20px}.filter-group{gap:7px}.filter-group button{padding:9px 13px;font-size:11px}.glyph-weight-label{align-items:center;gap:25px;width:100%;display:flex}.glyph-weight-label select{max-width:180px}.glyph-grid{grid-template-columns:repeat(6,1fr)}.glyph-grid button{font-size:33px}.glyph-note{font-size:11px}.download h2{margin-bottom:34px}.download-main{padding-block:25px}.download-main>span:first-child{font-size:30px}.download-main small{max-width:220px;font-size:11px;line-height:1.5}.download-arrow{font-size:50px}.individual-downloads{grid-template-columns:1fr 1fr;row-gap:25px}.individual-downloads>div{padding:8px 16px}.individual-downloads h3{font-size:16px}.individual-downloads a{font-size:12px}.license-note{grid-template-columns:1fr;gap:18px;padding-top:25px}.license-note p{font-size:13px}.license-note>a{text-align:left;font-size:13px}footer{padding-top:25px}.footer-logo{font-size:13vw}footer>div{flex-wrap:wrap;margin-top:30px;font-size:10px}footer>div span:first-child{display:none}.tester-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.tester-variants label:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1;transform:none}.statement-cross{transform:rotate(-10deg)}}
