@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,Noto Sans SC,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f4f4ef;--paper:#fafaf6;--ink:#161713;--muted:#696b63;--line:#dcded5;--accent:#b9ef54;--accent-deep:#8fbf35;--dark-card:#20221d}:root[data-theme=dark]{--bg:#181915;--paper:#20211d;--ink:#f3f3ed;--muted:#aaa99f;--line:#363832;--dark-card:#10110e}*{transition:background-color .3s,border-color .3s,color .3s}.cursor-dot,.cursor-ring{display:none}.site-shell{min-height:100vh;overflow:hidden}.header{z-index:50;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1400px,100% - 64px);height:88px;margin:0 auto;display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:11px;font-size:14px;font-weight:600;display:flex}.brand-mark{color:#171813;background:var(--accent);border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;font-weight:700;display:grid}.nav{align-items:center;gap:39px;margin-left:110px;display:flex}.nav a{color:var(--muted);font-size:13px}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);position:relative}.nav a.active:after{content:"";background:var(--accent-deep);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-13px;left:50%}.nav-secondary{display:none}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:var(--paper);transform:translateY(-2px)}.menu-button{display:none}.pill-button,.primary-button{color:#141510;background:var(--accent);border-radius:999px;justify-content:center;align-items:center;gap:16px;height:42px;padding:0 21px;font-size:13px;font-weight:600;display:inline-flex}.pill-button:hover,.primary-button:hover{background:#c8f66e;transform:translateY(-2px);box-shadow:0 9px 24px #81a43926}.hero{grid-template-columns:55% 45%;align-items:center;width:min(1400px,100% - 64px);height:calc(100vh - 88px);min-height:650px;max-height:850px;margin:0 auto;display:grid;position:relative}.hero-copy{z-index:3;margin-top:-35px;padding-left:5%;position:relative}.eyebrow{color:var(--muted);letter-spacing:.09em;align-items:center;gap:9px;margin-bottom:27px;font-size:12px;display:flex}.status-dot{background:var(--accent-deep);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #95be3e1f}.hero h1{letter-spacing:-.072em;font-size:clamp(60px,6.6vw,102px);font-weight:500;line-height:.98}.accent-word{z-index:1;color:#151610;margin-left:.08em;position:relative}.accent-word:before{content:"";z-index:-1;background:var(--accent);border-radius:4px;height:.69em;position:absolute;bottom:.06em;left:-.06em;right:-.1em;transform:rotate(-2deg)}.hero-copy>p{color:var(--muted);margin-top:32px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:31px;margin-top:37px;display:flex}.primary-button{height:51px;padding:0 26px}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:10px;padding-bottom:4px;font-size:13px;font-weight:500;display:inline-flex}.text-link:hover{gap:15px}.hero-stage{z-index:2;place-items:center;height:500px;display:grid;position:relative}.hero-stage:before{content:"";background:radial-gradient(circle,#b9ef543d 0,#b9ef5412 45%,#0000 70%);border-radius:50%;width:440px;height:440px;position:absolute}.hero-card{color:#eef0e7;background:var(--dark-card);border-radius:24px;width:248px;height:326px;padding:18px;animation:6s ease-in-out infinite hover-card;transform:rotate(5deg);box-shadow:0 30px 80px #171c1233}.hero-card-top{gap:5px;display:flex}.hero-card-top i{background:#73776c;border-radius:50%;width:5px;height:5px;display:block}.hero-card-body{padding:35px 8px 0}.hero-card-body>span{color:#909388;letter-spacing:.18em;font-size:8px}.hero-card-body strong{letter-spacing:-.06em;margin-top:8px;font-size:51px;font-weight:500;display:block}.hero-card-body strong small{color:#8f9387;margin:0 1px;font-size:15px}.bars{border-bottom:1px solid #3b3d37;align-items:end;gap:7px;height:90px;margin-top:22px;padding-bottom:11px;display:flex}.bars i{background:#60645a;border-radius:3px 3px 0 0;flex:1;height:34%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){background:var(--accent);height:78%}.bars i:nth-child(5){height:66%}.bars i:nth-child(6){background:var(--accent);height:89%}.bars i:nth-child(7){height:53%}.card-row{justify-content:space-between;margin-top:17px;font-size:9px;display:flex}.card-row b{color:#85897e;font-weight:400}.card-row em{color:var(--accent);font-style:normal}.float-tag{z-index:5;background:var(--paper);border:1px solid #ffffffb3;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.float-tag{background:color-mix(in srgb, var(--paper) 82%, transparent)}}.float-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:500;box-shadow:0 8px 25px #23281c14}.float-tag svg{color:var(--accent-deep)}.tag-app{animation:5s ease-in-out infinite float;top:90px;left:52px}.tag-plugin{animation:6s ease-in-out 1s infinite float;top:190px;right:28px}.tag-mini{animation:5s ease-in-out 2s infinite float;bottom:72px;left:80px}.cursor-chip{color:#141510;background:var(--accent);border-radius:2px 8px 8px;padding:5px 8px;font-size:9px;position:absolute;bottom:98px;right:86px;transform:rotate(-4deg)}.hero-orbit{border:1px solid var(--line);opacity:.65;pointer-events:none;border-radius:50%;position:absolute}.orbit-one{width:630px;height:630px;top:23px;right:-160px}.orbit-two{width:410px;height:410px;top:133px;right:-50px}.scroll-cue{color:var(--muted);letter-spacing:.1em;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:34px;left:0}.scroll-cue span{background:var(--line);width:1px;height:38px;position:relative;overflow:hidden}.scroll-cue span:after{content:"";background:var(--ink);width:1px;height:14px;animation:2s infinite scroll;position:absolute;top:0;left:0}.section{width:min(1240px,100% - 80px);margin:0 auto;padding:130px 0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:59px;display:flex}.section-number{color:var(--muted);letter-spacing:.14em;margin-bottom:19px;font-size:10px;display:block}.section-heading h2,.about-copy h2{letter-spacing:-.045em;font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.08}.section-heading>p{color:var(--muted);margin-bottom:4px;font-size:13px;line-height:1.8}.work-section{border-top:1px solid var(--line)}.filters{gap:8px;margin-bottom:35px;display:flex}.filter{border:1px solid var(--line);min-width:68px;color:var(--muted);background:0 0;border-radius:99px;padding:9px 17px;font-size:11px}.filter:hover{color:var(--ink);border-color:var(--ink)}.filter.active{color:#f5f6ef;background:var(--ink);border-color:var(--ink)}:root[data-theme=dark] .filter.active{color:#181915}.project-grid{grid-template-columns:1fr 1fr;gap:64px 28px;display:grid}.project-card{animation:.5s both reveal}.project-visual{border-radius:3px;place-items:center;height:440px;display:grid;position:relative;overflow:hidden}.project-visual:after{content:"";background:linear-gradient(120deg,#0000 35%,#ffffff1f,#0000 65%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-visual:after{transform:translate(100%)}.project-index{color:#1416118c;font-size:10px;position:absolute;top:17px;right:20px}.visual-mori{background:#d9e2ce}.phone{text-align:center;color:#1e211b;background:#f5f6ef;border:6px solid #20221e;border-radius:29px;width:185px;height:364px;padding:30px 20px;transition:transform .5s;transform:rotate(-2deg)translateY(28px);box-shadow:0 18px 35px #19201429}.project-card:hover .phone{transform:rotate(0)translateY(17px)}.phone-island{background:#20221e;border-radius:10px;width:47px;height:12px;margin:-24px auto 48px}.phone>span{color:#85897d;letter-spacing:.17em;font-size:8px;display:block}.phone>strong{letter-spacing:-.06em;margin:8px 0 27px;font-size:45px;display:block}.phone .play{background:var(--accent);border-radius:50%;place-items:center;width:46px;height:46px;margin:auto;font-size:12px;display:grid}.phone>small{color:#8b8e84;margin-top:47px;font-size:8px;display:block}.visual-palette{background:#c6b8ff}.palette-ui{color:#20211d;background:#fafaf6f0;border-radius:16px;width:340px;padding:26px;transform:rotate(2deg);box-shadow:0 24px 50px #2f225a2e}.palette-ui>span{font-size:12px;font-weight:600}.color-chips{border-radius:8px;grid-template-columns:repeat(4,1fr);height:90px;margin:18px 0;display:grid;overflow:hidden}.color-chips i:first-child{background:#302f3b}.color-chips i:nth-child(2){background:#7968c6}.color-chips i:nth-child(3){background:#c6b8ff}.color-chips i:nth-child(4){background:#e9e4ff}.palette-ui b{font-size:20px}.palette-ui small{float:right;color:#77736f;margin-top:7px}.visual-list{background:#ffcf64}.list-phone{color:#20211d;background:#fbfaf4;border-radius:27px 27px 0 0;width:215px;height:330px;padding:34px 22px;transform:translateY(55px)rotate(2deg);box-shadow:0 18px 50px #503d1226}.mini-head{justify-content:space-between;margin-bottom:32px;font-size:16px;font-weight:600;display:flex}.mini-head b{color:#a2a095;letter-spacing:2px}.check-row{border-bottom:1px solid #e8e6df;align-items:center;gap:11px;padding:14px 0;font-size:11px;display:flex}.check-row i{border:1px solid #c7c6c0;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.check-row i.checked{color:#fff;background:#22231f;border-color:#22231f}.check-row i.checked+span{color:#a3a198;text-decoration:line-through}.visual-noise{background:#242822}.visual-tool-blue{background:#a9d5f4}.visual-tool-coral{background:#f5a38c}.tool-window{color:#20211d;background:#fafaf6f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:230px;padding:20px;display:flex;transform:rotate(-2deg);box-shadow:0 25px 55px #1b23282e}.tool-window>div{gap:5px;display:flex;position:absolute;top:17px;left:18px}.tool-window>div i{background:#c5c7c0;border-radius:50%;width:6px;height:6px}.tool-window>svg{margin-bottom:20px}.tool-window strong{font-size:19px;font-weight:600}.tool-window small{color:#8a8c84;margin-top:7px;font-size:9px}.noise-shape{place-items:center;width:270px;height:270px;display:grid;position:relative}.noise-shape div{background:repeating-radial-gradient(at 30% 70%,#b9ef54 0 2px,#30352c 3px 7px);border-radius:45% 55% 61% 39%/52% 36% 64% 48%;animation:8s ease-in-out infinite morph;position:absolute;inset:8px}.noise-shape:before,.noise-shape:after{content:"";border:1px solid #68705f;border-radius:50%;position:absolute;inset:-40px}.noise-shape:after{opacity:.4;inset:-80px}.noise-shape span{z-index:2;color:#fff;letter-spacing:.18em;text-align:center;font-size:9px;line-height:1.7;position:relative}.visual-noise .project-index{color:#979c91}.project-meta{justify-content:space-between;align-items:end;padding-top:22px;display:flex}.project-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.project-meta h3{letter-spacing:-.025em;margin:7px 0 9px;font-size:25px;font-weight:500}.project-meta p{max-width:390px;color:var(--muted);font-size:11px;line-height:1.7}.round-arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.project-card:hover .round-arrow{color:#171813;background:var(--accent);border-color:var(--accent);transform:rotate(-25deg)}.all-work-link{border-bottom:1px solid var(--ink);align-items:center;gap:15px;width:fit-content;margin:65px auto 0;padding-bottom:7px;font-size:12px;display:flex}.notes-section,.tutorial-list{border-top:1px solid var(--line)}.tutorial-row{border-bottom:1px solid var(--line);grid-template-columns:62px 68px 1fr 120px 45px;align-items:center;min-height:111px;display:grid}.tutorial-index,.tutorial-time{color:var(--muted);font-size:10px}.tutorial-icon{border:1px solid var(--line);width:43px;height:43px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.tutorial-content{flex-direction:column;gap:7px;display:flex}.tutorial-content small{color:var(--muted);letter-spacing:.09em;font-size:9px}.tutorial-content strong{font-size:16px;font-weight:500}.tutorial-arrow{border-radius:50%;justify-self:end;place-items:center;width:37px;height:37px;display:grid}.tutorial-row:hover{background:var(--paper);padding:0 15px}.tutorial-row:hover .tutorial-icon,.tutorial-row:hover .tutorial-arrow{color:#161713;background:var(--accent);border-color:var(--accent)}.about-section{border-top:1px solid var(--line);grid-template-columns:.93fr 1.07fr;align-items:center;gap:10%;display:grid}.about-art{place-items:center;height:570px;display:grid;position:relative}.portrait{color:#e9eadd;width:360px;height:465px;box-shadow:30px 30px 0 var(--accent);background:#242620;position:relative;overflow:hidden}.portrait-grid{opacity:.12;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.portrait-monogram{letter-spacing:-.1em;color:var(--accent);font-size:140px;font-weight:600;line-height:1;position:absolute;top:32px;left:25px}.portrait-caption{letter-spacing:.22em;font-size:11px;line-height:1.7;position:absolute;bottom:28px;left:28px}.portrait:after{content:"";opacity:.6;border:45px solid #555c4e;border-radius:50%;width:220px;height:220px;position:absolute;top:95px;right:-38px}.available-stamp{color:#151610;background:var(--accent);text-align:center;letter-spacing:.14em;border-radius:50%;place-items:center;width:105px;height:105px;padding:20px;font-size:8px;display:grid;position:absolute;top:21px;right:15px;transform:rotate(10deg)}.about-copy h2{margin:26px 0 35px}.about-copy h2 span{white-space:nowrap;position:relative}.about-copy h2 span:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-3px;left:0;right:0;transform:rotate(-1deg)}.about-body{color:var(--muted);grid-template-columns:1fr 1fr;gap:27px;font-size:12px;line-height:1.9;display:grid}.about-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:48px;margin:32px 0;padding:25px 0;display:flex}.about-stats div{flex-direction:column;gap:5px;display:flex}.about-stats strong{letter-spacing:-.04em;font-size:28px;font-weight:500}.about-stats span{color:var(--muted);font-size:9px}.about-link{border:0;padding:0}.contact-section{color:#f2f3eb;text-align:center;background:#20221d;flex-direction:column;justify-content:center;align-items:center;min-height:585px;display:flex;position:relative;overflow:hidden}.contact-section .section-number{color:#8c9184;position:relative}.contact-section h2{letter-spacing:-.055em;font-size:clamp(46px,5vw,70px);font-weight:500;line-height:1.08;position:relative}.contact-section h2 span{color:var(--accent)}.contact-section p{color:#979b90;margin:25px 0 32px;font-size:12px;line-height:1.9;position:relative}.email-button{background:var(--accent);color:#171813;border-radius:99px;align-items:center;gap:15px;height:52px;padding:0 23px;font-size:12px;font-weight:600;display:flex;position:relative}.email-button svg:last-child{margin-left:9px}.email-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #b9ef542b}.contact-glow{border:1px solid #34382f;border-radius:50%;width:800px;height:800px;position:absolute}.contact-glow:before,.contact-glow:after{content:"";border:1px solid #34382f;border-radius:50%;position:absolute}.contact-glow:before{inset:90px}.contact-glow:after{inset:190px;box-shadow:inset 0 0 90px #b9ef540d}footer{color:#f2f3eb;background:#20221d;border-top:1px solid #373a33;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:136px;padding:0 max(40px,50vw - 620px);display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand div{flex-direction:column;gap:3px;display:flex}.footer-brand strong{font-size:12px}.footer-brand small{color:#777b71;font-size:9px}.social-links{color:#a8aba1;justify-self:center;gap:27px;font-size:10px;display:flex}.social-links a:hover{color:var(--accent)}.copyright{color:#70746a;justify-self:end;font-size:9px}.breadcrumbs{color:var(--muted);align-items:center;gap:10px;margin-bottom:64px;font-size:10px;display:flex}.breadcrumbs a:hover{color:var(--ink)}.breadcrumbs span{opacity:.45}.breadcrumbs b{color:var(--ink);font-weight:500}.inner-page{border-bottom:1px solid var(--line);min-height:calc(100vh - 88px);animation:.55s both reveal}.inner-wrap{width:min(1240px,100% - 80px);margin:0 auto;padding:84px 0 130px}.back-link{color:var(--muted);margin-bottom:66px;font-size:11px;display:inline-block}.back-link:hover{color:var(--ink);transform:translate(-4px)}.page-title{max-width:900px;margin-bottom:86px}.page-title h1,.case-heading h1,.article-header h1,.story-hero h1,.contact-page h1{letter-spacing:-.06em;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:1.05}.page-title h1 span{z-index:1;position:relative}.page-title h1 span:after{content:"";z-index:-1;background:var(--accent);height:.35em;position:absolute;bottom:5px;left:-4px;right:-5px;transform:rotate(-1deg)}.work-index{border-top:1px solid var(--line)}.category-nav{gap:8px;margin:-35px 0 45px;padding-bottom:4px;display:flex;overflow-x:auto}.category-nav a{border:1px solid var(--line);color:var(--muted);border-radius:99px;flex:none;padding:10px 17px;font-size:10px}.category-nav a:hover{color:var(--ink);border-color:var(--ink)}.category-nav a.active{color:#171813;background:var(--accent);border-color:var(--accent)}.work-index-row{border-bottom:1px solid var(--line);grid-template-columns:50px 125px 1fr 1fr 45px;align-items:center;gap:25px;min-height:154px;display:grid}.work-index-row>span,.work-index-row small{color:var(--muted);letter-spacing:.09em;font-size:9px}.work-index-thumb{color:#14161180;place-items:center;width:110px;height:82px;font-size:30px;font-weight:600;display:grid;overflow:hidden}.work-index-row>div:nth-child(3){flex-direction:column;gap:8px;display:flex}.work-index-row strong{font-size:22px;font-weight:500}.work-index-row>p{color:var(--muted);max-width:330px;font-size:11px;line-height:1.7}.work-index-row>i{border:1px solid var(--line);border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.work-index-row:hover{background:var(--paper);padding:0 16px}.work-index-row:hover>i{color:#171813;background:var(--accent);border-color:var(--accent);transform:rotate(-25deg)}.note-featured{color:#f5f5ed;background:#23251f;grid-template-columns:.9fr 1.1fr;min-height:370px;margin-bottom:78px;display:grid}.note-featured>div:first-child{color:var(--accent);place-items:center;display:grid;position:relative;overflow:hidden}.note-featured>div:first-child:before{content:"";border:1px solid #44483e;border-radius:50%;width:280px;height:280px;position:absolute;box-shadow:0 0 0 60px #292c25,0 0 0 61px #3a3e35}.note-featured>div:first-child svg,.note-featured>div:first-child span{position:absolute}.note-featured>div:first-child span{color:#858a7d;letter-spacing:.18em;font-size:8px;bottom:32px}.note-featured>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;padding:72px 70px;display:flex}.note-featured small{color:#92978b;font-size:9px}.note-featured h2{letter-spacing:-.035em;margin:18px 0 32px;font-size:34px;font-weight:500;line-height:1.3}.note-featured a{color:var(--accent);border-bottom:1px solid var(--accent);align-items:center;gap:15px;padding-bottom:5px;font-size:11px;display:flex}.inner-tutorials{margin-top:0}.case-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:60px;display:grid}.case-heading p{color:var(--muted);padding-bottom:8px;font-size:13px;line-height:1.8}.case-summary{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:8px;display:flex}.case-summary>p{padding-bottom:0}.share-button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;align-items:center;gap:9px;padding:0 0 5px;font-size:10px;display:flex}.share-button:hover{color:var(--accent-deep);border-color:var(--accent-deep)}.case-hero{place-items:center;height:610px;display:grid;position:relative;overflow:hidden}.case-hero-word{color:#ffffff38;letter-spacing:-.08em;font-size:21vw;font-weight:600;position:absolute}.case-window{color:#1d1f19;background:#f8f8f3f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:330px;height:410px;padding:25px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 35px 80px #191c1433}.case-window-bar{gap:5px;display:flex;position:absolute;top:18px;left:20px}.case-window-bar i{background:#c4c5be;border-radius:50%;width:6px;height:6px}.case-window strong{font-size:30px}.case-window p{color:#85877f;margin:10px 0 45px;font-size:11px}.case-window button{color:#fff;background:#20221d;border:0;border-radius:99px;padding:12px 23px;font-size:10px}.case-story{grid-template-columns:.65fr 1.35fr;gap:100px;padding:115px 8%;display:grid}.case-quickbar{border:1px solid var(--line);border-top:0;grid-template-columns:1fr 1fr 1fr auto;align-items:center;min-height:100px;display:grid}.case-quickbar>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:7px;height:100%;padding:25px 28px;display:flex}.case-quickbar small{color:var(--muted);font-size:8px}.case-quickbar strong{align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.case-quickbar strong i{background:var(--accent-deep);border-radius:50%;width:6px;height:6px}.case-quickbar>button{background:var(--accent);color:#171813;border:0;border-radius:99px;align-items:center;gap:13px;height:43px;margin:0 25px;padding:0 20px;font-size:10px;font-weight:600;display:flex}.media-section{border-bottom:1px solid var(--line);padding:115px 0}.media-heading{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.media-heading h2{letter-spacing:-.045em;font-size:42px;font-weight:500}.media-heading>p{color:var(--muted);font-size:10px}.media-gallery{grid-template-rows:1fr 1fr;grid-template-columns:1.25fr .75fr;gap:14px;height:560px;display:grid}.media-shot{text-align:left;color:#1e201b;border:0;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.media-apps .media-shot{background:#d9e2ce}.media-plugins .media-shot{background:#c6b8ff}.media-miniprograms .media-shot{background:#ffcf64}.media-tools .media-shot{background:#a9d5f4}.media-experiments .media-shot{color:#edf0e5;background:#30342d}.media-shot:first-child{grid-row:1/3}.media-shot:nth-child(2){filter:saturate(.85)brightness(1.05)}.media-shot:nth-child(3){filter:saturate(1.1)brightness(.93)}.media-shot:before{content:"";background:#fafaf6eb;border-radius:22px;width:280px;height:340px;position:absolute;transform:rotate(-3deg);box-shadow:0 25px 60px #191e1429}.media-shot:nth-child(n+2):before{border-radius:12px;width:230px;height:175px}.media-shot>span,.media-shot>strong,.media-shot .mock-lines,.media-shot .mock-toolbar{z-index:1;position:relative}.media-shot>span{color:#898c83;letter-spacing:.16em;margin-bottom:12px;font-size:7px}.media-shot>strong{color:#20211d;font-size:22px;font-weight:600}.mock-toolbar{gap:5px;display:flex;position:absolute;top:22%;left:calc(50% - 110px)}.media-shot:nth-child(n+2) .mock-toolbar{top:27%}.mock-toolbar i{background:#c5c6c0;border-radius:50%;width:5px;height:5px}.mock-lines{flex-direction:column;gap:6px;width:95px;margin-top:28px;display:flex}.mock-lines i{background:#d8d9d3;border-radius:4px;height:3px}.mock-lines i:nth-child(2){width:75%}.mock-lines i:nth-child(3){background:var(--accent);width:45%}.media-shot>b{z-index:2;color:#20211d;opacity:0;background:#ffffffb3;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;display:grid;position:absolute;bottom:18px;right:20px}.media-shot:hover>b{opacity:1;transform:rotate(45deg)}.media-shot:hover:before{transform:rotate(0)scale(1.02)}.video-section{border-bottom:1px solid var(--line);grid-template-columns:.42fr 1fr;align-items:center;gap:70px;padding:115px 0;display:grid}.video-copy h2{letter-spacing:-.045em;font-size:42px;font-weight:500;line-height:1.14}.video-copy p{color:var(--muted);max-width:300px;margin-top:25px;font-size:11px;line-height:1.9}.video-player{aspect-ratio:16/9;color:#f4f5ed;background:#20231d;min-width:0;position:relative;overflow:hidden}.video-player video{object-fit:cover;width:100%;height:100%;display:block}.video-demo{background:radial-gradient(circle at 70% 40%,#b9ef542e,#0000 28%),linear-gradient(140deg,#292d25,#171914);place-items:center;display:grid;position:absolute;inset:0}.video-demo:before,.video-demo:after{content:"";border:1px solid #3f4439;border-radius:50%;width:390px;height:390px;position:absolute}.video-demo:after{opacity:.5;width:550px;height:550px}.video-browser{color:#20211d;z-index:1;background:#f4f5ef;border-radius:14px;gap:5px;width:62%;height:66%;padding:18px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 32px 80px #00000040}.video-browser>i{background:#c5c6bf;border-radius:50%;width:6px;height:6px}.video-browser>span{color:#92948c;font-size:7px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.video-demo-ui{z-index:2;background:#252821;border-radius:11px;flex-direction:column;justify-content:center;width:40%;min-width:180px;height:45%;padding:25px;display:flex;position:absolute;box-shadow:0 22px 55px #181b1540}.video-demo-ui>span{color:#7f8477;letter-spacing:.15em;font-size:6px}.video-demo-ui>strong{margin:10px 0 28px;font-size:22px;font-weight:500}.video-demo-ui>div{align-items:end;gap:7px;height:50px;display:flex}.video-demo-ui>div i{background:#555a4f;border-radius:2px 2px 0 0;flex:1;height:35%}.video-demo-ui>div i:nth-child(2){height:70%}.video-demo-ui>div i:nth-child(3){background:var(--accent);height:50%}.video-demo-ui>div i:nth-child(4){height:90%}.video-pointer{z-index:3;color:#171813;background:var(--accent);border-radius:2px 8px 8px;padding:5px 8px;font-size:7px;position:absolute;transform:translate(90px,65px)}.video-play{background:var(--accent);color:#171813;z-index:4;border:0;border-radius:50%;width:68px;height:68px;padding-left:5px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 35px #11140e40}.video-player.is-playing .video-play{opacity:0;transform:translate(-50%,-50%)scale(.75)}.video-player.is-playing:hover .video-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-controls{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#131511d1;border-radius:7px;align-items:center;gap:14px;height:52px;padding:0 18px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px)}.video-player:hover .video-controls,.video-player.is-playing .video-controls{opacity:1;transform:translateY(0)}.video-controls button{color:#f5f6ef;background:0 0;border:0;font-size:10px}.video-controls>div{background:#55594f;flex:1;height:2px;overflow:hidden}.video-controls>div i{background:var(--accent);width:0;height:2px;display:block}.video-player.is-playing .video-controls>div i{animation:7s linear infinite video-progress}.video-controls time,.video-controls>span{color:#a1a59a;font-size:8px}.video-controls>span{border:1px solid #5b5f55;border-radius:3px;padding:3px 5px}.video-player.is-playing .video-demo-ui{animation:4s ease-in-out infinite demo-window}.video-player.is-playing .video-pointer{animation:4s ease-in-out infinite demo-pointer}.video-player.is-playing .video-demo-ui>div i:nth-child(3){animation:1.3s ease-in-out infinite alternate demo-bar}.lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0f0cf0;grid-template-columns:60px minmax(300px,1000px) 60px;justify-content:center;align-items:center;gap:25px;padding:45px;animation:.25s both reveal;display:grid;position:fixed;inset:0}.lightbox-frame{place-items:center;height:min(75vh,720px);display:grid}.lightbox-frame .case-window{transform:none}.lightbox-frame .case-window>small{color:var(--muted);margin-bottom:25px;font-size:8px}.lightbox-close,.lightbox-nav{color:#f4f5ed;background:0 0;border:1px solid #4a4d44;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.lightbox-close{position:absolute;top:25px;right:25px}.lightbox-nav:hover,.lightbox-close:hover{color:#171813;background:var(--accent);border-color:var(--accent)}.case-story aside{flex-direction:column;gap:8px;font-size:11px;display:flex}.case-story aside span{color:var(--muted);margin-top:23px}.case-story aside span:first-child{margin-top:0}.case-story aside b{font-weight:500}.case-story article h2{letter-spacing:-.04em;margin-bottom:30px;font-size:42px;font-weight:500;line-height:1.18}.case-story article>p{color:var(--muted);max-width:620px;margin-bottom:20px;font-size:13px;line-height:1.95}.quote-block{background:var(--paper);border-left:3px solid var(--accent);margin-top:42px;padding:35px;font-size:22px;line-height:1.55}.type-module{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:70px;padding:105px 0;display:grid}.type-module h2{letter-spacing:-.04em;max-width:420px;font-size:38px;font-weight:500;line-height:1.2}.type-module-cards{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.type-module-cards>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:245px;padding:28px 22px;display:flex}.type-module-cards>div:first-child{border-left:1px solid var(--line)}.type-module-cards span{color:var(--accent-deep);margin-bottom:auto;font-size:9px}.type-module-cards strong{margin-bottom:12px;font-size:15px;font-weight:500}.type-module-cards p{color:var(--muted);font-size:10px;line-height:1.75}.type-module-cards a{color:var(--accent-deep);margin-top:15px;font-size:9px}.type-module-cards .qr-placeholder{background:linear-gradient(90deg, var(--ink) 8px, transparent 8px) 36px 34px / 25px 25px, linear-gradient(var(--ink) 8px, transparent 8px) 36px 34px / 25px 25px, var(--paper);color:var(--ink);justify-content:center;align-items:center;font-size:13px;font-weight:600}.qr-placeholder small{color:var(--muted);letter-spacing:.16em;margin-top:9px;font-size:7px}.next-case{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:45px 0;display:flex}.next-case small{color:var(--muted)}.next-case a{align-items:center;gap:20px;font-size:25px;display:flex}.article-wrap{width:min(1180px,100% - 40px);margin:0 auto;padding:82px 0 130px}.article-header{text-align:center;max-width:800px;margin:0 auto 55px}.article-cover{width:min(880px,100%);margin:0 auto}.article-header h1{margin:22px 0;font-size:clamp(44px,5.5vw,72px)}.article-header p{color:var(--muted);font-size:13px}.article-cover{height:410px;color:var(--accent);background:#242620;place-items:center;display:grid;position:relative;overflow:hidden}.article-cover:before{content:"";border:1px solid #43473d;border-radius:50%;width:310px;height:310px;position:absolute;box-shadow:0 0 0 70px #2a2d26,0 0 0 71px #3d4138}.article-cover svg,.article-cover span{position:relative}.article-cover span{letter-spacing:.2em;color:#8e9386;font-size:8px;position:absolute;bottom:25px}.article-body{width:min(650px,100%);margin:0}.docs-layout{grid-template-columns:170px minmax(0,650px) 150px;justify-content:center;align-items:start;gap:55px;margin-top:75px;display:grid}.docs-sidebar,.article-toc{flex-direction:column;display:flex;position:sticky;top:35px}.docs-sidebar small,.article-toc small{color:var(--muted);letter-spacing:.13em;margin-bottom:20px;font-size:8px}.docs-sidebar a,.article-toc a{color:var(--muted);padding:9px 0;font-size:10px;line-height:1.5}.docs-sidebar a:hover,.article-toc a:hover,.docs-sidebar a.active{color:var(--ink)}.docs-sidebar a.active{border-left:2px solid var(--accent-deep);padding-left:12px}.docs-sidebar a:last-child{color:var(--accent-deep);border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.article-toc{border-left:1px solid var(--line);padding-left:22px}.article-toc>span{color:var(--muted);margin-top:26px;font-size:8px}.article-toc>i{background:var(--line);height:2px;margin-top:10px}.article-toc>i b{background:var(--accent-deep);width:45%;height:2px;display:block}.anchor-target{display:block;position:relative;top:-50px}.article-pagination{border-top:1px solid var(--line);justify-content:space-between;gap:30px;width:min(650px,100%);margin:75px auto 0;padding-top:30px;display:flex}.article-pagination a{color:var(--muted);font-size:10px}.article-pagination a:hover{color:var(--ink)}.docs-shell{grid-template-columns:210px minmax(0,720px) 150px;justify-content:space-between;align-items:start;gap:65px;width:min(1320px,100% - 60px);margin:0 auto;padding:70px 0 130px;display:grid}.product-docs-nav,.docs-on-page{flex-direction:column;display:flex;position:sticky;top:35px}.docs-product{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:25px;padding-bottom:26px;display:flex}.docs-product-icon{color:#20211d;place-items:center;width:42px;height:42px;display:grid}.docs-product>span:last-child{flex-direction:column;gap:3px;display:flex}.docs-product strong{font-size:12px;font-weight:600}.docs-product small{color:var(--muted);font-size:8px}.product-docs-nav>small,.docs-on-page small{color:var(--muted);letter-spacing:.12em;margin:20px 0 9px;font-size:8px}.product-docs-nav>a:not(.docs-product),.docs-on-page a{color:var(--muted);border-radius:4px;padding:8px 12px;font-size:10px}.product-docs-nav>a.active{color:var(--ink);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.product-docs-nav>a.active{background:color-mix(in srgb, var(--accent) 20%, transparent)}}.product-docs-nav>a.active{border-left:2px solid var(--accent-deep)}.product-docs-nav>a:last-child{color:var(--accent-deep);margin-top:20px}.product-docs-content .breadcrumbs{margin-bottom:70px}.doc-label{color:var(--accent-deep);letter-spacing:.15em;font-size:9px}.product-docs-content h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(45px,5vw,66px);font-weight:500;line-height:1.08}.doc-lead{color:var(--muted);font-size:15px;line-height:1.8}.doc-notice{background:var(--accent);gap:15px;display:flex}@supports (color:color-mix(in lab, red, red)){.doc-notice{background:color-mix(in srgb, var(--accent) 15%, transparent)}}.doc-notice{border:1px solid var(--accent-deep)}@supports (color:color-mix(in lab, red, red)){.doc-notice{border:1px solid color-mix(in srgb, var(--accent-deep) 25%, transparent)}}.doc-notice{margin:45px 0 75px;padding:20px;font-size:10px}.doc-notice>span{color:var(--muted);flex-direction:column;gap:5px;display:flex}.doc-notice b{color:var(--ink);font-weight:600}.product-docs-content h2{letter-spacing:-.035em;margin:75px 0 18px;scroll-margin-top:40px;font-size:31px;font-weight:500}.product-docs-content>p{color:var(--muted);font-size:13px;line-height:2}.doc-steps{border-top:1px solid var(--line);margin:35px 0;padding:0;list-style:none}.doc-steps li{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;padding:23px 0;display:grid}.doc-steps li>b{color:var(--accent-deep);font-size:10px}.doc-steps li>span{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;display:flex}.doc-steps strong{color:var(--ink);font-size:12px;font-weight:500}.doc-demo{color:#f0f2e8;background:#242620;flex-direction:column;justify-content:center;align-items:center;height:330px;margin:35px 0;display:flex;position:relative}.doc-demo>span{color:#858a7c;letter-spacing:.17em;font-size:7px;position:absolute;top:22px;left:25px}.doc-demo>svg{color:var(--accent);margin-bottom:18px}.doc-demo>strong{font-size:20px}.doc-demo button{background:var(--accent);border:0;border-radius:99px;margin-top:25px;padding:10px 18px;font-size:9px}.shortcut-list{border-top:1px solid var(--line);margin-top:30px}.shortcut-list>span{border-bottom:1px solid var(--line);min-height:58px;color:var(--muted);align-items:center;font-size:11px;display:flex}.shortcut-list kbd{border:1px solid var(--line);min-width:28px;height:26px;color:var(--ink);border-bottom-width:2px;border-radius:5px;place-items:center;margin-left:auto;font-family:inherit;font-size:9px;display:grid}.shortcut-list kbd+kbd{margin-left:5px}.product-docs-content details{border-bottom:1px solid var(--line)}.product-docs-content summary{cursor:pointer;justify-content:space-between;padding:22px 0;font-size:12px;list-style:none;display:flex}.product-docs-content details p{color:var(--muted);padding:0 30px 20px 0;font-size:11px;line-height:1.8}.docs-on-page{border-left:1px solid var(--line);padding-left:18px}.article-body p{color:var(--muted);margin:0 0 30px;font-size:14px;line-height:2}.article-body .article-lead{color:var(--ink);font-size:20px;line-height:1.8}.article-body h2{letter-spacing:-.035em;margin:65px 0 20px;font-size:30px;font-weight:500}.article-callout{background:var(--accent);flex-direction:column;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.article-callout{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.article-callout{border-left:3px solid var(--accent-deep);margin:40px 0;padding:25px 28px;font-size:12px}.article-callout span{color:var(--muted)}.article-body pre{color:#e9ebdf;background:#242620;border-radius:4px;padding:28px;font-size:12px;line-height:1.8;overflow:auto}.story-hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:520px;display:flex;position:relative}.story-hero h1{z-index:1;position:relative}.story-monogram{color:var(--accent);letter-spacing:-.12em;opacity:.75;font-size:340px;font-weight:600;line-height:1;position:absolute;top:20px;right:2%}.story-grid{grid-template-columns:.7fr 1.3fr;gap:90px;padding:110px 8%;display:grid}.story-grid aside{color:var(--muted);font-size:11px;line-height:1.8}.story-grid article{max-width:660px}.story-grid p{color:var(--muted);margin-bottom:25px;font-size:13px;line-height:2}.story-grid .story-lead{color:var(--ink);letter-spacing:-.02em;font-size:26px;line-height:1.65}.timeline{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.timeline>div{border-right:1px solid var(--line);flex-direction:column;min-height:220px;padding:35px 28px;display:flex}.timeline>div:last-child{border:0}.timeline time{color:var(--accent-deep);margin-bottom:55px;font-size:12px}.timeline strong{margin-bottom:12px;font-size:15px;font-weight:500}.timeline p{color:var(--muted);font-size:10px;line-height:1.7}.contact-page{color:#f2f3eb;background:#20221d;place-items:center;min-height:720px;padding:80px 40px 170px;display:grid;position:relative;overflow:hidden}.contact-page-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:900px;display:flex;position:relative}.contact-page .section-number{color:#94998c}.contact-page h1 span{color:var(--accent)}.contact-page-copy>p{color:#9a9e93;margin:30px 0 35px;font-size:13px}.contact-page .contact-glow{width:900px;height:900px}.contact-options{z-index:2;border-top:1px solid #373a33;grid-template-columns:repeat(3,1fr);min-height:120px;display:grid;position:absolute;bottom:0;left:0;right:0}.contact-options>div{border-right:1px solid #373a33;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.contact-options>div:last-child{border:0}.contact-options small{color:#777c70;font-size:9px}.contact-options strong{font-size:11px;font-weight:500}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:700px;display:flex;position:relative;overflow:hidden}.not-found-page>span{color:var(--accent-deep);letter-spacing:.2em;margin-bottom:25px;font-size:11px}.not-found-page h1{letter-spacing:-.065em;font-size:clamp(52px,7vw,92px);font-weight:500;line-height:1;position:relative}.not-found-page p{color:var(--muted);margin:25px 0 35px;font-size:12px;position:relative}.not-found-page>div:not(.not-found-orbit){align-items:center;gap:30px;display:flex;position:relative}.not-found-orbit{border:1px solid var(--line);width:620px;height:620px;box-shadow:0 0 0 90px var(--bg), 0 0 0 91px var(--line);border-radius:50%;position:absolute}.project-search{border:1px solid var(--line);align-items:center;width:100%;height:58px;margin-bottom:30px;padding:0 20px;display:flex}.project-search>span{color:var(--muted);margin-right:14px;font-size:20px;transform:rotate(-20deg)}.project-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.project-search input::placeholder{color:var(--muted)}.project-search kbd{color:var(--muted);font:inherit;border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:8px}.project-search.compact{max-width:310px;height:42px;margin:-20px 0 30px auto}.archive-heading{justify-content:space-between;align-items:end;margin-bottom:60px;display:flex}.archive-heading h1{letter-spacing:-.06em;font-size:clamp(50px,6vw,80px);font-weight:500;line-height:1.04}.archive-heading>span{color:var(--muted);letter-spacing:.14em;margin-bottom:8px;font-size:9px}.archive-table-head,.archive-row{grid-template-columns:80px 1.4fr .8fr .8fr 1fr 30px;align-items:center;gap:20px;display:grid}.archive-table-head{color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--ink);padding:14px 20px;font-size:8px}.archive-row{border-bottom:1px solid var(--line);min-height:76px;color:var(--muted);padding:0 20px;font-size:10px}.archive-row strong{color:var(--ink);font-size:16px;font-weight:500}.archive-row span:nth-child(4){align-items:center;gap:7px;display:flex}.archive-row span i{background:var(--accent-deep);border-radius:50%;width:6px;height:6px}.archive-row>b{color:var(--ink);font-size:14px}.archive-row:hover{background:var(--paper);padding:0 30px}.empty-state{text-align:center;padding:90px 20px}.empty-state strong{font-size:21px;font-weight:500}.empty-state p{color:var(--muted);margin:10px 0 20px;font-size:11px}.empty-state button{background:var(--accent);border:0;border-radius:99px;padding:10px 18px;font-size:10px}.utility-wrap{width:min(1020px,100% - 40px);margin:0 auto;padding:85px 0 140px}.utility-wrap>header{max-width:780px;margin-bottom:90px}.utility-wrap>header h1{letter-spacing:-.06em;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:1.05}.utility-wrap>header p{color:var(--muted);margin-top:25px;font-size:13px;line-height:1.8}.changelog-list{border-top:1px solid var(--line)}.changelog-list article{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;padding:45px 0;display:grid}.changelog-list time{color:var(--accent-deep);font-size:11px}.changelog-list article>div{max-width:600px}.changelog-list span{color:var(--muted);letter-spacing:.14em;font-size:8px}.changelog-list h2{margin:10px 0;font-size:25px;font-weight:500}.changelog-list p{color:var(--muted);font-size:11px;line-height:1.8}.support-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.support-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:280px;padding:32px;display:flex}.support-grid svg{color:var(--accent-deep);margin-bottom:auto}.support-grid strong{font-size:17px;font-weight:500}.support-grid p{color:var(--muted);margin:12px 0 20px;font-size:10px;line-height:1.8}.support-grid a{color:var(--accent-deep);font-size:10px}.privacy-copy{border-top:1px solid var(--line)}.privacy-copy section{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;padding:48px 0;display:grid}.privacy-copy section>span{color:var(--accent-deep);font-size:10px}.privacy-copy h2{margin-bottom:14px;font-size:26px;font-weight:500}.privacy-copy p{max-width:630px;color:var(--muted);font-size:12px;line-height:1.9}@keyframes hover-card{0%,to{transform:rotate(5deg)translateY(0)}50%{transform:rotate(3deg)translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scroll{0%{transform:translateY(-15px)}70%,to{transform:translateY(45px)}}@keyframes morph{0%,to{border-radius:45% 55% 61% 39%/52% 36% 64% 48%;transform:rotate(0)}50%{border-radius:60% 40% 38% 62%/39% 57% 43% 61%;transform:rotate(8deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes video-progress{0%{width:0}to{width:100%}}@keyframes demo-window{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(12px)rotate(1deg)}}@keyframes demo-pointer{0%,to{transform:translate(90px,65px)}45%{transform:translate(-70px,-25px)}55%{transform:translate(-70px,-25px)scale(.82)}}@keyframes demo-bar{0%{height:35%}to{height:88%}}@media (pointer:fine){body,a,button,input,summary{cursor:none!important}.cursor-dot,.cursor-ring{z-index:9999;pointer-events:none;opacity:0;place-items:center;display:grid;position:fixed;top:0;left:0}.cursor-dot{background:var(--ink);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.cursor-ring{border:1px solid var(--ink);width:34px;height:34px;margin:-17px 0 0 -17px}@supports (color:color-mix(in lab, red, red)){.cursor-ring{border:1px solid color-mix(in srgb, var(--ink) 55%, transparent)}}.cursor-ring{-webkit-backdrop-filter:invert(0);backdrop-filter:invert(0);border-radius:50%;transition:width .25s,height .25s,margin .25s,background-color .25s,border-color .25s,opacity .2s}.cursor-dot.visible,.cursor-ring.visible{opacity:1}.cursor-ring.interactive{border-color:var(--accent-deep);background:var(--accent);width:48px;height:48px;margin:-24px 0 0 -24px}@supports (color:color-mix(in lab, red, red)){.cursor-ring.interactive{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.cursor-ring.labeled{color:#171813;border-color:var(--accent);background:var(--accent);width:72px;height:72px;margin:-36px 0 0 -36px}.cursor-ring span{letter-spacing:.1em;font-size:8px;font-weight:700}.cursor-ring.labeled+*{cursor:none}}.reveal{animation:.8s both reveal}@media (width<=900px){.header{width:calc(100% - 40px)}.nav{border:0;border-top:1px solid var(--line);background:var(--paper);opacity:0;pointer-events:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:16px;margin:0;padding:55px 40px 35px;position:fixed;inset:88px 0 0;overflow-y:auto;transform:translateY(-15px)}.nav>a{letter-spacing:-.04em;color:var(--ink);font-size:36px;line-height:1.25}.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a.active:after{top:20px;left:auto;right:-18px}.nav-secondary{border-top:1px solid var(--line);width:100%;margin-top:20px;padding-top:25px;display:block}.nav-secondary>small{color:var(--muted);letter-spacing:.14em;font-size:8px}.nav-secondary>div{flex-wrap:wrap;gap:8px;margin:16px 0 35px;display:flex}.nav-secondary>div a{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:9px 14px;font-size:10px}.nav-secondary>span{color:var(--accent-deep);letter-spacing:.15em;font-size:8px}.menu-button{display:grid}.theme-button,.header .pill-button{display:none}.hero{grid-template-columns:1fr;width:calc(100% - 40px);height:auto;min-height:830px;padding:75px 0 50px}.hero-copy{margin:0;padding:0}.hero h1{font-size:clamp(55px,15vw,78px)}.hero-stage{height:400px;margin-top:20px}.hero-card{width:210px;height:285px}.hero-card-body{padding-top:25px}.hero-card-body strong{font-size:42px}.bars{height:72px}.orbit-one{width:480px;height:480px;top:auto;bottom:0}.orbit-two{display:none}.tag-app{top:35px;left:5px}.tag-plugin{top:150px;right:3px}.tag-mini{bottom:35px;left:20px}.scroll-cue{display:none}.section{width:calc(100% - 40px);padding:90px 0}.section-heading{display:block}.section-heading>p{margin-top:23px}.project-grid{grid-template-columns:1fr;gap:55px}.project-visual{height:390px}.about-section{grid-template-columns:1fr;gap:70px}.about-art{order:2;height:500px}.portrait{width:min(340px,100vw - 75px);height:430px}.tutorial-row{grid-template-columns:42px 52px 1fr 36px}.inner-wrap{width:calc(100% - 40px);padding-top:60px}.page-title{margin-bottom:55px}.work-index-row{grid-template-columns:35px 90px 1fr 40px;gap:12px}.work-index-thumb{width:80px;height:65px}.work-index-row>p{display:none}.note-featured{grid-template-columns:1fr}.note-featured>div:first-child{min-height:260px}.note-featured>div:last-child{padding:45px 30px}.case-heading{grid-template-columns:1fr;gap:25px}.case-quickbar{grid-template-columns:1fr 1fr}.case-quickbar>div{border-bottom:1px solid var(--line)}.case-quickbar>button{justify-self:start;margin:25px}.type-module{grid-template-columns:1fr;gap:45px}.docs-layout{grid-template-columns:minmax(0,650px)}.media-gallery{grid-template-rows:420px 260px;grid-template-columns:1fr 1fr;height:auto}.video-section{grid-template-columns:1fr;gap:45px}.video-copy p{max-width:500px}.video-player{width:100%}.media-shot:first-child{grid-area:auto/1/auto/3}.docs-shell{grid-template-columns:180px minmax(0,1fr);gap:40px}.docs-on-page{display:none}.archive-table-head,.archive-row{grid-template-columns:65px 1.4fr .8fr .8fr 25px}.archive-table-head span:nth-child(5),.archive-row span:nth-child(5){display:none}.support-grid{grid-template-columns:1fr}.support-grid>div{min-height:220px}.support-grid svg{margin-bottom:45px}.docs-sidebar,.article-toc{display:none}.case-hero{height:480px}.case-story{grid-template-columns:1fr;gap:60px;padding:80px 0}.story-monogram{opacity:.35;font-size:220px;top:100px}.story-grid{grid-template-columns:1fr;gap:40px;padding:80px 0}.timeline{grid-template-columns:1fr 1fr}.timeline>div{border-bottom:1px solid var(--line)}.tutorial-time{display:none}.tutorial-content strong{font-size:14px}footer{grid-template-columns:1fr 1fr;gap:30px;padding:35px 20px}.social-links{justify-self:end}.copyright{grid-column:1/-1;justify-self:start}}@media (width<=520px){.nav{padding:40px 20px 30px}.nav>a{font-size:31px}.desktop-break{display:none}.hero h1{font-size:54px}.hero-copy>p{font-size:13px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.primary-button{height:47px;padding:0 18px}.section-heading h2,.about-copy h2{font-size:39px}.filters{padding-bottom:5px;overflow-x:auto}.filter{white-space:nowrap}.project-visual{height:340px}.palette-ui{width:280px}.project-meta p{padding-right:15px}.tutorial-row{grid-template-columns:32px 0 1fr 35px;gap:12px;min-height:105px}.tutorial-icon{opacity:0;width:0;overflow:hidden}.about-body{grid-template-columns:1fr}.about-stats{justify-content:space-between;gap:24px}.about-stats strong{font-size:24px}.contact-section{min-height:550px;padding:0 20px}.contact-section h2{font-size:46px}.contact-section p br{display:none}footer{grid-template-columns:1fr}.social-links{justify-self:start}.copyright{grid-column:auto}.page-title h1,.case-heading h1,.story-hero h1,.contact-page h1{font-size:43px}.work-index-row{grid-template-columns:28px 1fr 35px;min-height:120px}.work-index-thumb{display:none}.work-index-row strong{font-size:19px}.breadcrumbs{white-space:nowrap;margin-bottom:45px;overflow:hidden}.category-nav{margin-top:-20px}.case-quickbar{grid-template-columns:1fr}.media-section,.video-section{padding:80px 0}.video-copy h2{font-size:34px}.video-browser{width:78%;height:70%}.video-demo-ui{width:56%;height:52%;padding:18px}.video-play{width:56px;height:56px}.video-controls{height:44px;padding:0 10px;bottom:6px;left:6px;right:6px}.video-controls>span{display:none}.media-heading{align-items:start}.media-heading h2{font-size:34px}.media-heading>p{display:none}.media-gallery{flex-direction:column;display:flex}.media-shot{flex:none;height:310px}.media-shot:nth-child(n+2){height:230px}.lightbox{grid-template-columns:38px 1fr 38px;gap:8px;padding:65px 15px 20px}.lightbox-nav{width:36px;height:36px}.lightbox-frame{height:65vh}.lightbox-frame .case-window{width:240px;height:330px}.docs-shell{grid-template-columns:1fr;width:calc(100% - 40px);padding-top:45px}.product-docs-nav,.docs-on-page{display:none}.product-docs-content .breadcrumbs{margin-bottom:50px}.product-docs-content h1{font-size:43px}.doc-demo{height:280px}.archive-heading{display:block}.archive-heading>span{margin-top:25px;display:block}.archive-table-head{display:none}.archive-row{grid-template-columns:55px 1fr 25px;gap:10px;padding:0 5px}.archive-row>span:nth-child(n+3){display:none}.archive-row:hover{padding:0 10px}.project-search.compact{max-width:none;margin:0 0 25px}.changelog-list article{grid-template-columns:1fr;gap:20px}.privacy-copy section{grid-template-columns:40px 1fr}.utility-wrap>header{margin-bottom:60px}.case-quickbar>div{border-right:0}.type-module-cards{grid-template-columns:1fr}.type-module-cards>div{border-left:1px solid var(--line);min-height:190px}.article-pagination{flex-direction:column}.tool-window{width:250px;height:200px}.not-found-page{padding:0 20px}.case-hero{height:400px}.case-window{width:260px;height:330px}.case-story article h2{font-size:34px}.next-case a{font-size:18px}.article-cover{height:320px}.article-body .article-lead{font-size:17px}.article-body h2{font-size:26px}.story-hero{min-height:450px}.story-monogram{font-size:170px;top:145px}.story-grid .story-lead{font-size:21px}.timeline{grid-template-columns:1fr}.contact-page{padding:70px 20px 280px}.contact-options{grid-template-columns:1fr}.contact-options>div{border-bottom:1px solid #373a33;border-right:0;min-height:82px}}.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:10001;color:#171813;background:var(--accent);border-radius:4px;padding:11px 16px;font-size:11px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}.route-loader,.reading-progress{z-index:9998;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.route-loader{opacity:0;background:linear-gradient(90deg, transparent, var(--accent), transparent);transform:translate(-100%)}.route-loader.is-loading{opacity:1;animation:1s ease-in-out infinite route-loading}.reading-progress i{background:var(--accent-deep);height:2px;transition:width .1s linear;display:block}.article-toc a.current,.docs-sidebar a.current,.docs-on-page a.current,.product-docs-nav a.current{color:var(--ink);font-weight:600}.article-toc a.current,.docs-on-page a.current{border-left:2px solid var(--accent-deep);margin-left:-23px;padding-left:21px}.media-asset{position:absolute;inset:0;overflow:hidden}.media-asset img,.media-asset video{object-fit:cover;opacity:0;width:100%;height:100%}.media-asset.is-loaded img,.media-asset.is-loaded video{opacity:1}.media-skeleton{background:linear-gradient(105deg,#ffffff14 30%,#ffffff3d 45%,#ffffff14 60%) 0 0/220% 100%;animation:1.4s linear infinite media-loading;position:absolute;inset:0}.lightbox-frame .media-asset{width:100%;height:100%;position:relative}.toast-region{z-index:10002;pointer-events:none;flex-direction:column;gap:9px;width:min(360px,100vw - 40px);display:flex;position:fixed;bottom:22px;right:22px}.toast{color:#f2f3eb;pointer-events:auto;background:#23251f;border:1px solid #3d4038;border-radius:7px;align-items:center;gap:11px;min-height:56px;padding:0 15px;font-size:10px;animation:.3s both toast-in;display:flex;box-shadow:0 16px 45px #13161138}.toast>i{background:var(--accent);border-radius:50%;width:7px;height:7px}.toast>span{flex:1}.toast>button{color:#92978b;background:0 0;border:0;font-size:17px}@keyframes route-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes media-loading{to{background-position:-220% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-dot,.cursor-ring{display:none!important}body,a,button,input,summary{cursor:auto!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}