/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#0b0b0a;--paper:#f1f0ea;--line:#0b0b0a40;--muted:#6e6d67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,SimSun,Georgia,serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;position:relative;overflow:hidden}.grain{z-index:20;pointer-events:none;opacity:.045;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='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{border-bottom:1px solid var(--ink);letter-spacing:.12em;z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 3vw;font:11px/1 Arial,sans-serif;display:grid;position:relative}.brand{align-items:center;gap:14px;width:max-content;display:flex}.brand-code{background:var(--ink);width:38px;height:38px;color:var(--paper);letter-spacing:-.08em;place-items:center;font-weight:700;transition:transform .35s;display:grid}.brand:hover .brand-code{transform:rotate(45deg)}.brand-name{letter-spacing:.18em;font:700 17px/1 Noto Serif SC,serif}nav{gap:7px;display:flex}nav a{border:1px solid #0000;padding:8px 13px;transition:all .2s}nav a:before{content:"[ ";opacity:0}nav a:after{content:" ]";opacity:0}nav a:hover{border-color:var(--ink)}nav a:hover:before,nav a:hover:after{opacity:1}.header-meta{justify-self:end;align-items:center;gap:9px;font-size:9px;display:flex}.status-dot{background:var(--ink);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;display:inline-block}.hero{border-bottom:1px solid var(--ink);grid-template-rows:1fr auto;grid-template-columns:5vw minmax(0,1fr) minmax(260px,31vw);min-height:calc(100vh - 74px);display:grid;position:relative}.hero:before{content:"";background:var(--ink);transform-origin:100%;width:30vw;height:1px;position:absolute;top:30%;right:-7vw;transform:rotate(-31deg)}.hero-rail{border-right:1px solid var(--ink);letter-spacing:.18em;writing-mode:vertical-rl;flex-direction:column;grid-row:1/3;justify-content:space-between;align-items:center;padding:28px 0;font:8px/1 Arial,sans-serif;display:flex}.hero-copy{z-index:2;padding:clamp(55px,7vw,110px) 3vw 34px 5vw;position:relative}.eyebrow{letter-spacing:.16em;align-items:center;gap:24px;margin:0 0 4vh;font:9px/1.4 Arial,sans-serif;display:flex}.eyebrow span{background:var(--ink);color:var(--paper);letter-spacing:.12em;padding:7px 10px}.hero h1{letter-spacing:-.13em;flex-direction:column;width:max-content;margin:0;font-size:clamp(104px,15.2vw,230px);font-weight:900;line-height:.72;display:flex}.hero-char{animation:.9s cubic-bezier(.2,.7,.1,1) both rise;display:block}.hero-char-outline{color:#0000;-webkit-text-stroke:1.5px var(--ink);margin:.17em 0 0 .57em;animation-delay:.12s}.hero-statement{letter-spacing:.06em;margin:0;font-size:clamp(18px,1.7vw,25px);line-height:1.65;position:absolute;bottom:8%;right:1.5vw}.hero-seal{border-left:1px solid var(--ink);place-items:center;display:grid;position:relative;overflow:hidden}.hero-seal:before,.hero-seal:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute}.hero-seal:before{width:34vw;height:34vw}.hero-seal:after{border-style:dashed;width:18vw;height:18vw}.seal-orbit{border:1px solid var(--ink);border-radius:50%;width:24vw;max-width:370px;height:24vw;max-height:370px;animation:24s linear infinite spin;position:absolute}.seal-orbit span{letter-spacing:.18em;font:9px/1 Arial,sans-serif;position:absolute}.seal-orbit span:first-child{top:-5px;left:48%}.seal-orbit span:nth-child(2){top:50%;right:-18px;transform:rotate(90deg)}.seal-orbit span:nth-child(3){bottom:-5px;left:42%;transform:rotate(180deg)}.seal-core{background:var(--ink);width:102px;height:102px;color:var(--paper);z-index:1;border-radius:50%;place-items:center;font-size:54px;display:grid}.hero-bottom{border-top:1px solid var(--ink);grid-column:2/4;justify-content:space-between;align-items:center;min-height:105px;padding:20px 3vw 20px 5vw;display:flex}.hero-bottom p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.scroll-cue{letter-spacing:.12em;align-items:center;gap:16px;font:10px/1 Arial,sans-serif;display:flex}.scroll-cue b{border:1px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;transition:all .25s;display:grid}.scroll-cue:hover b{background:var(--ink);color:var(--paper);transform:translateY(5px)}.ticker{background:var(--ink);height:54px;color:var(--paper);align-items:center;margin:18px 0 0;display:flex;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.ticker div{white-space:nowrap;letter-spacing:.17em;min-width:max-content;font:11px/1 Arial,sans-serif;animation:23s linear infinite marquee}.section-marker{align-items:flex-start;gap:14px;display:flex}.section-marker span{letter-spacing:-.08em;font:700 58px/.8 Arial,sans-serif}.section-marker p{letter-spacing:.14em;writing-mode:vertical-rl;margin:0;padding-top:4px;font:9px/1.4 Arial,sans-serif}.about{grid-template-columns:17% minmax(0,1fr) 25%;align-items:start;gap:4vw;min-height:650px;padding:11vw 8vw 8vw;display:grid}.about-copy{position:relative}.big-quote{opacity:.08;font:250px/1 Georgia,serif;position:absolute;top:-9vw;left:-6vw}.about-copy p{letter-spacing:-.07em;margin:0;font-size:clamp(33px,4.45vw,68px);line-height:1.45;position:relative}.about-copy em{background:var(--ink);color:var(--paper);padding:0 .15em;font-style:normal;font-weight:400;display:inline-block;transform:rotate(-2deg)}.about-note{border-top:1px solid var(--ink);color:var(--muted);align-self:end;margin:0;padding-top:18px;font-size:13px;line-height:2}.notes-section{border-top:1px solid var(--ink);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:8vw 8vw;padding:8vw}.notes-heading{justify-content:space-between;align-items:flex-end;margin-bottom:6vw;display:flex}.section-kicker{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.notes-heading h2{letter-spacing:-.12em;margin:17px 0 0;font-size:clamp(70px,10vw,145px);line-height:.78}.notes-heading>p{margin:0;font-size:13px;line-height:1.8}.notes-grid{background:var(--ink);border:1px solid var(--ink);grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.note-card{background:var(--paper);flex-direction:column;min-height:410px;padding:24px;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.note-card-1{grid-column:span 5}.note-card-2{grid-column:span 4;transform:translateY(42px)}.note-card-3{grid-column:span 3;align-self:end;min-height:350px}.note-card:hover{background:var(--ink);color:var(--paper)}.note-top{letter-spacing:.13em;justify-content:space-between;font:9px/1 Arial,sans-serif;display:flex}.note-glyph{opacity:.07;font-size:150px;line-height:1;transition:transform .45s,opacity .3s;position:absolute;top:22px;right:-6px}.note-card:hover .note-glyph{opacity:.14;transform:rotate(-8deg)scale(1.1)}.note-copy{z-index:1;margin-top:auto;position:relative}.note-tag{letter-spacing:.15em;font:8px/1 Arial,sans-serif}.note-copy h3{letter-spacing:-.05em;max-width:430px;margin:15px 0;font-size:clamp(24px,2.4vw,38px);font-weight:600;line-height:1.25}.note-copy p{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.9}.note-card:hover .note-copy p{color:#aaa9a3}.note-arrow{font:28px/1 Arial,sans-serif;position:absolute;bottom:18px;right:20px}.project-section{background:var(--ink);min-height:850px;color:var(--paper);padding:8vw;position:relative;overflow:hidden}.project-section:after{content:"";border:1px solid #f1f0ea4d;border-radius:50%;width:42vw;height:42vw;position:absolute;bottom:-20vw;right:-13vw}.project-index{color:#0000;-webkit-text-stroke:1px #f1f0ea40;letter-spacing:-.13em;font:900 clamp(250px,38vw,570px)/1 Arial,sans-serif;position:absolute;top:-4vw;right:2vw}.project-label{z-index:1;justify-content:space-between;display:flex;position:relative}.project-label>span{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.project-label p{color:#aaa9a3;margin:0;font-size:12px;line-height:1.8}.project{z-index:1;outline:none;grid-template-columns:1.15fr .85fr;gap:8vw;margin-top:10vw;display:grid;position:relative}.project:before{content:"";border:1px solid #0000;transition:border-color .25s;position:absolute;inset:-2vw}.project:hover:before,.project:focus-visible:before{border-color:#f1f0ea4d}.project-title>span{letter-spacing:.15em;font:9px/1 Arial,sans-serif}.project-title h2{letter-spacing:-.09em;margin:22px 0 0;font-size:clamp(58px,7.3vw,110px);font-weight:500;line-height:.94;transition:transform .35s,letter-spacing .35s}.project:hover .project-title h2,.project:focus-visible .project-title h2{letter-spacing:-.075em;transform:translate(12px)}.project-detail{padding-top:4vw}.project-detail>p{color:#b8b7b0;max-width:510px;margin:0 0 38px;font-size:14px;line-height:2}.stack-list{border-top:1px solid #f1f0ea8c}.stack-list span{letter-spacing:.08em;border-bottom:1px solid #f1f0ea33;grid-template-columns:42px 1fr;padding:10px 0;font:11px/1 Arial,sans-serif;display:grid}.stack-list b{color:#74736f;font-weight:400}.project-status{letter-spacing:.13em;align-items:center;gap:10px;margin-top:26px;font:9px/1 Arial,sans-serif;display:flex}.status-dot-light{background:var(--paper)}.project-visit{letter-spacing:.16em;border-top:1px solid #f1f0ea8c;border-bottom:1px solid #f1f0ea8c;justify-content:space-between;align-items:center;width:100%;margin-top:34px;padding:15px 0;font:10px/1 Arial,sans-serif;transition:padding .25s,background .25s,color .25s;display:flex}.project-visit b{font-size:20px;font-weight:400}.project:hover .project-visit,.project:focus-visible .project-visit{background:var(--paper);color:var(--ink);padding-left:14px;padding-right:14px}.manifesto{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;min-height:500px;padding:8vw;display:grid;position:relative}.manifesto:before{content:"";background:var(--ink);width:1px;position:absolute;top:0;bottom:0;left:50%}.manifesto-cross{background:var(--paper);z-index:1;font:30px/1 Arial,sans-serif;position:absolute;top:17px;left:calc(50% - 10px)}.manifesto>p{letter-spacing:-.09em;margin:0;font:700 clamp(50px,7vw,104px)/.9 Arial,sans-serif}.manifesto>p:nth-of-type(2){text-align:right;align-self:end}.manifesto>p span{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.manifesto>p i{font-family:Georgia,serif;font-weight:400}.manifesto-note{background:var(--ink);color:var(--paper);text-align:center;padding:14px 18px;font-size:12px;line-height:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.statement{grid-template-columns:16% 1fr 34%;align-items:start;gap:4vw;padding:9vw 8vw;display:grid}.statement h2{letter-spacing:-.1em;margin:0;font-size:clamp(55px,7vw,106px);font-weight:600;line-height:.98}.statement h2 span{font-family:Georgia,serif}.statement-copy{border-top:1px solid var(--ink)}.statement-copy p{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:20px 0;font-size:12px;line-height:2}footer{background:var(--ink);min-height:140px;color:var(--paper);grid-template-columns:1fr 1fr 1fr;align-items:end;padding:28px 3vw;display:grid}.footer-brand{letter-spacing:.18em;font-size:27px;font-weight:700}footer>p{text-align:center;color:#aaa9a3;margin:0;font-size:12px}footer>div{letter-spacing:.13em;justify-content:flex-end;gap:25px;font:8px/1 Arial,sans-serif;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes rise{0%{opacity:0;transform:translateY(35px)}}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.header-meta{display:none}.hero{grid-template-columns:38px 1fr}.hero-copy{padding-left:6vw}.hero-seal{display:none}.hero-bottom{grid-column:2}.hero-statement{right:5vw}.about{grid-template-columns:13% 1fr}.about-note{grid-column:2;max-width:430px}.notes-grid{grid-template-columns:1fr 1fr}.note-card-1,.note-card-2,.note-card-3{grid-column:auto;transform:none}.note-card-3{grid-column:span 2}.statement{grid-template-columns:13% 1fr}.statement-copy{grid-column:2}}@media (width<=620px){.site-header{height:64px;padding:0 18px}.brand-code{width:32px;height:32px}.brand-name{font-size:15px}nav{gap:0}nav a{padding:7px 6px;font-size:9px}nav a:before,nav a:after{display:none}.hero{grid-template-columns:28px 1fr;min-height:720px}.hero-rail{padding:20px 0}.hero-copy{padding:72px 5vw 30px 7vw}.eyebrow{font-size:7px;line-height:2.2;display:block}.eyebrow span{margin-bottom:8px;display:table}.hero h1{font-size:clamp(86px,27vw,130px);line-height:.76}.hero-char-outline{margin-left:.05em}.hero-statement{margin-top:65px;font-size:17px;position:static}.hero-bottom{min-height:92px;padding:15px 5vw 15px 7vw}.hero-bottom p{font-size:10px}.scroll-cue span{display:none}.ticker{height:46px}.about{grid-template-columns:45px 1fr;gap:18px;padding:24vw 7vw}.section-marker span{font-size:38px}.about-copy p{letter-spacing:-.05em;font-size:31px}.about-note{grid-column:2;font-size:12px}.notes-section{background-size:25vw 25vw;padding:20vw 7vw}.notes-heading{align-items:flex-start}.notes-heading h2{font-size:72px}.notes-heading>p{display:none}.notes-grid{grid-template-columns:1fr}.note-card-1,.note-card-2,.note-card-3{grid-column:auto;min-height:330px}.project-section{min-height:auto;padding:20vw 7vw}.project-label p{display:none}.project{grid-template-columns:1fr;gap:10vw;margin-top:25vw}.project-title h2{font-size:58px}.project-detail{padding-top:0}.project-index{font-size:250px;right:-22vw}.manifesto{grid-template-columns:1fr;min-height:540px;padding:17vw 7vw}.manifesto:before{width:auto;height:1px;inset:50% 7vw auto}.manifesto-cross{top:calc(50% - 15px);left:50%}.manifesto>p{font-size:50px}.manifesto>p:nth-of-type(2){text-align:right}.manifesto-note{font-size:9px}.statement{grid-template-columns:45px 1fr;gap:18px;padding:22vw 7vw}.statement h2{font-size:56px}.statement-copy{grid-column:2}footer{grid-template-columns:1fr;gap:28px;padding:35px 7vw}footer>p{text-align:left}footer>div{justify-content:space-between}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.case-study{background:var(--paper);min-height:100vh;color:var(--ink);overflow:hidden}.case-nav{border-bottom:1px solid var(--ink);letter-spacing:.15em;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 3vw;font:9px/1 Arial,sans-serif;display:grid}.case-nav span:last-child{justify-self:end}.case-back{border:1px solid var(--ink);width:max-content;padding:9px 12px;transition:all .2s}.case-back:hover{background:var(--ink);color:var(--paper)}.case-hero{border-bottom:1px solid var(--ink);flex-direction:column;min-height:calc(100vh - 64px);padding:6vw 7vw 3vw;display:flex;position:relative}.case-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#0b0b0a24 1px,#0000 1px),linear-gradient(90deg,#0b0b0a24 1px,#0000 1px);background-size:10vw 10vw;position:absolute;inset:0}.case-hero-index{letter-spacing:-.14em;color:#0000;-webkit-text-stroke:1px #0b0b0a38;font:900 clamp(260px,37vw,560px)/1 Arial,sans-serif;position:absolute;top:-6vw;right:-1vw}.case-kicker{letter-spacing:.17em;margin:0;font:9px/1 Arial,sans-serif;position:relative}.case-hero h1{letter-spacing:-.1em;flex-direction:column;width:max-content;margin:auto 0;font-size:clamp(70px,11vw,170px);line-height:.82;display:flex;position:relative}.case-hero h1 span{font-weight:800}.case-hero h1 em{color:#0000;-webkit-text-stroke:1.5px var(--ink);margin-left:.5em;font-weight:500}.case-hero-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:relative}.case-hero-bottom p{margin:0;font-size:14px;line-height:1.9}.case-jump{letter-spacing:.15em;align-items:center;gap:18px;font:10px/1 Arial,sans-serif;display:flex}.case-jump b{border:1px solid var(--ink);border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;transition:all .25s;display:grid}.case-jump:hover b{background:var(--ink);color:var(--paper);transform:translateY(5px)}.case-intro{grid-template-columns:13% 1fr 30%;align-items:start;gap:4vw;padding:10vw 7vw;display:grid}.case-section-id span{letter-spacing:-.08em;font:700 52px/.8 Arial,sans-serif}.case-section-id p{letter-spacing:.16em;margin:14px 0 0;font:8px/1 Arial,sans-serif}.case-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(36px,4.5vw,68px);font-weight:500;line-height:1.35}.case-intro h2 i{font-family:Georgia,serif;font-weight:400}.case-intro-copy>p{color:var(--muted);margin:0 0 45px;font-size:13px;line-height:2.1}.case-intro-copy dl{border-top:1px solid var(--ink);margin:0}.case-intro-copy dl div{border-bottom:1px solid var(--line);align-items:baseline;gap:20px;padding:14px 0;display:flex}.case-intro-copy dt{font:700 28px/1 Arial,sans-serif}.case-intro-copy dd{color:var(--muted);margin:0;font-size:11px}.product-preview{background:var(--ink);color:var(--paper);padding:8vw 7vw 10vw}.preview-heading{justify-content:space-between;align-items:flex-end;margin-bottom:4vw;display:flex}.preview-heading span{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.preview-heading p{color:#aaa9a3;margin:0;font-size:12px}.app-window{border:1px solid #f1f0eab3;box-shadow:22px 22px #f1f0ea14}.window-bar{letter-spacing:.12em;border-bottom:1px solid #f1f0ea59;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;padding:0 16px;font:8px/1 Arial,sans-serif;display:grid}.window-bar>div{gap:5px;display:flex}.window-bar i{border:1px solid var(--paper);border-radius:50%;width:7px;height:7px;display:block}.window-bar b{justify-self:end;font-weight:400}.workspace{grid-template-columns:54px 180px 1fr 250px;min-height:580px;display:grid}.workspace-rail{border-right:1px solid #f1f0ea40;flex-direction:column;align-items:center;gap:26px;padding:14px 0;font:16px/1 Arial,sans-serif;display:flex}.workspace-logo,.workspace-avatar{place-items:center;width:30px;height:30px;font:700 12px/1 Arial,sans-serif;display:grid}.workspace-logo{background:var(--paper);color:var(--ink)}.workspace-avatar{border:1px solid var(--paper);border-radius:50%;margin-top:auto}.channel-list{border-right:1px solid #f1f0ea40;padding:20px 12px;font-family:Arial,sans-serif}.channel-title{justify-content:space-between;align-items:center;margin-bottom:28px;font-size:12px;display:flex}.channel-list p{letter-spacing:.12em;color:#777671;margin:25px 8px 8px;font-size:8px}.channel-list a{color:#aaa9a3;align-items:center;gap:7px;padding:9px 8px;font-size:10px;display:flex}.channel-active{background:var(--paper);color:var(--ink)!important}.channel-active b{margin-left:auto;font-size:8px}.channel-list i{border:1px solid #777;border-radius:50%;width:6px;height:6px}.channel-list .online-dot{background:var(--paper);border:0}.chat-panel{flex-direction:column;min-width:0;display:flex}.chat-head{border-bottom:1px solid #f1f0ea40;justify-content:space-between;align-items:center;height:62px;padding:0 20px;font-family:Arial,sans-serif;display:flex}.chat-head div{align-items:center;gap:15px;display:flex}.chat-head b{font-size:12px}.chat-head span{color:#888782;font-size:9px}.messages{flex:1;padding:20px}.message-date{color:#aaa9a3;border:1px solid #f1f0ea40;width:max-content;margin:0 auto 24px;padding:4px 9px;font:8px/1 Arial,sans-serif}.message{grid-template-columns:32px 1fr;gap:11px;margin-bottom:25px;font-family:Arial,sans-serif;display:grid}.avatar{background:var(--paper);width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;display:grid}.avatar-dark{color:var(--paper);background:#5f5e59}.avatar-outline{color:var(--paper);border:1px solid var(--paper);background:0 0}.message p{margin:0 0 7px;font-size:10px}.message time{color:#777671;margin-left:9px;font-size:8px;font-weight:400}.message div>span{color:#c1c0b9;font-size:10px;line-height:1.7}.doc-card{border:1px solid #f1f0ea59;grid-template-columns:1fr auto;margin-top:12px;padding:14px;display:grid}.doc-card b{font-size:10px}.doc-card span{grid-column:1;margin-top:6px;color:#777671!important;font-size:8px!important}.doc-card i{grid-area:1/2/3;align-self:center;font-size:16px}.message-box{color:#777671;border:1px solid #f1f0ea66;flex-direction:column;justify-content:space-between;min-height:75px;margin:0 20px 20px;padding:12px 14px;font:9px/1 Arial,sans-serif;display:flex}.message-box div{align-items:center;gap:13px;display:flex}.message-box b{color:#aaa9a3;font-weight:400}.message-box i{background:var(--paper);color:var(--ink);margin-left:auto;padding:5px 8px}.meeting-panel{border-left:1px solid #f1f0ea40;padding:20px 16px}.meeting-top{letter-spacing:.1em;color:#aaa9a3;justify-content:space-between;font:8px/1 Arial,sans-serif;display:flex}.meeting-top b{color:var(--paper)}.meeting-panel h3{margin:12px 0 20px;font-size:18px;font-weight:500}.video-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.video-grid div{aspect-ratio:1.2;background:#232321;border:1px solid #3e3e3a;place-items:center;display:grid;position:relative}.video-grid span{border:1px solid #777671;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.video-grid small{font:7px/1 Arial,sans-serif;position:absolute;bottom:6px;left:7px}.video-you{color:var(--ink);background:var(--paper)!important}.video-you span{border-color:var(--ink)}.meeting-controls{justify-content:center;gap:12px;margin-top:20px;display:flex}.meeting-controls span{border:1px solid #f1f0ea66;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.feature-section{padding:10vw 7vw}.feature-heading{justify-content:space-between;align-items:flex-end;margin-bottom:6vw;display:flex}.feature-heading>span{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.feature-heading h2{letter-spacing:-.08em;text-align:right;margin:0;font-size:clamp(48px,6vw,90px);font-weight:500;line-height:.95}.feature-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.feature-grid article{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:330px;padding:24px;transition:all .25s;position:relative}.feature-grid article:hover{background:var(--ink);color:var(--paper)}.feature-grid article>div{letter-spacing:.13em;justify-content:space-between;font:8px/1 Arial,sans-serif;display:flex}.feature-grid h3{letter-spacing:-.05em;margin:90px 0 16px;font-size:34px;font-weight:500}.feature-grid p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.9}.feature-grid article:hover p{color:#aaa9a3}.feature-grid article>b{font:400 32px/1 Arial,sans-serif;position:absolute;bottom:15px;right:20px}.architecture{border-top:1px solid var(--ink);padding:9vw 7vw}.architecture-head{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:6vw;display:grid}.architecture-head span{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.architecture-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(38px,5vw,74px);font-weight:500;line-height:1.1}.system-map{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;display:grid}.system-map>i{font:24px/1 Arial,sans-serif}.system-column{border:1px solid var(--ink);flex-direction:column;gap:8px;padding:14px;display:flex}.system-column span{letter-spacing:.14em;color:var(--muted);padding-bottom:12px;font:8px/1 Arial,sans-serif}.system-column b{letter-spacing:.09em;background:#0b0b0a12;padding:10px;font:9px/1 Arial,sans-serif}.system-column-dark{background:var(--ink);color:var(--paper)}.system-column-dark b{background:#f1f0ea1c}.system-column-dark span{color:#aaa9a3}.case-stack{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;gap:9vw;padding:9vw 7vw;display:grid}.case-stack>div>span{letter-spacing:.16em;font:9px/1 Arial,sans-serif}.case-stack h2{letter-spacing:-.06em;margin:30px 0 0;font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.25}.case-stack ol{border-top:1px solid #f1f0ea80;margin:0;padding:0;list-style:none}.case-stack li{border-bottom:1px solid #f1f0ea38;grid-template-columns:45px 1fr auto;padding:15px 0;font-family:Arial,sans-serif;display:grid}.case-stack li span{color:#777671;font-size:8px}.case-stack li b{letter-spacing:.08em;font-size:11px}.case-stack li i{font-size:16px;font-weight:400}.case-footer{background:var(--paper);color:var(--ink);padding:7vw}.case-footer>p{letter-spacing:.16em;margin:0 0 28px;font:9px/1 Arial,sans-serif}.case-footer>a{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:28px 0;transition:all .25s;display:flex}.case-footer>a:hover{background:var(--ink);color:var(--paper);padding-left:20px;padding-right:20px}.case-footer span{letter-spacing:-.06em;font-size:clamp(36px,5vw,72px);font-weight:600}.case-footer b{letter-spacing:.12em;font:9px/1 Arial,sans-serif}@media (width<=900px){.case-intro{grid-template-columns:12% 1fr}.case-intro-copy{grid-column:2}.workspace{grid-template-columns:50px 155px 1fr}.meeting-panel{display:none}.system-map{grid-template-columns:1fr 1fr}.system-map>i{display:none}}@media (width<=620px){.case-nav{grid-template-columns:1fr auto;padding:0 18px}.case-nav span:last-child{display:none}.case-back{padding:8px}.case-hero{min-height:680px;padding:18vw 7vw 8vw}.case-hero-index{font-size:240px;top:2vw;right:-20vw}.case-hero h1{font-size:67px;line-height:.9}.case-hero h1 em{margin:.25em 0 0}.case-hero-bottom p{font-size:11px}.case-jump{font-size:0}.case-intro{grid-template-columns:45px 1fr;gap:18px;padding:22vw 7vw}.case-intro h2{font-size:34px}.case-intro-copy{grid-column:2}.product-preview{padding:20vw 4vw}.preview-heading p{display:none}.workspace{grid-template-columns:42px 1fr;min-height:520px}.workspace-rail{gap:22px}.channel-list,.meeting-panel{display:none}.chat-head{padding:0 12px}.messages{padding:14px 12px}.message-box{margin:0 12px 12px}.feature-section{padding:20vw 7vw}.feature-heading{display:block}.feature-heading h2{text-align:left;margin-top:30px;font-size:48px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:280px}.architecture{padding:20vw 7vw}.architecture-head{grid-template-columns:1fr;gap:28px}.system-map{grid-template-columns:1fr}.case-stack{grid-template-columns:1fr;padding:20vw 7vw}.case-footer{padding:18vw 7vw}.case-footer>a{align-items:flex-end}.case-footer span{font-size:36px}.case-footer b{text-align:right;max-width:90px;line-height:1.6}}
