:root{color-scheme:dark;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-rgb:139,92,246;--secondary-rgb:56,189,248;--bg:#07080c;--ink:#f4f4f6;--muted:#a1a1aa;--line:rgba(255,255,255,.08);--ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme=emerald]{--accent:#10b981;--accent-light:#34d399;--accent-rgb:16,185,129;--secondary-rgb:20,184,166}
:root[data-theme=cyan]{--accent:#06b6d4;--accent-light:#22d3ee;--accent-rgb:6,182,212;--secondary-rgb:99,102,241}
:root[data-theme=mono]{--accent:#d4d4d8;--accent-light:#f4f4f5;--accent-rgb:212,212,216;--secondary-rgb:161,161,170}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-light);outline-offset:5px}::selection{background:rgba(var(--accent-rgb),.4);color:#fff}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.ambient-glow,.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:-1}.ambient-glow{background:radial-gradient(ellipse 65% 70% at 45% 5%,rgba(var(--accent-rgb),.125),transparent 75%),radial-gradient(ellipse 50% 60% at 8% 10%,rgba(var(--secondary-rgb),.035),transparent);transition:background .4s}.ambient-grid{background-size:48px 48px;background-image:linear-gradient(to right,rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.026) 1px,transparent 1px);mask-image:radial-gradient(ellipse 90% 70% at 50% 15%,#000 30%,transparent 100%)}
.header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(7,8,12,.77);backdrop-filter:blur(22px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff09;border:1px solid #ffffff19;border-radius:11px;font-size:25px;color:var(--accent-light);box-shadow:inset 0 1px 0 #ffffff12;transition:transform .4s var(--ease)}.brand:hover .brand-symbol{transform:rotate(12deg)}.brand-text>span{font-size:16px;font-weight:650;letter-spacing:1px}.brand-text b{font-size:12px;font-weight:600;letter-spacing:1.3px;margin-left:4px}.brand-text small{display:block;font-family:Consolas,monospace;font-size:8px;letter-spacing:.9px;color:#777785;margin-top:2px}.nav-pill{display:flex;gap:3px;padding:5px;border:1px solid #ffffff0d;background:#ffffff04;border-radius:40px}.nav-pill a{padding:7px 13px;border-radius:30px;font-size:12px;color:#bcbcc8;transition:background .2s,color .2s}.nav-pill a:hover{background:#ffffff09;color:#fff}.nav-pill span{color:#71717f;font-family:Consolas,monospace;font-size:9px;margin-left:7px}.header-tools{display:flex;gap:12px;align-items:center}.theme-picker{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid #ffffff10;border-radius:40px;background:#ffffff04}.theme-dot{position:relative;width:17px;height:17px;border:0;padding:0;border-radius:50%;opacity:.65;transition:opacity .2s,box-shadow .2s,transform .2s}.theme-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%}.theme-dot:hover{opacity:1;transform:scale(1.1)}.theme-dot[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #07080c,0 0 0 3.5px #ffffffa8}.violet{background:#8b5cf6}.emerald{background:#10b981}.cyan{background:#06b6d4}.mono{background:#d4d4d8}.quick-find{display:flex;align-items:center;gap:8px;border:1px solid #ffffff10;border-radius:40px;padding:8px 12px;background:#ffffff04;color:#aaaab8;font-size:11px}.quick-find:hover{background:#ffffff09;color:#fff}kbd{font-family:Consolas,monospace;font-size:9px;line-height:1.4;border:1px solid #ffffff10;background:#ffffff06;border-radius:4px;padding:2px 4px;color:#a1a1ac}.quick-find kbd{margin-left:5px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;padding-block:64px 77px}.intro-pill{display:inline-flex;align-items:center;gap:9px;background:#ffffff04;border:1px solid #ffffff12;border-radius:30px;padding:6px 12px 6px 8px;font-size:10px;color:#bcbcc8}.intro-pill>span{color:#08070c;background:var(--accent-light);border-radius:30px;padding:0 7px;font-size:13px}.intro-pill i{width:3px;height:3px;border-radius:50%;background:#555561}h1{font-size:clamp(34px,3.85vw,53px);line-height:1.37;font-weight:650;letter-spacing:-.6px;margin:24px 0}.hero h1>span{display:block}.hero h1>span:first-child{background:linear-gradient(180deg,#fff,#d4d4df);background-clip:text;color:transparent}.gradient-accent{background:linear-gradient(125deg,#f5f1ff 8%,var(--accent-light) 67%,var(--accent) 100%);background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:1.9;color:#a1a1ae;letter-spacing:.2px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;border-radius:10px;font-size:12px;font-weight:550;border:1px solid transparent;transition:transform .2s var(--ease),box-shadow .25s,background .2s}.button-primary{color:#fff;background:linear-gradient(180deg,rgba(var(--accent-rgb),.93),rgba(var(--accent-rgb),.75));box-shadow:0 0 26px -8px rgba(var(--accent-rgb),.5),inset 0 1px 0 #ffffff40;border-color:#ffffff12}.button-primary:hover{box-shadow:0 0 33px -5px rgba(var(--accent-rgb),.65),inset 0 1px 0 #ffffff40;transform:translateY(-2px)}:root[data-theme=mono] .button-primary{color:#13131c}.button-secondary{background:#ffffff04;color:#d4d4dc;border-color:#ffffff0f}.button-secondary:hover{background:#ffffff09;transform:translateY(-2px)}.hero-details{display:flex;gap:48px;border-top:1px solid var(--line);margin-top:31px;padding-top:18px;max-width:450px}.micro-label{font-family:Consolas,"Microsoft YaHei",monospace;font-size:9px;letter-spacing:1.1px;color:#848491}.hero-details>div>span{display:block;font-size:8px}.hero-details strong{display:block;margin-top:7px;font-size:13px;font-weight:500;color:#d2d2dc}.mono-text{font-family:Consolas,monospace;letter-spacing:.5px}.live-dot{display:inline-block;width:5px;height:5px;background:#34d399;border-radius:50%;box-shadow:0 0 8px #34d39935;vertical-align:middle;margin-left:7px}
.glass{position:relative;background:rgba(14,16,23,.73);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px -22px #0009,inset 0 1px 0 #ffffff16;backdrop-filter:blur(20px);transition:border-color .3s,box-shadow .3s,transform .3s var(--ease)}.glass::before,.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s}.glass::before{background:radial-gradient(450px circle at var(--mouse-x,-500px) var(--mouse-y,-500px),rgba(var(--accent-rgb),.10),transparent 65%);z-index:0}.glass::after{inset:-1px;padding:1px;background:radial-gradient(310px circle at var(--mouse-x,-500px) var(--mouse-y,-500px),rgba(var(--accent-rgb),.75),#ffffff06 55%,transparent 80%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;z-index:3}.glass:hover::before,.glass:hover::after{opacity:1}.glass>*{position:relative}.tilt-card{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d}.stage-perspective{perspective:1200px}.stage{padding:20px 22px 17px;min-height:430px}.stage-header{height:31px;display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:5px;margin-top:2px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#f43f5eaa}.window-dots i:nth-child(2){background:#f59e0baa}.window-dots i:nth-child(3){background:#10b981aa}.stage-header .micro-label{font-size:8px;letter-spacing:1.1px}.stage-header-star{margin-left:auto;font-size:15px;line-height:1;color:var(--accent-light)}.stage-body{position:relative;height:322px;transform-style:preserve-3d}.stage-target{position:absolute;inset:20px 0 42px;border:1px dashed #ffffff0a;border-radius:12px;display:flex;align-items:center;justify-content:center}.stage-target span{position:absolute;width:190px;height:190px;border:1px solid #ffffff08;border-radius:50%}.stage-target span:nth-child(2){width:125px;height:125px}#star-canvas{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(22px);pointer-events:none}.floating-note{position:absolute;z-index:2;padding:10px 13px;border:1px solid #ffffff12;background:rgba(12,14,21,.85);border-radius:11px;box-shadow:0 10px 25px #0004;backdrop-filter:blur(16px);pointer-events:none;transform:translateZ(38px)}.floating-note>span,.floating-note strong,.floating-note small{display:block}.floating-note .micro-label{font-size:7px;letter-spacing:1px}.floating-note .live-dot{margin:0 5px 0 0;width:4px;height:4px}.floating-note strong{font-size:12px;font-weight:500;color:#e3e1ee;margin-top:4px}.floating-note small{font-size:9px;color:#777789;margin-top:3px}.note-one{top:24px;left:0}.note-two{right:-1px;bottom:69px;transform:translateZ(55px)}.note-two strong{color:var(--accent-light);font-size:11px}.stage-signature{position:absolute;bottom:22px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#737383;transform:translateZ(13px)}.stage-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;gap:10px}.scene-tabs{display:flex;gap:2px;padding:3px;border:1px solid #ffffff0c;background:#ffffff03;border-radius:8px}.scene-tabs button{padding:5px 11px;font-size:10px;border:0;border-radius:5px;background:transparent;color:#8b8b9a;transition:background .2s,color .2s}.scene-tabs button[aria-pressed=true]{background:#ffffff0b;color:#efedf6;box-shadow:inset 0 1px 0 #ffffff12}.scene-tabs button:hover{color:#fff}.motion-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:#8a8a98;padding:5px 0;border:0;background:transparent}.motion-toggle>span:first-child{color:var(--accent-light);font-size:12px}.motion-toggle:disabled{cursor:default;opacity:.55}
.projects{padding-bottom:61px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.eyebrow{font-family:Consolas,monospace;font-size:9px;letter-spacing:1.4px;color:var(--accent-light);margin:0 0 12px}.section-heading h2{margin:0;font-size:26px;letter-spacing:.3px;font-weight:600}.section-heading h2>span{color:var(--accent-light)}.section-heading>p{font-size:11px;color:#a1a1af;margin:0;text-align:right;line-height:1.85}.section-heading>p>span{color:#6e6e7d}.project-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;align-items:stretch}.project-card{padding:23px 25px}.featured{grid-row:span 2;display:flex;flex-direction:column;min-height:402px}.featured:hover{border-color:rgba(var(--accent-rgb),.35)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-top .micro-label{font-size:8px;letter-spacing:1px}.status{font-size:9px;color:#9999a6;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status i{width:4px;height:4px;border-radius:50%;background:#777784}.status.live{color:#a0b4ac}.status.live i{background:#34d399}.featured-layout{display:grid;grid-template-columns:1.2fr .9fr;gap:17px;align-items:center;flex:1;padding-block:21px 18px}.project-logo{border-radius:15px;display:block;margin-bottom:16px}.project-card h3{font-size:25px;line-height:1.3;font-weight:550;margin:0 0 7px;letter-spacing:.4px}.project-english{font-family:Consolas,monospace;font-size:8px;letter-spacing:1.4px;color:#7e788e;margin:0}.project-description{font-size:12px;color:#a4a2b1;line-height:1.85;margin:16px 0 19px;max-width:300px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{padding:4px 7px;border:1px solid #ffffff0c;border-radius:5px;background:#ffffff03;color:#a8a2b6;font-size:9px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line);color:#d4cced;font-size:11px}.card-bottom b{font-weight:400;color:var(--accent-light);margin-left:13px}.project-domain{font-family:Consolas,monospace;font-size:9px;color:#777383}.case-stack{position:relative;width:100%;height:205px;perspective:1000px;transform-style:preserve-3d;transform:translateY(4px)}.case-plane{position:absolute;left:0;top:36px;width:100%;height:138px;padding:15px 17px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(19,18,31,.85);border-radius:12px;box-shadow:0 10px 24px #0008,inset 0 1px 0 #ffffff17;transform-style:preserve-3d;transform:rotateX(37deg) rotateZ(-24deg) translateZ(var(--plane-z));transition:transform .6s var(--ease)}.case-plane span{font-family:Consolas,monospace;font-size:8px;letter-spacing:1px;color:#838093}.case-plane strong{display:block;font-size:14px;font-weight:500;color:var(--accent-light);margin:12px 0 17px}.case-plane strong b{float:right;font-size:17px;font-weight:400}.case-plane i{display:block;height:3px;width:78%;border-radius:3px;background:rgba(var(--accent-rgb),.19);margin-top:8px}.case-plane i:last-child{width:45%}.plane-one{--plane-z:-26px;background:#11131cef}.plane-two{--plane-z:10px;background:rgba(var(--accent-rgb),.06)}.plane-three{--plane-z:52px;background:linear-gradient(130deg,rgba(var(--accent-rgb),.13),#101119fa);border-color:rgba(var(--accent-rgb),.4)}.featured:hover .plane-three{transform:rotateX(37deg) rotateZ(-24deg) translateZ(66px)}
.pending-card{min-height:191px}.pending-content{display:flex;align-items:flex-start;gap:12px;margin-top:21px}.website-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;border:1px solid #ffffff10;background:#ffffff04;border-radius:9px;color:var(--accent-light)}.pending-card h3{font-family:Consolas,monospace;letter-spacing:-.3px;font-size:18px;font-weight:400;margin:0 0 8px}.pending-card .pending-description{font-size:10px;line-height:1.8;color:#858594;margin:0}.copy-domain{padding:7px 0;margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;font-size:10px;color:#aba3bf}.copy-domain:hover{color:var(--accent-light)}.project-note{font-size:9px;color:#777384;margin:17px 0 0;line-height:1.8}.project-note>span{color:var(--accent-light);margin-right:4px}.about{display:grid;grid-template-columns:120px 1fr auto;gap:37px;align-items:center;padding:30px 35px;margin-bottom:23px}.about-mark{font-family:Georgia,serif;text-align:center;font-size:56px;color:var(--accent-light);line-height:1;text-shadow:0 0 30px rgba(var(--accent-rgb),.16)}.about-mark>span{display:block;font-family:Consolas,monospace;font-size:8px;letter-spacing:3px;color:#757080;margin-top:14px}.about .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.about h2{font-size:20px;line-height:1.7;font-weight:500;margin:0 0 8px;letter-spacing:.2px}.about-copy>p:last-child{font-size:11px;color:#858594;line-height:1.9;margin:0}.back-top{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #ffffff10;border-radius:10px;font-size:17px;color:#a69abe;background:#ffffff02;transition:background .2s,border-color .2s}.back-top:hover{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.35)}.footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:13px 29px;font-size:9px;color:#757381;letter-spacing:.3px}.footer b{margin-left:10px;font-weight:400;color:var(--accent-light)}
.search-dialog{width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 60px);padding:0;border:1px solid #ffffff1a;border-radius:18px;color:#efedf5;background:#10111aef;box-shadow:0 30px 100px #000b;backdrop-filter:blur(25px)}.search-dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.search-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 17px}.search-heading .eyebrow{font-size:8px}.search-heading h2{font-size:21px;font-weight:500;margin:7px 0 0}.search-heading button{padding:0;width:30px;height:30px;font-size:23px;border:1px solid #ffffff10;background:#ffffff05;border-radius:8px;color:#9a94aa}.search-input-wrap{display:flex;align-items:center;gap:10px;margin:0 25px 15px;padding:12px 14px;border:1px solid #ffffff16;border-radius:10px;background:#07080c77;color:var(--accent-light)}.search-input-wrap input{width:100%;min-width:0;border:0;background:transparent;color:#efedf5;font-size:13px;outline:none}.search-input-wrap input::placeholder{color:#767080}.search-input-wrap:focus-within{border-color:var(--accent-light)}.search-results{padding:0 14px;max-height:350px;overflow-y:auto}.search-result{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 12px;border:0;border-radius:9px;background:transparent;color:#d4d0df;font-size:12px;text-align:left}.search-result:not(.unavailable):hover,.search-result:not(.unavailable):focus-visible{background:#ffffff06;outline-offset:-2px}.search-result small{display:block;font-size:9px;color:#82798e;margin-top:3px}.result-category{font-family:Consolas,monospace;font-size:8px;letter-spacing:.7px;color:#8c7daa;white-space:nowrap}.unavailable{opacity:.48}.search-empty{padding:22px 12px;color:#8a8296;font-size:12px;text-align:center}.search-hint{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;margin:13px 0 0;border-top:1px solid #ffffff0d;color:#797181;font-size:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:11px 17px;border:1px solid #ffffff17;border-radius:10px;background:#18151fee;box-shadow:0 10px 35px #0005;color:#e4def0;font-size:11px;transition:opacity .2s,transform .3s var(--ease);z-index:30;max-width:calc(100% - 32px);text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent-light);color:#15101e;padding:10px 20px;z-index:50}.skip-link:focus{top:15px}.muted{font-size:11px;color:var(--muted)}
.mobile-break{display:none}@media(max-width:760px){.mobile-break{display:inline}}
@media(min-width:1450px){.hero{gap:70px;padding-block:80px 95px}.stage{min-height:454px}.stage-body{height:346px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-block:53px 61px}h1{font-size:39px}.hero-description{font-size:13px}.nav-pill{display:none}.stage{padding:17px;min-height:410px}.stage-body{height:310px}.floating-note{padding:9px 10px}.note-one{top:20px}.hero-actions{gap:9px}.button{padding:12px 15px;font-size:11px;gap:16px}.hero-details{gap:25px}.project-grid{grid-template-columns:1.5fr 1fr;gap:14px}.project-card{padding:21px}.featured-layout{grid-template-columns:1.15fr .8fr;gap:7px}.case-plane{padding:12px;width:105%;left:-2%}.case-plane strong{font-size:12px}.tags span{font-size:8px;padding:4px 5px}.pending-content{gap:10px}.pending-card h3{font-size:16px}.pending-card .pending-description{font-size:9px}.about{gap:24px;grid-template-columns:90px 1fr auto;padding:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:65px;gap:10px}.brand{gap:8px}.brand-symbol{width:31px;height:31px;border-radius:9px;font-size:22px}.brand-text>span{font-size:13px;letter-spacing:.3px}.brand-text b{font-size:9px;letter-spacing:1px;margin-left:2px}.brand-text small{font-size:6px;letter-spacing:.6px}.header-tools{gap:8px}.theme-picker{padding:7px 8px;gap:7px}.theme-dot{width:12px;height:12px}.theme-dot[aria-pressed=true]{box-shadow:0 0 0 2px #07080c,0 0 0 3px #ffffffa0}.quick-find{padding:8px;border-radius:9px}.quick-find>span,.quick-find kbd{display:none}.hero{grid-template-columns:1fr;padding-block:37px 49px;gap:33px}.intro-pill{font-size:9px;gap:7px;padding:5px 10px 5px 7px}h1{font-size:clamp(32px,7.9vw,48px);line-height:1.4;margin:21px 0 19px;letter-spacing:-.4px}.hero-description{font-size:13px;line-height:1.85}.hero-actions{margin-top:23px;gap:10px}.button{padding:12px 17px;gap:18px;font-size:11px}.hero-details{padding-top:15px;margin-top:25px;gap:35px;max-width:none}.hero-details strong{font-size:12px;margin-top:6px}.hero-details>div>span{font-size:7px;letter-spacing:1px}.stage{padding:16px;min-height:358px}.stage-header{height:28px}.stage-body{height:277px}.note-one{top:22px;left:0}.note-two{bottom:61px;right:0}.floating-note strong{font-size:11px}.floating-note small{font-size:8px}.floating-note .micro-label{font-size:6px;letter-spacing:.7px}.stage-signature{bottom:19px;letter-spacing:1.4px;font-size:7px}.stage-target{inset:16px 0 40px}.stage-target span{width:165px;height:165px}.stage-target span:nth-child(2){width:105px;height:105px}.stage-footer{padding-top:11px}.scene-tabs button{padding:4px 10px;font-size:9px}.motion-toggle{font-size:8px}.projects{padding-bottom:35px}.section-heading{gap:12px;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.section-heading h2{font-size:24px}.section-heading>p{font-size:9px;max-width:135px}.section-heading>p>span{display:none}.project-grid{grid-template-columns:1fr;gap:13px}.featured{grid-row:auto;min-height:358px;padding:22px}.featured-layout{grid-template-columns:1.2fr .85fr;padding-block:19px 18px;gap:4px}.project-card h3{font-size:23px}.project-logo{width:52px;height:52px;margin-bottom:13px}.project-english{font-size:6px;letter-spacing:1.1px}.project-description{font-size:11px;line-height:1.85;margin:13px 0}.tags{gap:4px}.tags span{font-size:8px;padding:4px 6px}.case-stack{height:185px;transform:translateY(-8px)}.case-plane{top:47px;height:117px;padding:12px 10px;left:-2%;width:107%}.case-plane span{font-size:6px;letter-spacing:.5px}.case-plane strong{font-size:10px;margin:10px 0 13px}.case-plane strong b{font-size:12px}.case-plane i{height:2px;margin-top:6px}.plane-one{--plane-z:-20px}.plane-two{--plane-z:10px}.plane-three{--plane-z:43px}.card-top .micro-label{font-size:7px;letter-spacing:.7px}.card-bottom{font-size:10px;padding-top:14px}.project-domain{font-size:8px}.pending-card{min-height:169px;padding:21px 22px}.pending-content{margin-top:18px;gap:13px}.pending-card h3{font-size:17px}.pending-card .pending-description{font-size:10px}.copy-domain{font-size:9px;margin-top:10px;padding:8px 0}.project-note{font-size:8px;line-height:1.9;margin-top:14px}.about{grid-template-columns:1fr auto;gap:18px;padding:24px 22px;margin-bottom:17px}.about-mark{display:none}.about .eyebrow{font-size:7px;letter-spacing:.8px}.about h2{font-size:19px;line-height:1.65;max-width:250px;margin-bottom:9px}.about-copy>p:last-child{font-size:10px;line-height:1.9}.back-top{width:32px;height:32px;align-self:end;margin-bottom:4px}.footer{font-size:8px;flex-direction:column;align-items:flex-start;gap:9px;padding-block:6px 23px}.desktop-break{display:none}.search-heading{padding:21px 20px 16px}.search-heading h2{font-size:20px}.search-input-wrap{margin-inline:20px}.search-result{font-size:11px}.search-hint{padding-inline:20px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-tools{gap:6px}.theme-picker{gap:6px;padding:7px}.theme-dot{width:10px;height:10px}.brand-text small{display:none}.brand-text b{font-size:8px}.featured-layout{grid-template-columns:1fr}.case-stack{display:none}.featured{min-height:350px}.tags span{font-size:9px}.project-english{font-size:7px}.hero-actions{gap:8px}.button{padding:12px 13px;gap:11px}.intro-pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.tilt-card{transform:none!important}.featured:hover .plane-three{transform:rotateX(37deg) rotateZ(-24deg) translateZ(var(--plane-z))}}