:root{color-scheme:light;--bg: #fbfcf7;--panel: #ffffff;--text: #25382b;--muted: #677568;--accent: #527a3f;--border: rgba(55, 83, 53, .14);--font: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.accent{color:var(--accent)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.6;color:var(--muted)}.eyebrow .accent{margin-right:12px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.reading-progress{position:fixed;z-index:60;top:0;left:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0)}.site-header{position:sticky;z-index:50;top:0;background:#fbfcf7db;border-bottom:1px solid var(--border);backdrop-filter:blur(24px)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px;font-size:21px;font-weight:650;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:3px}.brand-mark{width:42px;height:42px;border-radius:12px;color:#355c35;background:#d8edb9;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:36px;font-weight:900;letter-spacing:-5px;line-height:1;padding-right:4px;transform:rotate(-5deg)}.brand-mark span{color:#719750}.desktop-nav{display:flex;gap:42px;padding-left:65px}.desktop-nav a{color:#596957;font-size:13px;transition:color .2s}.desktop-nav a span{font-size:10px;margin-left:7px;color:#626c7c}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent)}.header-contact{padding:10px 18px;font-size:12px;border:1px solid var(--border);border-radius:7px;transition:border-color .2s}.header-contact span{margin-left:18px;color:var(--accent)}.header-contact:hover{border-color:var(--accent)}.menu-toggle{display:none;border:1px solid var(--border);background:transparent;width:42px;height:42px;border-radius:8px;padding:10px}.menu-toggle span{height:1px;background:var(--text);display:block;margin:6px 0}.mobile-nav{padding:14px 24px 24px;border-top:1px solid var(--border)}.mobile-nav a{display:flex;justify-content:space-between;padding:14px 0;font-size:15px}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:660px;gap:25px;align-items:center;padding-top:45px;padding-bottom:40px}.hero-copy{position:relative;z-index:2;padding:20px 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #c5f27766;animation:blink 3s ease-in-out infinite}.hero h1{font-size:clamp(56px,6.2vw,88px);font-weight:650;line-height:1.2;letter-spacing:-5px;margin:31px 0 24px;position:relative;width:max-content;max-width:100%}.hero-gradient{color:var(--accent);background:linear-gradient(100deg,#496c3d 10%,#62894b 48%,#388473);background-clip:text;-webkit-text-fill-color:transparent}.hero-asterisk{position:absolute;top:-5px;right:-67px;font-size:54px;color:var(--accent);font-weight:400;animation:spin 28s linear infinite}.hero-intro{font-size:15px;color:var(--muted);line-height:1.9;letter-spacing:.7px}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:15px 23px;border-radius:7px;font-size:13px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 30px #527a3f14}.btn-primary:hover{background:#426532;transform:translateY(-3px);box-shadow:0 8px 28px #527a3f26}.btn-secondary{border:1px solid var(--border);background:#527a3f07;color:var(--text)}.btn-secondary:hover{border-color:#527a3f55;transform:translateY(-2px)}.hero-blog{font-size:12px;color:#52634e}.hero-blog span{margin-left:12px}.hero-blog:hover{color:var(--accent)}.hero-meta{display:flex;align-items:center;gap:25px;margin-top:62px;color:#65745f;font-size:10px}.hero-meta>span{display:flex;align-items:center;gap:8px}.hero-meta b{font-size:23px;color:#354a35;font-weight:500;font-family:Arial,sans-serif}.hero-meta .hero-signature{border-left:1px solid var(--border);padding-left:22px;font-size:8px;letter-spacing:1px}.hero-universe{position:relative;height:530px;isolation:isolate;overflow:clip}.hero-universe:before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(ellipse at center,#b9d99438,transparent 63%);z-index:-1}.universe-grid{position:absolute;inset:6% 0;background-image:linear-gradient(#527a3f07 1px,transparent 1px),linear-gradient(90deg,#527a3f07 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}.orbit{position:absolute;border:1px solid #7b9c653b;border-radius:50%;inset:90px 30px;transform:rotate(-26deg)}.orbit:after{content:"";position:absolute;top:10%;left:13%;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px #c5f27777}.orbit-one{animation:orbit-drift 28s linear infinite}.orbit-two{inset:42px 67px;transform:rotate(35deg);border-color:#7b9c652d;animation:orbit-drift 38s linear infinite reverse}.orbit-three{inset:137px -16px;transform:rotate(-42deg);border-style:dashed;border-color:#7b9c6533}.sphere{position:absolute;width:275px;height:275px;top:120px;left:calc(50% - 137px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 24%,#ffffec,#edf5cd,#d7eab0 22%,#b9d692 39%,#a1c889 54%,#86ae7c 72%);box-shadow:inset -25px -22px 45px #5b894142,inset 3px 3px 8px #ffffffa6,0 0 85px #9fc77935,26px 34px 45px #46693824;animation:float 7s ease-in-out infinite}.sphere:before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid #ffffffb3;border-right-color:transparent;border-bottom-color:transparent}.sphere-inner{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 15px,#ffffff35 16px,transparent 17px 28px);transform:rotate(-35deg);overflow:hidden;opacity:.6}.sphere>span{font-size:120px;color:#355c35;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-17px;transform:rotate(-8deg);text-shadow:0 8px 25px #49633b26;padding-right:10px}.sphere>span span{color:#648d4e}.orbit-project{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;border:1px solid #ffffffdc;border-radius:14px;padding:16px;background:linear-gradient(120deg,#fffffff0,#f1f6eae8);backdrop-filter:blur(12px);box-shadow:0 10px 30px #49633b18;animation:float 6s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}.orbit-project:hover{border-color:var(--project-accent);box-shadow:0 0 25px #527a3f16}.orbit-project img{width:42px;height:42px;border-radius:10px}.orbit-project strong{font-size:14px;font-weight:500;display:block}.orbit-project small{display:block;margin-top:4px;font-size:9px;color:#667562;letter-spacing:.4px}.orbit-arrow{font-size:14px;color:var(--project-accent);padding-left:13px}.orbit-project-0{top:47px;left:60px;transform:rotate(-6deg);animation-delay:-.5s}.orbit-project-1{top:211px;right:-2px;transform:rotate(6deg);animation-delay:-3s}.orbit-project-2{bottom:34px;left:40px;transform:rotate(-4deg);animation-delay:-1.6s}.orbit-project-3{bottom:59px;right:8px;transform:rotate(5deg);animation-delay:-4.5s}.orbit-blog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ece4f5;color:#775d98;font-size:29px}.universe-coordinate{position:absolute;top:39px;right:12px;font:8px monospace;letter-spacing:1px;color:#788478;writing-mode:vertical-rl}.universe-note{position:absolute;bottom:-2px;left:45%;color:#666f7c;font:8px/1.7 monospace;letter-spacing:1px}.ecosystem-strip{border-block:1px solid var(--border);background:#f0f5e9}.strip-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:30px}.strip-inner>.eyebrow{font-size:8px;letter-spacing:1.3px;max-width:160px}.strip-inner nav{display:flex;align-items:center;gap:42px}.strip-inner nav a{font-size:14px;color:#4e6049}.strip-inner nav span{margin-left:15px;font-size:12px;color:#535e6d}.strip-inner nav a:hover{color:var(--accent)}.scroll-cue{font-size:10px;color:var(--muted)}.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:43px}.section-heading h2{font-size:39px;letter-spacing:-1.5px;font-weight:550;margin-top:19px}.section-heading h2 span{color:#65745f;margin-left:10px}.section-heading-aside{display:flex;align-items:flex-end;gap:48px}.section-heading-aside p{color:var(--muted);font-size:12px;line-height:1.8}.text-link{font-size:12px;padding-bottom:7px;display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #527a3f40;transition:color .2s,border-color .2s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.theme-lime{--project-accent: #497a39}.theme-peach{--project-accent: #a45c40}.theme-sky{--project-accent: #357287}.theme-violet{--project-accent: #795a9d}.project-card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.project-card:hover{border-color:#527a3f33;box-shadow:0 16px 55px #49633b18}.project-card:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--mx, 50%) var(--my, 0%),#d9e8c84a,transparent 55%);opacity:0;transition:opacity .3s}.project-card:hover:before{opacity:1}.project-image-link{display:block;overflow:hidden}.project-visual{position:relative;height:275px;overflow:hidden;isolation:isolate}.visual-lime{background:radial-gradient(ellipse at 50% 100%,#d4e9ad,#edf4df 75%)}.visual-peach{background:radial-gradient(ellipse at 50% 100%,#efc4aa,#fff0e6 75%)}.visual-sky{background:radial-gradient(ellipse at 50% 100%,#b7dfe3,#e7f4f5 75%)}.visual-violet{background:radial-gradient(ellipse at 50% 100%,#d5c7e9,#f1eafa 75%)}.visual-grid{position:absolute;inset:0;background:linear-gradient(#527a3f0c 1px,transparent 1px),linear-gradient(90deg,#527a3f0c 1px,transparent 1px);background-size:35px 35px;z-index:-1;mask-image:linear-gradient(transparent,#000)}.visual-label{display:flex;justify-content:space-between;position:absolute;top:22px;left:23px;right:23px;font:9px monospace;color:#53674e;letter-spacing:1.8px}.visual-label span{font-size:17px;line-height:1}.phone-composition{height:100%;position:relative}.phone{position:absolute;width:122px;padding:4px;border-radius:21px;background:#f3f5ec;border:1px solid #93aa7a88;box-shadow:12px 20px 25px #49633b24;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.phone img{width:100%;height:auto;border-radius:17px}.phone-front{top:57px;left:49%;transform:rotate(10deg);z-index:1}.phone-back{top:86px;left:16%;transform:rotate(-11deg)}.project-card:hover .phone-front{transform:rotate(6deg) translateY(-10px)}.project-card:hover .phone-back{transform:rotate(-7deg) translateY(-6px)}.visual-chip{position:absolute;font:8px monospace;letter-spacing:1px;bottom:24px;left:23px;padding:8px 10px;background:#fffffff2;border:1px solid #527a3f26;border-radius:5px;color:#4a6b36;z-index:3;box-shadow:0 5px 20px #49633b18}.screen-composition{position:absolute;top:64px;left:10%;right:7%}.device-screen{padding:5px;border-radius:8px;background:#edf0ed;border:1px solid #ffffffdd;box-shadow:10px 20px 40px #49633b26;transform:perspective(700px) rotateY(-10deg) rotateX(5deg) rotate(-4deg);transition:transform .6s;overflow:hidden}.device-screen>img{width:100%;height:auto;border-radius:4px}.device-bar{display:flex;align-items:center;gap:4px;background:#f3f1ee;padding:4px 6px 7px}.device-bar i{height:4px;width:4px;border-radius:50%;background:#f09f85}.device-bar i:nth-child(2){background:#dccb7a}.device-bar i:nth-child(3){background:#8aa581}.device-bar span{color:#6b726c;font-size:6px;padding-left:10px}.screen-composition .visual-chip{left:-20px;bottom:-16px;background:#fff6eff2;color:#9d5c42}.tv-composition{top:84px;left:8%;right:8%}.tv-composition .device-screen{transform:perspective(700px) rotateY(9deg) rotateX(5deg) rotate(3deg);padding:7px}.tv-composition:after{content:"";position:absolute;width:64%;height:11px;left:18%;bottom:-13px;background:#f0f5ea;border:1px solid #527a3f33;border-radius:0 0 7px 7px;transform:perspective(100px) rotateX(35deg)}.tv-composition .visual-chip{left:16px;bottom:-32px;background:#f0fbfcf2;color:#357287}.project-card:hover .device-screen{transform:perspective(700px) rotateY(0) rotateX(0) rotate(0) translateY(-5px)}.project-card-body{padding:26px 24px 0}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.project-title{display:flex;align-items:center;gap:12px}.project-title img,.blog-icon{height:40px;width:40px;border-radius:10px}.blog-icon{background:#ece4f5;color:#795a9d;display:grid;place-items:center;font-size:27px}.project-title h3{font-size:21px;font-weight:550;line-height:1.3}.project-title small{display:block;font-size:9px;letter-spacing:1px;color:#65745f;font-weight:400;margin-top:5px}.project-title a:hover{color:var(--project-accent)}.project-number{color:#536072;font:12px monospace}.project-tagline{font-size:13px;margin-top:22px;color:#3e533b}.project-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px;min-height:70px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.tag-list span{font-size:9px;padding:5px 8px;color:#64745e;border:1px solid #527a3f16;border-radius:4px;background:#f8faf3}.project-actions{border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:25px;padding-block:19px}.project-actions a{font-size:11px;display:flex;align-items:center;gap:10px}.project-actions a:first-child{color:#596c53}.project-actions a:last-child{color:var(--project-accent)}.project-actions a:hover span{transform:translate(2px,-2px)}.project-actions span{transition:transform .25s}.journal-section{padding-bottom:105px}.journal-layout{display:grid;grid-template-columns:.82fr 1.75fr;gap:34px}.blog-feature{position:relative;padding:27px 30px;border:1px solid #d8c9e86e;border-radius:12px;background:linear-gradient(140deg,#f0e8f8,#faf6ff);overflow:hidden}.blog-feature .eyebrow{font-size:9px;color:#7b6595}.blog-feature-art{height:152px;display:grid;place-items:center;position:relative}.blog-feature-art>span{font:110px Georgia,serif;letter-spacing:12px;color:#9375b5;text-shadow:0 0 40px #795a9d40}.blog-feature-art i{font-style:normal;font-size:65px;display:inline-block;animation:spin 22s linear infinite}.art-orbit{position:absolute;width:240px;height:84px;border:1px solid #795a9d38;border-radius:50%;transform:rotate(-24deg)}.blog-feature h3{display:flex;align-items:center;justify-content:space-between;font-size:25px;font-weight:550}.blog-feature h3 span{font-size:28px;color:#795a9d;transition:transform .2s}.blog-feature:hover h3 span{transform:translate(4px,-4px)}.blog-feature>p{font-size:12px;color:#776886;line-height:1.8;margin-top:12px}.blog-domain{font:9px monospace;letter-spacing:1px;color:#7d688f;display:block;margin-top:21px}.journal-articles{display:flex;flex-direction:column}.journal-article{display:flex;position:relative;align-items:center;gap:22px;border-bottom:1px solid var(--border);padding:28px 0;flex:1}.journal-article:first-child{border-top:1px solid var(--border)}.article-symbol{flex-shrink:0;width:77px;height:77px;border-radius:9px;display:grid;place-items:center;font:28px monospace;border:1px solid #527a3f10}.symbol-code{background:#eaf2de;color:#587644}.symbol-system{background:#fbebe0;color:#a4704e}.symbol-tools{background:#e5f2f5;color:#4a8090}.article-meta{font-size:9px;color:var(--accent)}.article-meta span{color:#64725f;margin-left:8px}.journal-article h3{font-size:18px;font-weight:500;margin-top:10px;transition:color .2s}.journal-article:hover h3{color:var(--accent)}.article-excerpt{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}.article-arrow{margin-left:auto;font-size:21px;color:#64725f;align-self:center}.article-index{position:absolute;top:18px;right:0;font:8px monospace;color:#485364}.philosophy-section{padding:70px 0 100px;border-top:1px solid var(--border)}.philosophy-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-top:26px;align-items:center}.philosophy-copy h2{font-size:51px;line-height:1.4;letter-spacing:-2px;font-weight:550}.philosophy-copy h2 span{color:#65745f}.philosophy-copy p{font-size:13px;color:#667561;line-height:2;margin-bottom:19px;max-width:430px}.philosophy-copy .text-link{margin-top:5px}.contact-section{position:relative;padding:46px 52px 33px;border:1px solid #7c9f5d40;background:linear-gradient(115deg,#eaf3d9,#eff6e6 55%,#f8faee);border-radius:13px;margin-bottom:100px;overflow:hidden;isolation:isolate}.contact-glow{position:absolute;z-index:-1;top:-150px;right:-100px;width:580px;height:580px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 33px,#7c9f5d15 34px,transparent 35px 51px);animation:spin 50s linear infinite}.contact-row{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.contact-row h2{font-size:44px;font-weight:550;letter-spacing:-1.5px;line-height:1.4}.contact-row h2 span{color:var(--accent)}.contact-arrow{display:grid;place-items:center;font-size:52px;width:106px;height:106px;border:1px solid #7c9f5d66;border-radius:50%;color:var(--accent);background:#fff6;transition:background .25s,transform .25s}.contact-arrow:hover{background:var(--accent);color:#fff;transform:rotate(8deg)}.contact-bottom{border-top:1px solid #7c9f5d2c;margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.contact-bottom p{color:#66755e}.contact-bottom a{color:#496a39}.site-footer{border-top:1px solid var(--border);background:#f0f4eb}.footer-top{display:grid;grid-template-columns:1.1fr 1.2fr .8fr;gap:55px;padding-block:50px}.footer-top>div>p{color:#677565;font-size:10px;margin-top:16px}.footer-top .brand{font-size:19px}.footer-top .brand-mark{width:36px;height:36px;font-size:30px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;margin-top:17px}.footer-links a{color:#62725c;font-size:11px;display:flex;gap:10px}.footer-links a span{color:#586475}.footer-connect{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.footer-connect .eyebrow{margin:0;font-size:9px}.footer-connect a{color:#62725c;font-size:11px}.footer-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:22px;padding-block:23px;color:#626e80;font-size:9px}.footer-bottom .accent{margin-left:7px}.footer-links a:hover,.footer-connect a:hover,.footer-bottom a:hover{color:var(--accent)}.motion-toggle{position:fixed;z-index:40;bottom:18px;right:20px;border:1px solid #527a3f26;border-radius:6px;background:#f0f5eae8;color:#64745c;backdrop-filter:blur(8px);padding:8px 12px;font-size:9px}.motion-toggle:hover{color:var(--accent);border-color:#527a3f55}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.project-card.reveal-ready.is-visible{transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.page-heading{padding-block:88px 48px}.page-heading h1{font-size:64px;line-height:1.25;font-weight:550;letter-spacing:-3px;margin-top:23px}.page-heading h1 span{color:var(--accent)}.page-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--muted);max-width:620px;margin-top:25px}.catalog-section{padding-bottom:100px}.catalog-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.catalog-filters button{border:1px solid var(--border);background:transparent;color:#64745c;padding:11px 20px;border-radius:6px;font-size:12px}.catalog-filters button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-count{margin-left:auto;font-size:11px;color:var(--muted)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.catalog-grid .project-visual{height:350px}.catalog-grid .phone{width:165px}.catalog-grid .phone-back{left:21%}.catalog-grid .screen-composition{top:77px}.catalog-grid .tv-composition{top:93px}.catalog-grid .project-description{min-height:46px}.catalog-grid .project-card-body{padding:30px 32px 0}.journal-composition{position:relative;height:100%;padding-top:70px}.journal-paper{position:absolute;left:21%;width:54%;height:290px;background:#e6e2ee;color:#372d48;transform:rotate(-9deg);padding:28px;box-shadow:10px 20px 35px #49633b26;border-radius:3px}.journal-paper>span{font:8px monospace;letter-spacing:1.5px}.journal-paper strong{display:block;font-size:29px;line-height:1.45;margin-top:25px;letter-spacing:-1px}.paper-lines{margin:24px 0;height:32px;background:repeating-linear-gradient(transparent 0 7px,#372d4833 8px,transparent 9px 13px);width:80%}.journal-stamp{position:absolute;right:7%;bottom:35px;transform:rotate(7deg);color:#ede0ff;background:#766191;border:1px solid #e9d4ff66;padding:16px 22px;font:12px/1.6 monospace;box-shadow:7px 8px 20px #49633b18}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:11px;color:#64725f;margin-bottom:34px}.breadcrumb a:hover{color:var(--accent)}.product-detail-header{padding-top:55px;padding-bottom:75px}.detail-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:65px}.detail-hero .project-title h1{font-size:48px;line-height:1.2;font-weight:550;letter-spacing:-2px}.detail-hero .project-title h1 small{font:12px monospace;color:#64725f;display:block;margin-top:12px;letter-spacing:2px}.detail-hero .project-title img,.detail-hero .blog-icon{height:60px;width:60px;border-radius:15px}.detail-tagline{color:var(--project-accent);font-size:22px;line-height:1.5;margin-top:30px}.detail-description{font-size:14px;color:var(--muted);line-height:1.9;margin-top:18px}.detail-hero .tag-list{margin-bottom:30px}.detail-hero .project-visual{height:410px;border-radius:13px;border:1px solid var(--border)}.detail-hero .phone{width:190px}.detail-hero .phone-back{left:16%;top:97px}.detail-hero .phone-front{top:62px}.detail-hero .screen-composition{top:95px}.detail-hero .tv-composition{top:126px}.detail-links{margin-top:23px;display:flex;flex-wrap:wrap;gap:17px}.detail-links a{font-size:11px;color:#62725c;border-bottom:1px solid #527a3f33;padding-bottom:4px}.detail-links a:hover{color:var(--project-accent)}.detail-main{padding-bottom:90px}.detail-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:45px;padding-bottom:65px;border-top:1px solid var(--border)}.feature-number{font:11px monospace;color:var(--project-accent);margin-bottom:20px;display:block}.detail-features h2{font-size:20px;font-weight:500;margin-bottom:15px}.detail-features p{font-size:13px;line-height:1.9;color:var(--muted)}.detail-body{display:grid;grid-template-columns:1fr 300px;gap:80px;padding-top:50px;border-top:1px solid var(--border);align-items:start}.prose{max-width:720px}.prose h2{font-size:26px;font-weight:500;margin:38px 0 18px;letter-spacing:-.5px}.prose h2:first-child{margin-top:0}.prose p,.prose li{font-size:14px;color:#62725c;line-height:2}.prose p{margin-bottom:16px}.prose ol,.prose ul{padding-left:22px;margin-block:18px}.prose ol{list-style:decimal}.prose ul{list-style:disc}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.detail-sidebar{padding:27px;border:1px solid var(--border);border-radius:10px;background:#f0f5ea;position:sticky;top:120px}.detail-sidebar h2{font-size:18px;font-weight:500;margin-top:18px}.detail-sidebar p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-block:15px 22px}.detail-sidebar .btn{width:100%;gap:12px;padding-inline:12px;font-size:11px}.screenshot-gallery{margin-top:65px;padding-top:45px;border-top:1px solid var(--border)}.screenshot-gallery h2{font-size:25px;font-weight:500}.screenshot-gallery>p{font-size:11px;color:var(--muted);margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:26px}.gallery-grid figure{margin:0;padding:20px;border:1px solid var(--border);background:#f3f6ed;border-radius:10px}.gallery-grid img{max-height:570px;width:100%;object-fit:contain;border-radius:6px}.gallery-grid figcaption{margin-top:15px;font-size:10px;color:var(--muted)}.gallery-grid.single{grid-template-columns:1fr}.related-section{padding-block:65px 90px;border-top:1px solid var(--border)}.related-section .section-heading h2{font-size:32px}.about-manifesto{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:20px 70px;align-items:center}.about-manifesto .sphere{position:relative;top:auto;left:auto;margin:30px auto}.about-manifesto p{font-size:15px;line-height:2;color:var(--muted);margin-bottom:20px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:55px 80px;border-top:1px solid var(--border)}.about-values span{font:12px monospace;color:var(--accent)}.about-values h2{font-size:23px;font-weight:500;margin-block:22px 16px}.about-values p{font-size:13px;line-height:1.9;color:var(--muted)}.error-page{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:70px}.error-page h1{font:130px Arial,sans-serif;color:var(--accent);letter-spacing:-8px}.error-page h2{font-size:30px;margin-top:20px}.error-page p{color:var(--muted);margin-block:20px 30px;font-size:14px}.error-actions{display:flex;gap:15px}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}@keyframes spin{to{rotate:360deg}}@keyframes orbit-drift{to{rotate:360deg}}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition-duration:0s!important}.motion-paused{scroll-behavior:auto}.motion-paused .reveal-ready{opacity:1;transform:none}.motion-paused .project-card{transform:none}@media(min-width:1550px){.hero{min-height:740px}.hero h1{font-size:94px}}@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero h1{font-size:68px}.hero-asterisk{right:-43px;font-size:36px}.hero-meta .hero-signature{display:none}.orbit-project{padding:12px;gap:8px}.orbit-project-0{left:5px}.orbit-project-2{left:0}.orbit-arrow{padding-left:0}.sphere{width:240px;height:240px;left:calc(50% - 120px);top:137px}.sphere>span{font-size:100px}.strip-inner nav{gap:26px}.strip-inner>.eyebrow{max-width:115px}.section-heading-aside{gap:25px}.project-visual{height:235px}.phone{width:107px}.phone-back{left:11%}.project-card-body{padding-inline:19px}.project-description{min-height:94px}.project-title h3{font-size:19px}.visual-chip{font-size:6px}.section-heading h2{font-size:33px}.journal-layout{grid-template-columns:.85fr 1.5fr}.journal-article h3{font-size:15px}.article-symbol{width:65px;height:65px}.detail-hero{gap:40px}.detail-hero .project-visual{height:365px}.detail-hero .phone{width:153px}.detail-body{gap:45px}}@media(max-width:900px){.hero{min-height:610px;grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:57px;letter-spacing:-3px}.hero-asterisk{top:-30px;right:0;font-size:30px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.8px}.hero-universe{height:450px}.sphere{width:205px;height:205px;left:calc(50% - 103px);top:127px}.orbit-project img,.orbit-blog-icon{width:32px;height:32px}.orbit-project{gap:7px;padding:11px;border-radius:11px}.orbit-project strong{font-size:11px}.orbit-project small{font-size:7px}.orbit-project-0{top:40px}.orbit-project-1{top:179px;right:-4px}.orbit-project-2{bottom:25px}.orbit-project-3{bottom:45px;right:-4px}.sphere>span{font-size:88px}.hero-meta{gap:15px;margin-top:40px}.hero-buttons{gap:22px}.hero-buttons .btn{gap:17px;font-size:11px;padding:14px 17px}.hero-blog{font-size:11px}.strip-inner .scroll-cue{display:none}.strip-inner nav{gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid:not(.catalog-grid) .project-card:last-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.project-grid:not(.catalog-grid) .project-card:last-child .project-visual{height:100%;min-height:325px}.project-grid:not(.catalog-grid) .project-card:last-child .tv-composition{top:85px}.project-visual{height:290px}.phone{width:138px}.project-description{min-height:71px}.section-heading-aside>p{display:none}.journal-layout{gap:25px;grid-template-columns:.8fr 1.4fr}.blog-feature{padding:25px}.journal-article{gap:15px}.article-excerpt{display:none}.philosophy-copy{gap:50px}.philosophy-copy h2{font-size:40px}.contact-row h2{font-size:37px}.footer-top{gap:30px}.detail-hero{grid-template-columns:1fr}.detail-hero .project-visual{height:460px}.detail-hero .phone{width:215px}.detail-hero .phone-back{left:23%}.detail-hero .phone-front{left:49%}.detail-hero .screen-composition{top:70px;left:15%;right:15%}.detail-hero .tv-composition{top:100px}.detail-body{grid-template-columns:1fr}.detail-sidebar{position:static}.detail-sidebar .btn{width:auto}.about-manifesto{gap:30px}.catalog-grid .project-visual{height:300px}.catalog-grid .phone{width:145px}.catalog-grid .phone-back{left:13%}}@media(max-width:767px){.container{width:calc(100% - 40px)}.header-inner{height:74px}.brand{font-size:18px;gap:10px}.brand-mark{width:36px;height:36px;font-size:30px}.brand small{font-size:7px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px;min-height:auto}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(55px,10vw,78px);margin-top:30px;letter-spacing:-3.5px}.hero-asterisk{right:-51px;top:0;font-size:38px}.hero-intro{font-size:13px;line-height:1.9}.hero-buttons{margin-top:26px;gap:27px}.hero-buttons .btn{font-size:12px;padding:14px 20px;gap:25px}.hero-meta{margin-top:32px;gap:25px}.hero-meta .hero-signature{display:block;font-size:6px;padding-left:13px}.hero-universe{height:405px;max-width:440px;width:100%;margin:20px auto 0}.sphere{width:215px;height:215px;left:calc(50% - 107px);top:96px}.orbit-one{inset:70px 0}.orbit-two{inset:15px 50px}.orbit-three{inset:115px 0}.orbit-project-0{top:22px;left:10px}.orbit-project-1{top:139px;right:0}.orbit-project-2{bottom:22px;left:0}.orbit-project-3{bottom:50px;right:0}.orbit-project{padding:12px 13px}.orbit-project strong{font-size:13px}.orbit-project small{font-size:8px}.universe-coordinate{right:0}.universe-note{bottom:0;left:47%}.strip-inner{flex-direction:column;align-items:flex-start;gap:15px;padding-block:22px;min-height:auto}.strip-inner>.eyebrow{max-width:none;font-size:7px}.strip-inner nav{width:100%;justify-content:space-between;gap:8px}.strip-inner nav a{font-size:11px}.strip-inner nav span{margin-left:6px;font-size:10px}.section{padding-block:65px}.section-heading{gap:15px;margin-bottom:29px}.section-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.5}.section-heading h2 span{display:block;margin-left:0}.eyebrow{font-size:8px;letter-spacing:1.5px}.eyebrow .accent{margin-right:7px}.section-heading .text-link{white-space:nowrap;font-size:10px;gap:8px}.project-grid,.catalog-grid{grid-template-columns:1fr;gap:25px}.project-grid:not(.catalog-grid) .project-card:last-child{grid-column:auto;display:block}.project-grid:not(.catalog-grid) .project-card:last-child .project-visual{height:290px;min-height:0}.project-visual{height:290px}.phone{width:140px}.phone-back{left:22%}.phone-front{left:51%}.screen-composition{top:64px;left:12%;right:9%}.tv-composition{top:72px}.project-card-body{padding:25px 25px 0}.project-description{min-height:auto;font-size:13px}.project-title h3{font-size:22px}.project-tagline{font-size:14px}.tag-list span{font-size:10px}.project-actions a{font-size:12px}.journal-section{padding-bottom:65px}.journal-layout{grid-template-columns:1fr;gap:25px}.blog-feature{min-height:260px;padding:27px}.blog-feature-art{position:absolute;right:5px;top:25px;width:46%;height:170px;opacity:.8}.blog-feature-art>span{font-size:92px;letter-spacing:3px}.blog-feature-art i{font-size:42px}.art-orbit{width:170px;height:65px}.blog-feature h3{margin-top:65px;width:51%;font-size:26px}.blog-feature h3 span{display:none}.blog-feature>p{font-size:12px}.blog-domain{margin-top:17px}.journal-article{padding-block:24px;gap:17px}.article-symbol{width:58px;height:62px;font-size:24px}.journal-article h3{font-size:15px;line-height:1.5;padding-right:15px}.article-meta{font-size:8px}.article-meta span{margin-left:2px}.article-arrow{font-size:18px}.philosophy-section{padding-block:45px 65px}.philosophy-copy{grid-template-columns:1fr;gap:28px;margin-top:24px}.philosophy-copy h2{font-size:39px}.philosophy-copy p{font-size:13px}.contact-section{width:calc(100% - 40px);padding:29px 25px 26px;margin-bottom:65px}.contact-row{gap:15px}.contact-row h2{font-size:27px;letter-spacing:-1px}.contact-arrow{width:62px;height:62px;font-size:32px;flex-shrink:0}.contact-bottom{flex-direction:column;gap:15px;font-size:11px;margin-top:25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-block:35px}.footer-top>div:first-child{grid-column:1 / -1}.footer-top nav .eyebrow{font-size:8px}.footer-links{gap:15px 8px}.footer-links a{font-size:10px;gap:4px}.footer-connect{gap:15px}.footer-connect a{font-size:10px;overflow-wrap:anywhere}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:15px;padding-bottom:55px}.footer-bottom>span:first-child{width:100%}.motion-toggle{right:12px;bottom:12px;font-size:8px;padding:7px 10px}.page-heading{padding-block:55px 35px}.page-heading h1{font-size:43px;letter-spacing:-2px}.page-heading>p:last-child{font-size:13px}.catalog-section{padding-bottom:65px}.catalog-filters{gap:7px}.catalog-filters button{font-size:10px;padding:10px 13px}.catalog-count{width:100%;margin-top:10px}.catalog-grid .project-visual{height:300px}.catalog-grid .phone-back{left:19%}.catalog-grid .project-card-body{padding:25px 25px 0}.catalog-grid .project-description{min-height:auto}.product-detail-header{padding-block:30px 45px}.breadcrumb{margin-bottom:30px;font-size:10px}.detail-hero{gap:35px}.detail-hero .project-title h1{font-size:39px}.detail-tagline{font-size:20px;margin-top:25px}.detail-description{font-size:13px}.detail-hero .project-visual{height:310px}.detail-hero .phone{width:140px}.detail-hero .phone-back{left:16%}.detail-hero .phone-front{left:51%}.detail-hero .screen-composition{left:9%;right:9%;top:76px}.detail-hero .tv-composition{top:91px}.detail-links{gap:15px}.detail-features{grid-template-columns:1fr;gap:32px;padding-block:35px 45px}.feature-number{margin-bottom:13px}.detail-features h2{font-size:20px;margin-bottom:12px}.detail-body{padding-top:35px;gap:35px}.prose h2{font-size:24px}.prose p,.prose li{font-size:13px}.detail-main{padding-bottom:55px}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-grid figure{padding:14px}.related-section{padding-block:45px 65px}.related-section .section-heading h2{font-size:26px}.about-manifesto{grid-template-columns:1fr;gap:20px;padding-bottom:50px}.about-manifesto p{font-size:13px}.about-values{grid-template-columns:1fr;gap:32px;padding-block:40px 60px}.about-values h2{margin-top:15px}.journal-paper{left:19%;width:58%;padding:25px}.journal-paper strong{font-size:26px}}@media(max-width:370px){.hero-asterisk{right:-33px;font-size:27px}.hero h1{font-size:50px}.hero-meta .hero-signature{display:none}.phone{width:124px}.contact-row h2{font-size:24px}.article-meta span{display:block;margin-top:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.project-card{transform:none}}