:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-black:#070707;--color-black-soft:#0b0b0c;--color-surface:#0f0f10;--color-surface-raised:#141415;--color-surface-soft:#191919;--color-white:#f2efe9;--color-bone:#ddd7cd;--color-muted:#9d978e;--color-dim:#605c56;--color-accent:#bba27b;--color-accent-soft:#8d7758;--color-line:#ffffff16;--color-line-strong:#ffffff29;--font-serif:"Iowan Old Style", Baskerville, "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-small:16px;--radius-medium:28px;--radius-large:42px;--radius-pill:999px;--shadow-large:0 40px 120px #0000008c;--container-max:1320px;--container-narrow-max:1040px;--nav-height:78px;--transition-fast:.18s ease;--transition-standard:.25s ease;--z-nav:100;--z-overlay:1000}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-black);min-width:320px}body{background:radial-gradient(circle at 12% 5%, #bba27b0b, transparent 30%), radial-gradient(circle at 84% 25%, #ffffff05, transparent 24%), var(--color-black);min-width:320px;min-height:100vh;color:var(--color-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:hidden}body:after{content:"";z-index:var(--z-overlay);pointer-events:none;opacity:.6;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px);position:fixed;inset:0}main{display:block}section{position:relative}header,footer,main,nav,section,article,aside{display:block}h1,h2,h3,h4,h5,h6,p,blockquote,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0}button,a{-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,textarea,select{color:inherit}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}address{font-style:normal}::selection{background:var(--color-accent);color:#111}:focus-visible{outline:1px solid var(--color-accent);outline-offset:4px}[hidden]{display:none!important}.container{width:min(var(--container-max), calc(100% - 48px));margin-inline:auto}.container-narrow{width:min(var(--container-narrow-max), calc(100% - 48px));margin-inline:auto}.section{padding-block:130px}.section-dark{background:var(--color-black-soft)}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.muted{color:var(--color-muted)}.eyebrow{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.eyebrow:before{content:"";background:var(--color-accent-soft);flex:none;width:34px;height:1px}.divider{background:var(--color-line);width:100%;height:1px}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.no-scroll{overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.nav{z-index:var(--z-nav);padding-top:calc(env(safe-area-inset-top) + 10px);background:0 0;border:0;position:fixed;top:0;left:0;right:0}.nav:before{content:"";height:env(safe-area-inset-top);z-index:0;pointer-events:none;background:#070707;position:absolute;top:0;left:0;right:0}.nav .nav-inner{box-sizing:border-box;width:calc(100vw - 16px);max-width:none;min-height:var(--nav-height);z-index:1;-webkit-backdrop-filter:blur(30px)saturate(125%);backdrop-filter:blur(30px)saturate(125%);transition:min-height var(--transition-standard), background var(--transition-standard), border-color var(--transition-standard), box-shadow var(--transition-standard), backdrop-filter var(--transition-standard), -webkit-backdrop-filter var(--transition-standard);background:#0a0a0a6b;border:1px solid #ffffff16;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;margin:0 auto;padding:0 22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #ffffff05,0 10px 30px #00000042,0 2px 8px #00000029}.nav.is-scrolled .nav-inner{min-height:calc(var(--nav-height) - 8px);-webkit-backdrop-filter:blur(34px)saturate(128%);backdrop-filter:blur(34px)saturate(128%);background:#08080880;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #ffffff06,0 12px 34px #0000004d,0 3px 10px #0000002e}.identity{min-width:0;transition:opacity var(--transition-standard), transform var(--transition-standard);align-items:center;gap:14px;display:inline-flex}.identity:hover{opacity:.82}.identity-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.identity-copy strong{color:var(--color-white);letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;transition:opacity var(--transition-standard);font-size:11px;font-weight:600;line-height:1.3;overflow:hidden}.identity-copy span{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;transition:opacity var(--transition-standard);font-size:8px;line-height:1.3;overflow:hidden}.nav.is-scrolled .identity-copy span{opacity:.62}.nav-links{justify-content:flex-end;align-items:center;gap:30px;display:flex}.nav-link{color:#bfb9b0d1;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition-standard), opacity var(--transition-standard), background var(--transition-standard), box-shadow var(--transition-standard);font-size:9px;font-weight:500;line-height:1;position:relative}.nav-link:hover{color:var(--color-white)}.nav-link:not(.nav-contact):after{content:"";opacity:0;height:1px;transition:left var(--transition-standard), right var(--transition-standard), opacity var(--transition-standard);background:linear-gradient(90deg,#0000,#bba27b9e,#0000);position:absolute;bottom:-8px;left:50%;right:50%}.nav-link:not(.nav-contact):hover:after{opacity:1;left:0;right:0}.nav-contact{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:0;padding:11px 17px;box-shadow:inset 0 0 0 1px #ffffff0e,0 8px 28px #0000001a}.nav-contact:hover{color:var(--color-white);background:#fff1;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 34px #00000024}.hero{align-items:center;min-height:100svh;padding:150px 0 80px;display:flex;position:relative}.hero:before{content:"PRODUCT / 2026";transform-origin:100% 0;color:#34312d;font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;font-size:9px;line-height:1;position:absolute;top:50%;right:3vw;transform:rotate(90deg)translateY(-50%)}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:80px;display:grid}.hero-copy-block{min-width:0}.hero h1{max-width:980px;font-family:var(--font-serif);letter-spacing:-.07em;margin:20px 0 34px;font-size:clamp(72px,9vw,150px);font-weight:400;line-height:.82}.hero h1 span{display:block}.hero h1 .soft{color:#d1cbc1}.hero h1 em{color:var(--color-accent);font-style:italic;font-weight:400}.hero-intro{color:#c5beb5;max-width:800px;font-family:var(--font-serif);font-size:clamp(20px,2vw,29px);line-height:1.35}.hero-headshot{display:none}.hero-side{min-width:0;padding-bottom:8px}.hero-side p{color:var(--color-muted);margin:18px 0 30px;font-size:14px;line-height:1.75}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero-bottom{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:8px;line-height:1;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-bottom:before{content:"";background:linear-gradient(var(--color-accent), transparent);width:1px;height:38px}.philosophy-grid{grid-template-columns:.52fr 1.48fr;gap:90px;display:grid}.philosophy-main{min-width:0}.philosophy-main h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:0;font-size:clamp(46px,6vw,84px);font-weight:400;line-height:.98}.philosophy-main blockquote{color:#d4cdc2;max-width:860px;font-family:var(--font-serif);margin:48px 0 0;font-size:clamp(24px,3vw,44px);line-height:1.28}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:70px;display:grid}.section-heading{margin-bottom:64px}.section-heading h2{font-family:var(--font-serif);letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(50px,6vw,94px);font-weight:400;line-height:.94}.section-heading p{max-width:580px;color:var(--color-muted);margin:24px 0 0;font-size:15px;line-height:1.75}.project-index-grid{gap:26px;display:grid}.project-cover{padding-bottom:52px}.project-cover+.project-chapter{padding-top:72px}.project-chapter{border-top:1px solid var(--color-line)}.chapter-grid{grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);gap:80px;display:grid}.chapter-sidebar{top:calc(var(--nav-height) + 32px);align-self:start;position:sticky}.chapter-sidebar h2{font-family:var(--font-serif);letter-spacing:-.055em;margin:16px 0 22px;font-size:clamp(48px,5.6vw,86px);font-weight:400;line-height:.93}.chapter-sidebar>p{max-width:430px;color:var(--color-muted);font-size:14px;line-height:1.75}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.case-content{flex-direction:column;gap:30px;min-width:0;display:flex}.app-divider{border-top:1px solid var(--color-line);margin-top:30px;padding-top:28px}.app-divider-top{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:end;gap:26px;display:grid}.app-divider-top>*{min-width:0}.app-divider h3{font-family:var(--font-serif);letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(40px,4vw,62px);font-weight:400;line-height:1}.app-divider p{width:100%;max-width:none;color:var(--color-muted);font-size:13px;line-height:1.7}.page-story{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:26px;min-height:540px;display:grid}.page-story.reverse{grid-template-columns:minmax(0,.88fr) minmax(0,1fr)}.page-story.reverse .page-visual{order:2}.system-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:80px;display:grid}.system-grid h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:14px 0 24px;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:.95}.system-grid>div:first-child p{max-width:520px;color:var(--color-muted);font-size:14px;line-height:1.75}.system-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:10px;padding:12px 0;display:grid}.approach-grid{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.about-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:90px;display:grid}.about-grid h2{font-family:var(--font-serif);letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:.95}.about-copy{max-width:760px}.about-copy p{color:#c7c0b6;font-family:var(--font-serif);margin:0 0 24px;font-size:25px;line-height:1.48}.about-copy .small{color:var(--color-muted);font-family:var(--font-sans);font-size:14px;line-height:1.8}.contact-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.footer{border-top:1px solid var(--color-line);color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:28px 0 44px;font-size:8px;line-height:1.5}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}@media (width<=720px){.hero-grid{display:block;position:relative}.hero-copy-block{z-index:3;min-width:0;position:relative}.hero h1{z-index:3;position:relative}.hero-side{min-width:0;margin-top:38px;padding-bottom:8px;position:static}.hero-headshot{z-index:2;isolation:isolate;background:radial-gradient(circle at 38% 28%,#ffffff0e,#0000 34%),linear-gradient(#ffffff08,#ffffff02);border:1px solid #bba27b42;border-radius:50%;width:210px;height:210px;margin:0;display:block;position:absolute;top:clamp(30px,11vw - 12px,50px);right:0;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #ffffff05,0 0 0 8px #ffffff03,0 0 44px #bba27b1a,0 30px 60px #00000061}.hero-headshot picture{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-headshot:before{content:"";z-index:1;pointer-events:none;border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:7px}.hero-headshot:after{content:"";z-index:-1;filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#bba27b1c,#bba27b09 42%,#0000 70%);border-radius:50%;position:absolute;inset:-12px}.hero-headshot-image{z-index:0;object-fit:cover;object-position:center 34%;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:absolute;top:8px;left:8px;box-shadow:0 0 0 1px #ffffff0e,0 18px 42px #00000052}.hero-side>.eyebrow,.hero-side>p,.hero-stats{z-index:3;position:relative}}@media (width>=721px){.nav .nav-inner{width:calc(100vw - 380px)}}.identity-mark{border:1px solid var(--color-line-strong);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.identity-mark:after{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 18px #bba27bb3}.hero-stat{border:1px solid var(--color-line);border-radius:var(--radius-small);background:linear-gradient(#ffffff06,#ffffff02);padding:18px}.hero-stat strong{font-family:var(--font-serif);margin-bottom:7px;font-size:30px;font-weight:400;line-height:1;display:block}.hero-stat span{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:8px;line-height:1.4}.principle{border-top:1px solid var(--color-line);padding-top:24px}.principle .number{color:var(--color-accent);font-family:var(--font-serif);font-size:20px;line-height:1}.principle h3{margin:18px 0 10px;font-size:18px;font-weight:500;line-height:1.25}.principle p{color:var(--color-muted);font-size:13px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.project-tag{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);color:#b8b1a7;min-height:30px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:8px 11px;font-size:8px;font-weight:500;line-height:1;display:inline-flex}.project-link,.contact-button{border-radius:var(--radius-pill);width:fit-content;min-height:44px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:transform var(--transition-standard), background var(--transition-standard), color var(--transition-standard), border-color var(--transition-standard);justify-content:center;align-items:center;gap:14px;padding:13px 18px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.project-link{background:var(--color-white);color:#111;margin-top:30px}.project-link:hover{background:#fff;transform:translateY(-2px)}.contact-button{border:1px solid var(--color-line-strong);color:var(--color-white)}.contact-button:hover{border-color:#ffffff4d;transform:translateY(-2px)}.contact-button.primary{background:var(--color-white);color:#111;border-color:var(--color-white)}.contact-button.primary:hover{background:#fff}.fact{border-top:1px solid var(--color-line);padding-top:15px}.fact span{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:8px;line-height:1.4;display:block}.fact strong{color:#d5cec3;font-size:12px;font-weight:500;line-height:1.5;display:block}.case-intro{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:linear-gradient(#ffffff06,#ffffff02);padding:36px}.case-intro h3{font-family:var(--font-serif);margin:0 0 14px;font-size:36px;font-weight:400;line-height:1.05}.case-intro p{color:var(--color-muted);font-size:14px;line-height:1.8}.device-art{aspect-ratio:9/18.7;width:min(39%,440px);box-shadow:none;will-change:transform;background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:9%;right:8%;overflow:hidden;transform:rotate(4deg)}.project-02 .device-art{transform:rotate(-4deg)}.device-screen{background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.device-shot{transform-origin:top;object-fit:contain;filter:drop-shadow(0 42px 54px #0000009e);pointer-events:none;-webkit-user-select:none;user-select:none;width:112%;max-width:none;height:auto;position:absolute;top:-4%;left:50%;transform:translate(-50%)}.device-pill{border-radius:var(--radius-pill);background:#000;width:30%;height:20px;margin:0 auto 30px}.device-micro{color:#625f5a;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:7px;line-height:1.3;display:flex}.device-title{font-family:var(--font-serif);margin-top:32px;font-size:clamp(24px,2.7vw,42px);line-height:1}.device-copy{color:#858078;margin-top:15px;font-size:9px;line-height:1.55}.device-field{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;height:51px;margin-top:13px}.device-action{border-radius:var(--radius-pill);color:#111;height:48px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#e9e4dc;place-items:center;font-size:8px;font-weight:600;line-height:1;display:grid;position:absolute;bottom:22px;left:20px;right:20px}.page-visual,.page-copy{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-surface);overflow:hidden}.page-visual{background:radial-gradient(circle at 50% 10%,#bba27b12,#0000 28%),linear-gradient(#111112,#0a0a0b);place-items:center;min-height:520px;display:grid;position:relative}.page-visual:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#ffffff05 50%,#0000 50.2%);position:absolute;inset:0}.page-copy{flex-direction:column;justify-content:flex-end;padding:36px;display:flex}.page-number{color:var(--color-accent);font-family:var(--font-serif);font-size:21px;line-height:1}.page-copy h4{letter-spacing:-.035em;margin:16px 0 13px;font-size:32px;font-weight:500;line-height:1.05}.page-copy>p{color:var(--color-muted);font-size:14px;line-height:1.75}.story-phone{aspect-ratio:9/19.3;z-index:2;background:#070707;border:1px solid #ffffff24;border-radius:38px;width:230px;padding:18px;position:relative;box-shadow:0 36px 80px #0000008c}.story-phone .pill{border-radius:var(--radius-pill);background:#000;width:36%;height:18px;margin:0 auto 24px}.story-phone .label{color:#666159;font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:7px;line-height:1.3}.story-phone .headline{font-family:var(--font-serif);margin-top:20px;font-size:29px;line-height:1.02}.story-phone .sub{color:#858078;margin-top:12px;font-size:8px;line-height:1.55}.story-phone .field{background:#ffffff04;border:1px solid #ffffff13;border-radius:13px;height:46px;margin-top:11px}.story-phone .field.small{width:72%}.story-phone .chip-row{gap:7px;margin-top:13px;display:flex}.story-phone .chip{border-radius:var(--radius-pill);border:1px solid #ffffff14;flex:1;height:36px}.story-phone .button{border-radius:var(--radius-pill);color:#111;height:44px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#e9e4dc;place-items:center;font-size:8px;font-weight:600;line-height:1;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.product-decision{border-top:1px solid var(--color-line);margin-top:30px;padding-top:22px}.product-decision span{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:8px;font-weight:500;line-height:1.4;display:block}.product-decision p{color:#d1c9be;font-family:var(--font-serif);font-size:22px;line-height:1.45}.decision-record{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:#0d0d0e;margin-top:16px;padding:36px}.decision-record h3{font-family:var(--font-serif);margin:12px 0 30px;font-size:40px;font-weight:400;line-height:1.05}.decision-table{display:grid}.decision-row{border-top:1px solid var(--color-line);grid-template-columns:.55fr 1fr;gap:28px;padding:22px 0;display:grid}.decision-row span{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:8px;line-height:1.4}.decision-row p{color:#c7c0b6;font-size:13px;line-height:1.7}.system-map{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:linear-gradient(#ffffff06,#ffffff01);padding:26px}.system-box{border:1px solid var(--color-line);border-radius:var(--radius-small);min-height:100px;padding:20px}.system-box span{color:var(--color-dim);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:8px;line-height:1.4;display:block}.system-box strong{font-size:14px;font-weight:500;line-height:1.5}.system-arrow{color:var(--color-accent);text-align:center}.approach-step{border-right:1px solid var(--color-line);min-height:255px;padding:24px 18px 34px}.approach-step:last-child{border-right:0}.approach-step .num{color:var(--color-accent);font-family:var(--font-serif);font-size:20px;line-height:1}.approach-step h3{margin:48px 0 12px;font-size:17px;font-weight:500;line-height:1.2}.approach-step p{color:var(--color-muted);font-size:12px;line-height:1.7}.contact-card{border:1px solid var(--color-line);border-radius:var(--radius-large);background:radial-gradient(circle at 86% 14%,#bba27b1a,#0000 27%),linear-gradient(#111112,#0b0b0c);padding:60px;position:relative;overflow:hidden}.contact-card h2{font-family:var(--font-serif);letter-spacing:-.065em;margin:12px 0 28px;font-size:clamp(60px,8vw,124px);font-weight:400;line-height:.86}.contact-card h2 em{color:var(--color-accent);font-weight:400}.contact-card>p{max-width:610px;color:var(--color-muted);font-size:14px;line-height:1.75}.project-card{border:1px solid var(--color-line);border-radius:var(--radius-large);background:var(--color-surface);min-height:690px;box-shadow:var(--shadow-large);position:relative;overflow:hidden}.project-background{position:absolute;inset:0}.project-background:after{content:"";background:linear-gradient(90deg,#060606eb 0%,#060606b8 42%,#0606062e 100%);position:absolute;inset:0}.project-01 .project-background{background:radial-gradient(circle at 80% 25%,#8e9eb11f,#0000 25%),linear-gradient(140deg,#101316,#090a0b 58%,#15110d)}.project-02 .project-background{background:radial-gradient(circle at 80% 25%,#bba27b1f,#0000 25%),linear-gradient(140deg,#15100d,#090909 58%,#0d1114)}.project-03 .project-background{background:radial-gradient(circle at 80% 25%,#6e849b1f,#0000 25%),linear-gradient(140deg,#0d1115,#090909 58%,#14110d)}.project-card-copy{z-index:3;flex-direction:column;justify-content:flex-end;width:60%;min-height:690px;padding:56px;display:flex;position:relative}.project-number{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:14px;font-size:9px;line-height:1;display:flex}.project-number:before{content:"";background:var(--color-accent);flex:none;width:38px;height:1px}.project-card h3{font-family:var(--font-serif);letter-spacing:-.06em;margin:20px 0 16px;font-size:clamp(58px,7vw,108px);font-weight:400;line-height:.9}.project-subtitle{color:#d3cbc0;max-width:620px;font-family:var(--font-serif);font-size:25px;font-style:italic;line-height:1.3}.project-description{max-width:610px;color:var(--color-muted);margin-top:18px;font-size:14px;line-height:1.75}.project-cover .project-card{width:100%}.project-chapter.section-dark{background:var(--color-black-soft)}.project-chapter .case-content>*{min-width:0}.project-chapter .app-divider:first-of-type{margin-top:8px}.project-card-copy,.chapter-sidebar,.case-content,.page-copy,.page-visual{min-width:0}@media (width<=1050px){.hero-grid,.philosophy-grid,.chapter-grid,.system-grid,.about-grid{grid-template-columns:1fr}.hero{align-items:center}.hero-side{max-width:650px}.principle-grid{grid-template-columns:1fr}.project-card{min-height:760px}.project-card-copy{justify-content:flex-end;width:100%;min-height:760px;padding:38px}.project-card .project-background:after{background:linear-gradient(#0606061a 0%,#06060638 40%,#060606eb 76%)}.device-art{width:340px;top:6%;right:10%}.chapter-sidebar{position:relative;top:0}.app-divider-top,.page-story,.page-story.reverse{grid-template-columns:1fr}.page-story.reverse .page-visual{order:0}.approach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.approach-step:nth-child(3){border-right:0}.approach-step:nth-child(-n+3){border-bottom:1px solid var(--color-line)}}@media (width<=720px){.container,.container-narrow{width:min(calc(100% - 24px), var(--container-max))}.section{padding-block:90px}.nav-inner{gap:18px;min-height:70px}.nav.is-scrolled .nav-inner{min-height:64px}.nav-links{gap:12px}.nav-links .nav-link:not(.nav-contact){display:none}.identity{gap:11px}.identity-copy span{display:none}.identity-copy strong{letter-spacing:.13em;font-size:10px}.nav-contact{background:#ffffff08;padding:10px 15px;box-shadow:inset 0 0 0 1px #ffffff0b,0 7px 24px #00000014}.nav-contact:hover{background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff16,0 8px 28px #0000001a}.hero{min-height:100svh;padding:125px 0 90px}.hero h1{font-size:64px}.hero-intro{font-size:20px}.hero:before{display:none}.hero-grid{gap:52px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-bottom{bottom:20px}.section-heading{margin-bottom:44px}.section-heading h2,.philosophy-main h2,.system-grid h2,.about-grid h2{font-size:52px}.philosophy-main blockquote{margin-top:34px;font-size:26px}.principle-grid{margin-top:48px}.project-index-grid{gap:20px}.project-cover{padding-bottom:38px}.project-cover+.project-chapter{padding-top:58px}.project-card{border-radius:30px;min-height:720px}.project-card-copy{min-height:720px;padding:26px}.project-card h3{font-size:58px}.project-subtitle{font-size:21px}.project-description{font-size:13px}.device-art{border-radius:34px;width:230px;padding:10px;top:5%;right:7%}.device-screen{border-radius:25px;padding:16px 13px}.device-pill{height:15px;margin-bottom:22px}.device-title{margin-top:24px;font-size:23px}.device-field{height:42px}.device-action{height:42px;bottom:15px;left:13px;right:13px}.chapter-grid{gap:52px}.chapter-sidebar h2{font-size:52px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-content{gap:22px}.case-intro,.page-copy,.decision-record{padding:26px}.case-intro h3{font-size:30px}.app-divider{margin-top:18px}.app-divider-top{display:block}.app-divider h3{font-size:44px}.app-divider p{margin-top:16px}.page-story,.page-story.reverse{gap:18px;min-height:auto}.page-visual{min-height:440px}.story-phone{width:205px}.page-copy h4{font-size:28px}.product-decision p{font-size:20px}.decision-row{grid-template-columns:1fr;gap:10px}.system-grid{gap:46px}.system-map{padding:18px}.system-row{grid-template-columns:1fr}.system-arrow{transform:rotate(90deg)}.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-step,.approach-step:nth-child(3){border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.approach-step:nth-child(2n){border-right:0}.approach-step:nth-last-child(-n+2){border-bottom:0}.about-grid{gap:44px}.about-copy p{font-size:22px}.contact-card{border-radius:30px;padding:36px 26px}.contact-card h2{font-size:62px}.contact-actions{flex-direction:column;align-items:stretch}.contact-button{width:100%}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=480px){.container,.container-narrow{width:min(calc(100% - 20px), var(--container-max))}.nav-inner{gap:12px;min-height:66px}.nav.is-scrolled .nav-inner{min-height:60px}.identity{gap:9px}.identity-copy strong{letter-spacing:.12em;max-width:130px;font-size:9px}.nav-contact{padding:9px 12px;font-size:8px}.hero h1{font-size:54px}.hero-intro{font-size:18px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-bottom{display:none}.section-heading h2,.philosophy-main h2,.system-grid h2,.about-grid h2,.chapter-sidebar h2{font-size:46px}.project-cover{padding-bottom:30px}.project-cover+.project-chapter{padding-top:50px}.project-card{min-height:690px}.project-card-copy{min-height:690px;padding:22px}.project-card h3{font-size:50px}.device-art{width:205px;right:6%}.fact-grid{grid-template-columns:1fr}.page-visual{min-height:400px}.story-phone{width:185px}.approach-grid{grid-template-columns:1fr}.approach-step,.approach-step:nth-child(3),.approach-step:nth-child(2n),.approach-step:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-line)}.approach-step:last-child{border-bottom:0}.contact-card h2{font-size:54px}}@media (prefers-reduced-motion:reduce){.nav:before,.nav-inner,.identity,.identity-copy strong,.identity-copy span,.nav-link,.nav-link:after,.nav-contact,.device-art{transition:none!important}.device-art{transform:none!important}}