:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0e1110;--ink-soft:#151a17;--panel:#141916d1;--panel-solid:#161b18;--paper:#eee7d8;--paper-soft:#bfb7a7;--muted:#8d938c;--line:#ede7da1f;--line-strong:#ede7da38;--vermilion:#a83a2f;--vermilion-bright:#cf4c3d;--moss:#6d7d71;--brass:#c6af80;--success:#86a889;--warning:#d1a45d;--danger:#d17368;--shadow:0 24px 80px #00000047;--radius-sm:12px;--radius:20px;--radius-lg:32px;--max:1320px;--serif:Iowan Old Style, Baskerville, "Times New Roman", YuMincho, "Yu Mincho", serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#ece5d8;--ink-soft:#e4dccd;--panel:#f6f0e4db;--panel-solid:#f2ecdf;--paper:#161a18;--paper-soft:#4f554f;--muted:#606660;--line:#12171421;--line-strong:#1217143d;--shadow:0 24px 80px #372d1f1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#fff8eb;background:var(--vermilion)}.app-shell{background:radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--vermilion) 12%, transparent), transparent 28rem), linear-gradient(180deg, var(--ink), var(--ink) 70%, color-mix(in srgb, var(--moss) 7%, var(--ink)));min-height:100vh;position:relative;overflow:clip}.grain{z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{transform-origin:0;background:var(--vermilion-bright);z-index:200;height:2px;position:fixed;top:0;left:0;right:0}.site-header{z-index:80;top:16px;left:max(12px, calc((100vw - var(--max)) / 2));right:max(12px, calc((100vw - var(--max)) / 2));border:1px solid var(--line);background:color-mix(in srgb, var(--ink-soft) 84%, transparent);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);border-radius:18px;justify-content:space-between;align-items:center;width:auto;min-height:66px;padding:10px 12px 10px 14px;display:flex;position:fixed;box-shadow:0 12px 42px #00000029}.brand{align-items:center;gap:11px;min-width:180px;display:flex}.brand-seal{background:var(--vermilion);color:#fff7ec;width:39px;height:39px;font-family:var(--serif);letter-spacing:-.04em;border-radius:10px;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-copy{line-height:1.15;display:grid}.brand-copy strong{font-family:var(--serif);letter-spacing:.02em;font-size:1rem}.brand-copy small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:.69rem}.desktop-nav{align-items:center;gap:5px;display:flex}.desktop-nav a{color:var(--paper-soft);letter-spacing:.04em;border-radius:10px;padding:9px 13px;font-size:.78rem;transition:background .2s,color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--paper);background:color-mix(in srgb, var(--paper) 7%, transparent)}.header-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:180px;display:flex}.icon-button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 3%, transparent);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;transition:border-color .2s,background .2s,transform .2s;display:inline-grid}.icon-button:hover{background:color-mix(in srgb, var(--paper) 8%, transparent);border-color:var(--line-strong);transform:translateY(-1px)}.keycap{letter-spacing:-.03em;color:var(--paper-soft);font-size:.7rem}.mobile-menu-button{display:none}main{width:min(calc(100% - 40px), var(--max));margin:0 auto}.hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(36px,5vw,84px);min-height:100svh;padding:142px 0 80px;display:grid}.hero-copy{z-index:2;position:relative}.hero-kicker{color:var(--brass);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:12px;font-size:.72rem;font-weight:650;display:flex}.hero-kicker-line{background:var(--vermilion);width:46px;height:1px}.hero h1{max-width:780px;font-family:var(--serif);letter-spacing:-.055em;text-wrap:balance;margin:26px 0 24px;font-size:clamp(3.3rem,6vw,6.65rem);font-weight:500;line-height:.94}.hero h1 em{color:var(--vermilion-bright);font-style:italic;font-weight:500}.hero-intro{max-width:700px;color:var(--paper-soft);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75}.hero-actions,.contact-actions,.tool-actions,.repo-actions{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.hero-actions{margin-top:34px}.primary-button,.secondary-button{letter-spacing:.035em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-size:.78rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.primary-button{border:1px solid color-mix(in srgb, var(--vermilion) 76%, white);background:var(--vermilion);color:#fff8ed;box-shadow:0 10px 26px color-mix(in srgb, var(--vermilion) 24%, transparent)}.primary-button:hover{box-shadow:0 15px 34px color-mix(in srgb, var(--vermilion) 31%, transparent);background:var(--vermilion-bright);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-button{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 3%, transparent);color:var(--paper)}.secondary-button:hover{border-color:color-mix(in srgb, var(--paper) 40%, transparent);background:color-mix(in srgb, var(--paper) 7%, transparent);transform:translateY(-2px)}.hero-proof{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;padding-top:25px;display:grid}.hero-proof>div{align-items:center;gap:10px;min-width:0;display:flex}.hero-proof svg{color:var(--moss);width:19px}.hero-proof span{min-width:0;display:grid}.hero-proof strong{white-space:nowrap;font-size:.75rem}.hero-proof small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:.66rem}.hero-art{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--paper) 4%, transparent), transparent 45%), color-mix(in srgb, var(--ink-soft) 92%, transparent);height:min(72vh,700px);min-height:550px;box-shadow:var(--shadow);isolation:isolate;border-radius:46% 46% 22px 22px/25% 25% 22px 22px;position:relative;overflow:hidden}.hero-art:after{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--ink) 88%, transparent));pointer-events:none;z-index:5;height:32%;position:absolute;inset:auto 0 0}.hero-art-grid{opacity:.32;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.sun-disc{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #c75545, var(--vermilion) 53%, #76271f);width:min(48vw,460px);box-shadow:0 0 90px color-mix(in srgb, var(--vermilion) 34%, transparent);opacity:.84;border-radius:50%;position:absolute;top:10%;right:-10%}.vertical-type{z-index:8;writing-mode:vertical-rl;color:color-mix(in srgb, var(--paper) 66%, transparent);font-family:var(--serif);letter-spacing:.22em;gap:8px;font-size:.72rem;display:flex;position:absolute;top:30px;left:24px}.fallback-sculpture{z-index:3;perspective:1000px;place-items:center;display:grid;position:absolute;inset:9% 4%}.studio-fallback-shell{background:linear-gradient(#0f1311cc,#0d100f8c);border:1px solid #ede7da1c;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 20px 50px #0000002e}.studio-fallback-top{z-index:4;height:36px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ede7da1a;align-items:center;gap:8px;padding:0 12px;font-size:.55rem;display:flex;position:absolute;top:0;left:0;right:0}.studio-fallback-top span{background:#83a786;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #83a78680}.studio-fallback-top strong{color:var(--paper-soft);margin-left:auto;font-size:.58rem;font-weight:650}.fallback-gate{aspect-ratio:1;filter:drop-shadow(0 28px 25px #00000059);width:min(72%,320px);position:relative;transform:rotateY(-11deg)rotateX(4deg)}.fallback-gate i{display:block;position:absolute}.fallback-gate-ring{border:clamp(18px,4vw,32px) solid #222824;border-radius:50%;inset:14% 14% 15%;box-shadow:inset 0 0 0 2px #d6b97ae6,0 0 0 1px #ffffff0d}.fallback-gate-sun{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#d85c4b,#a9342b 75%);border-radius:50%;width:38%;top:31%;left:31%;box-shadow:0 0 38px #b8473847}.fallback-gate-seam{transform-origin:50%;z-index:3;background:linear-gradient(#f0d49a,#b68e52);border-radius:999px;width:3%;height:40%;top:29%;left:49%}.fallback-gate-seam.seam-one{transform:rotate(-31deg)translate(-13px)}.fallback-gate-seam.seam-two{height:26%;top:43%;transform:rotate(40deg)translate(11px)}.fallback-gate-post{background:#703028;border-radius:3px;width:4.5%;height:34%;bottom:9%}.fallback-gate-post.post-left{left:17%;transform:rotate(4deg)}.fallback-gate-post.post-right{right:17%;transform:rotate(-4deg)}.fallback-gate-beam{background:#703028;border-radius:4px;height:4.2%;top:14%;left:11%;right:11%}.fallback-gate-base{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:linear-gradient(#262d28,#151916);height:8%;bottom:6%;left:10%;right:10%}.studio-fallback-status{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;font-size:.53rem;display:flex;position:absolute;bottom:9px;left:12px;right:12px}.hero-scene-slot{z-index:3;position:absolute;inset:0}.three-scene{z-index:4;position:absolute;inset:0}.studio-shell{background:linear-gradient(#0f1311db,#0d100f9e);border:1px solid #ede7da1c;border-radius:18px;inset:8% 4%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,0 22px 54px #0003}.studio-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:36px 0 27px;overflow:hidden}.studio-viewport:active,.studio-shell.is-interacting .studio-viewport{cursor:grabbing}.studio-viewport canvas{display:block;width:100%!important;height:100%!important}.studio-viewport:after{content:"";pointer-events:none;opacity:.72;background:radial-gradient(circle at 50% 42%,#0000 30%,#05080714 72%,#05080742 100%);position:absolute;inset:0}.studio-drag-hint{z-index:3;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px)}.studio-drag-hint span{color:#eee7d894;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;text-transform:uppercase;background:#0f131194;border:1px solid #ede7da1a;border-radius:999px;align-items:center;min-height:25px;padding:0 10px;font-size:.5rem;display:inline-flex}.studio-viewport:hover .studio-drag-hint{opacity:1;transform:translate(-50%)}.studio-shell.is-interacting .studio-drag-hint{opacity:0}.studio-topbar{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:36px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0d100fb8;border-bottom:1px solid #ede7da1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:0 12px;font-size:.54rem;display:grid;position:absolute;top:0;left:0;right:0}.studio-topbar>div{align-items:center;gap:7px;display:flex}.studio-topbar strong{color:var(--paper-soft);font-size:.58rem;font-weight:650}.studio-topbar small{justify-self:end;font-size:.5rem}.studio-dot{background:#83a786;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #83a7868c}.studio-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f131194;border:1px solid #ede7da17;border-radius:10px;gap:4px;padding:4px;display:grid;position:absolute;top:48px;left:9px}.studio-toolbar button{color:#bfb7a7b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:31px;height:31px;font-size:.73rem;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.studio-toolbar button:hover{color:#fff7e8;background:#ede7da12}.studio-toolbar button:active{transform:scale(.94)}.studio-toolbar button.active{color:#fff7e8;background:#a83a2f94;border-color:#cb4c3d61}.studio-toolbar button:focus-visible,.studio-view-controls button:focus-visible{outline:2px solid color-mix(in srgb, var(--vermilion-bright) 75%, white);outline-offset:2px}.studio-view-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1311a3;border:1px solid #ede7da1a;border-radius:9px;gap:2px;padding:3px;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.studio-view-controls button{color:#bfb7a7ad;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:6px;min-width:43px;height:26px;padding:0 9px;font-size:.5rem;transition:color .18s,background .18s}.studio-view-controls button:hover{color:var(--paper)}.studio-view-controls button.active{color:#fff5e6;background:#a83a2f9e}.studio-axis{z-index:9;pointer-events:none;background:#12161480;border:1px solid #ede7da1a;border-radius:50%;width:42px;height:42px;position:absolute;bottom:40px;right:12px}.studio-axis i{font-size:.47rem;font-style:normal;font-weight:800;position:absolute}.axis-x{color:#d76052;top:18px;right:4px}.axis-y{color:#88aa8e;top:2px;left:18px}.axis-z{color:#8ba7c0;bottom:4px;left:4px}.studio-status{z-index:9;color:#8d938ce0;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#0d100fbd;border-top:1px solid #ede7da1a;justify-content:space-between;align-items:center;height:27px;padding:0 11px;font-size:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.studio-shell.is-interacting .studio-status span{color:color-mix(in srgb, var(--brass) 82%, white)}.studio-webgl-fallback{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#0f1311e6,#0d100fbd);align-content:center;place-items:center;gap:12px;font-size:.58rem;display:grid;position:absolute;inset:0}.studio-webgl-fallback .fallback-gate{width:min(58%,260px)}.hero-art-label{z-index:8;color:var(--paper-soft);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:22px;left:26px;right:26px}.hero-art-label span{font-family:var(--serif);font-size:1rem}.hero-art-label small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.section{padding:118px 0;scroll-margin-top:90px;position:relative}.section-heading{grid-template-columns:54px minmax(0,760px);align-items:start;gap:20px;margin-bottom:52px;display:grid}.section-number{color:var(--vermilion-bright);font-family:var(--serif);margin-top:3px;font-size:.83rem}.eyebrow{color:var(--brass);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.section-heading h2,.contact-section h2{font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:16px 0;font-size:clamp(2.55rem,5vw,5.25rem);font-weight:500;line-height:1.01}.section-heading p{max-width:670px;color:var(--paper-soft);margin:0;font-size:1rem;line-height:1.72}.project-grid{perspective:1000px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg, color-mix(in srgb, var(--paper) 4%, transparent), transparent 45%), var(--panel);min-height:510px;transform-style:preserve-3d;flex-direction:column;padding:clamp(24px,3.2vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000001f}.project-card:before{content:"";opacity:.16;background:linear-gradient(90deg, transparent 49.8%, var(--line-strong) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, var(--line-strong) 50%, transparent 50.2%);pointer-events:none;background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 80% 10%,#000,#0000 55%);mask-image:radial-gradient(circle at 80% 10%,#000,#0000 55%)}.project-card-top{z-index:2;justify-content:space-between;align-items:start;gap:20px;display:flex;position:relative}.project-card-top>span{color:var(--vermilion-bright);font-family:var(--serif);font-size:1rem}.project-card-top small{text-align:right;max-width:240px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.64rem;line-height:1.5}.project-symbol{color:color-mix(in srgb, var(--paper) 10%, transparent);font-family:var(--serif);z-index:0;align-self:flex-end;margin:auto 0 8px;font-size:clamp(7rem,13vw,12rem);line-height:.8;position:absolute;top:82px;right:24px}.project-card h3{z-index:2;font-family:var(--serif);letter-spacing:-.035em;margin:auto 0 14px;font-size:clamp(2.15rem,4vw,3.7rem);font-weight:500;position:relative}.project-card>p{z-index:2;max-width:600px;color:var(--paper-soft);margin:0;line-height:1.7;position:relative}.tag-row{z-index:2;flex-wrap:wrap;gap:7px;margin:22px 0 24px;display:flex;position:relative}.tag-row span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.64rem}.text-button{width:-moz-fit-content;width:fit-content;color:var(--paper);letter-spacing:.03em;cursor:pointer;z-index:2;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.76rem;font-weight:750;display:inline-flex;position:relative}.text-button:hover{color:var(--vermilion-bright)}.lab-section:before{content:"";background:color-mix(in srgb, var(--paper) 2.5%, transparent);border-block:1px solid var(--line);z-index:-1;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.lab-loading,.demo-inner-loading{min-height:340px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);place-items:center;gap:10px;display:grid}textarea,input,select{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ink) 70%, transparent);width:100%;color:var(--paper);border-radius:11px;outline:none;transition:border-color .2s,box-shadow .2s}textarea:focus,input:focus,select:focus{border-color:color-mix(in srgb, var(--vermilion-bright) 75%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--vermilion) 12%, transparent)}textarea{resize:vertical;min-height:110px;padding:13px 14px}input,select{min-height:43px;padding:0 12px}input[type=color]{cursor:pointer;min-width:62px;padding:4px}.principles-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.principle-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-height:310px;padding:24px;position:relative;overflow:hidden}.principle-card small{color:var(--vermilion-bright);font-family:var(--serif)}.principle-card h3{font-family:var(--serif);margin:96px 0 13px;font-size:1.55rem;font-weight:500;line-height:1.08}.principle-card p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.65}.principle-mark{color:color-mix(in srgb, var(--paper) 7%, transparent);font-family:var(--serif);font-size:7rem;line-height:1;position:absolute;top:5px;right:17px}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}.about-grid .section-heading{margin:0}.about-panel{border-top:1px solid var(--line-strong)}.about-line{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:20px;padding:19px 0;display:grid}.about-line span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.about-line strong{font-family:var(--serif);font-size:1.05rem;font-weight:500}.contact-section{justify-content:center;align-items:center;min-height:760px;display:flex}.contact-section:before{content:"";border:1px solid var(--line);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--vermilion) 12%, transparent), transparent 45%), var(--panel);z-index:-1;border-radius:50% 50% 20px 20px/34% 34% 20px 20px;position:absolute;inset:8% 0}.contact-symbol{color:color-mix(in srgb, var(--paper) 5%, transparent);font-family:var(--serif);font-size:18rem;line-height:1;position:absolute}.contact-section h2{max-width:700px;position:relative}.contact-actions{position:relative}footer{width:min(calc(100% - 40px), var(--max));border-top:1px solid var(--line);color:var(--muted);letter-spacing:.06em;justify-content:space-between;margin:0 auto;padding:30px 0 44px;font-size:.66rem;display:flex}.modal-backdrop,.command-backdrop{z-index:300;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#050806c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-modal{border:1px solid var(--line-strong);background:var(--panel-solid);border-radius:24px;outline:none;width:min(960px,100%);max-height:min(88vh,900px);padding:clamp(26px,5vw,58px);position:relative;overflow:auto;box-shadow:0 50px 120px #00000073}.modal-close{float:right;z-index:3;background:var(--panel-solid);position:sticky;top:0}.modal-kicker{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:14px;font-size:.65rem;display:flex}.modal-kicker span{color:var(--vermilion-bright);font-family:var(--serif);font-size:1rem}.project-modal h2{font-family:var(--serif);letter-spacing:-.055em;margin:22px 0 12px;font-size:clamp(3rem,7vw,6.6rem);font-weight:500;line-height:.9}.modal-summary{max-width:720px;color:var(--paper-soft);font-size:1rem;line-height:1.7}.modal-meta{border-block:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:32px 0;display:grid}.modal-meta>div{gap:5px;padding:17px 0;display:grid}.modal-meta>div+div{border-left:1px solid var(--line);padding-left:24px}.modal-meta span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem}.modal-meta strong{font-family:var(--serif);font-weight:500}.story-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.story-grid article{border:1px solid var(--line);border-radius:14px;padding:21px}.story-grid small{color:var(--vermilion-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.59rem}.story-grid h3{font-family:var(--serif);margin:14px 0 9px;font-size:1.3rem;font-weight:500}.story-grid p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.65}.highlight-list{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding:18px 0;display:flex}.highlight-list>span{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.62rem}.highlight-list strong{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:500}.modal-link{margin-top:10px}.command-backdrop{place-items:start center;padding-top:min(18vh,170px)}.command-panel{border:1px solid var(--line-strong);background:var(--panel-solid);border-radius:17px;width:min(620px,100%);overflow:hidden;box-shadow:0 35px 90px #0000006b}.command-search{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;padding:12px 14px;display:grid}.command-search svg{color:var(--muted)}.command-search input{min-height:38px;box-shadow:none;background:0 0;border:0;padding:0}.command-search button{color:var(--muted);cursor:pointer;background:0 0;border:0}.command-list{padding:7px}.command-list button{width:100%;color:var(--paper-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;padding:12px 13px;display:flex}.command-list button:hover{background:color-mix(in srgb, var(--paper) 6%, transparent);color:var(--paper)}.command-list span{color:var(--muted)}.mobile-menu{z-index:250;background:color-mix(in srgb, var(--ink) 95%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:fixed;inset:0}.mobile-close{position:absolute;top:20px;right:20px}.mobile-menu-inner{flex-direction:column;justify-content:center;min-height:100%;padding:90px 28px 40px;display:flex}.mobile-menu-inner>span{margin-bottom:30px}.mobile-menu-inner a{border-bottom:1px solid var(--line);font-family:var(--serif);align-items:baseline;gap:18px;padding:14px 0;font-size:clamp(2.4rem,11vw,4.3rem);line-height:1;display:flex}.mobile-menu-inner small{color:var(--vermilion-bright);font-family:var(--sans);font-size:.65rem}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:1100px){.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.header-actions{min-width:0}.hero{grid-template-columns:1fr .82fr;gap:32px}.hero h1{font-size:clamp(3.5rem,7vw,5.5rem)}.hero-art{min-height:500px}.principles-grid{grid-template-columns:repeat(2,1fr)}.demo-lab{grid-template-columns:230px minmax(0,1fr)}.report-columns{grid-template-columns:1fr 1fr}.report-columns article:first-child{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(3,1fr)}.html-workspace{grid-template-columns:1fr}.source-panel{min-height:450px}.source-panel textarea{min-height:300px}.inventory-layout{grid-template-columns:1fr}}@media (max-width:820px){main{width:min(calc(100% - 24px), var(--max))}.site-header{top:max(10px, env(safe-area-inset-top));width:calc(100% - 20px);min-height:60px}.brand{min-width:0}.brand-copy small,.header-actions .icon-button:first-child{display:none}.hero{min-height:auto;padding:calc(110px + env(safe-area-inset-top)) 0 48px;grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(3.05rem,12.4vw,5.2rem);line-height:.93}.hero-intro{font-size:.98rem}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px;padding-top:18px}.hero-proof>div{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 2.5%, transparent);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:82px;padding:11px}.hero-proof small{white-space:normal;line-height:1.35}.hero-art{border-radius:40% 40% 18px 18px/18% 18% 18px 18px;height:530px;min-height:0}.sun-disc{width:440px;right:-30%}.section{padding:86px 0}.section-heading{grid-template-columns:35px minmax(0,1fr);gap:10px;margin-bottom:36px}.section-heading h2{font-size:clamp(2.6rem,10vw,4.3rem)}.project-grid{grid-template-columns:1fr}.project-card{min-height:440px;padding:25px}.project-symbol{font-size:8.5rem}.demo-lab{border-radius:20px;min-height:0;display:block}.demo-tabs{border-right:0;border-bottom:1px solid var(--line);scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;padding:9px;overflow-x:auto}.demo-tabs::-webkit-scrollbar{display:none}.demo-tabs:before{display:none}.demo-tabs button{scroll-snap-align:start;min-width:152px;padding:12px}.demo-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--vermilion)}.demo-tabs button small{display:none}.demo-stage{padding:22px 16px}.tool-heading{grid-template-columns:52px minmax(0,1fr);gap:10px}.tool-heading>span{font-size:2.4rem}.tool-layout{grid-template-columns:1fr}.qr-preview{min-height:340px}.repo-actions{margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.report-columns{grid-template-columns:1fr}.report-columns article:first-child{grid-column:auto}.inventory-metrics{grid-template-columns:repeat(2,1fr)}.inventory-toolbar{flex-wrap:wrap;align-items:stretch}.search-field{flex-basis:100%}.stock-head{display:none}.stock-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.row-actions{grid-column:1/-1;justify-content:flex-start}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:260px}.principle-card h3{margin-top:78px}.about-grid{grid-template-columns:1fr;gap:40px}.contact-section{min-height:560px;padding-inline:18px}.contact-symbol{font-size:12rem}footer{flex-direction:column;gap:8px;width:calc(100% - 24px)}.story-grid,.modal-meta{grid-template-columns:1fr}.modal-meta>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}@media (max-width:520px){.brand-seal{width:36px;height:36px}.site-header{padding:8px 9px}.icon-button{width:38px;height:38px}.hero-kicker{letter-spacing:.1em;font-size:.6rem}.hero h1{letter-spacing:-.048em;margin-top:18px;font-size:clamp(2.82rem,14.7vw,4.35rem);line-height:.94}.hero-actions{display:grid}.primary-button,.secondary-button{width:100%;min-height:49px}.hero-art{height:475px}.hero-art-label{flex-direction:column;align-items:flex-start;gap:4px}.hero-proof>div{min-height:66px;padding:9px}.hero-proof strong{white-space:normal;font-size:.68rem;line-height:1.2}.hero-proof small{display:none}.hero-proof svg{width:18px;height:18px}.section{padding:72px 0}.section-heading{display:block}.section-number{margin-bottom:12px}.project-card{min-height:420px}.project-card-top{display:grid}.project-card-top small{text-align:left}.project-symbol{font-size:7rem;top:105px;right:12px}.control-row{grid-template-columns:1fr}.repo-actions{display:grid}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(5){grid-column:1/-1}.report-title{flex-direction:column;align-items:flex-start}.score-header{grid-template-columns:90px minmax(0,1fr);gap:10px}.score-ring{width:86px}.score-header h4{font-size:1.08rem}.source-panel,.audit-panel{padding:11px}.inventory-toolbar .secondary-button{width:calc(50% - 4px)}.inventory-metrics>div,.stock-row{padding:13px}.about-line{grid-template-columns:1fr;gap:5px}.contact-actions{width:min(100%,310px);display:grid}.project-modal{border-radius:19px;padding:25px 18px}.project-modal h2{font-size:3.2rem}.modal-backdrop{padding:8px}}@media (max-width:380px){main{width:calc(100% - 18px)}.site-header{width:calc(100% - 14px)}.brand-copy strong{font-size:.9rem}.hero{padding-top:calc(102px + env(safe-area-inset-top));gap:28px}.hero h1{font-size:clamp(2.62rem,14vw,3.35rem)}.hero-intro{font-size:.92rem;line-height:1.65}.hero-art{height:438px}.hero-proof{gap:5px}.hero-proof>div{padding:8px 7px}.hero-proof strong{font-size:.61rem}.section{padding:64px 0}.project-card{padding:21px 18px}.demo-stage{padding-inline:12px}}@media (max-width:820px){.studio-shell,.studio-fallback-shell{border-radius:15px;inset:4.5% 2% 4%}.studio-topbar,.studio-fallback-top{height:42px;padding-inline:11px}.studio-topbar{grid-template-columns:1fr auto}.studio-topbar strong{justify-self:end;font-size:.61rem}.studio-topbar small{display:none}.studio-viewport{inset:42px 0 31px}.studio-toolbar{border-radius:12px;gap:3px;padding:4px;display:flex;top:auto;bottom:39px;left:50%;transform:translate(-50%)}.studio-toolbar button{border-radius:9px;width:42px;height:42px;font-size:.83rem}.studio-view-controls{inset:50px 8px auto auto;transform:none}.studio-view-controls button{min-width:44px;height:30px}.studio-axis{display:none}.studio-status{text-align:center;justify-content:center;height:31px;padding:0 8px;font-size:.49rem}.studio-status small{display:none}.studio-drag-hint{bottom:62px}.hero-art-label{display:none}}@media (max-width:520px){.studio-shell,.studio-fallback-shell{inset:3% 1.2% 2.5%}.studio-topbar,.studio-fallback-top{height:40px}.studio-topbar>div{font-size:.49rem}.studio-topbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:48%;overflow:hidden}.studio-viewport{inset:40px 0 30px}.studio-toolbar{gap:2px;width:max-content;max-width:calc(100% - 12px);padding:4px;bottom:37px}.studio-toolbar button{flex:0 0 42px;width:42px;height:42px}.studio-view-controls{top:47px;right:6px}.studio-view-controls button{min-width:39px;height:29px;padding-inline:7px;font-size:.47rem}.studio-status{letter-spacing:.035em;height:30px;font-size:.46rem}.studio-drag-hint{display:none}.fallback-gate{width:min(72%,250px)}}@media (max-width:360px){.studio-toolbar button{flex-basis:39px;width:39px;height:39px}.studio-toolbar{bottom:36px}.studio-view-controls button{min-width:36px;padding-inline:5px}.studio-status{font-size:.43rem}}@media (pointer:coarse){.studio-viewport{touch-action:pan-y;cursor:default}.studio-viewport:hover .studio-drag-hint{opacity:0}.studio-toolbar button,.studio-view-controls button{min-height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.studio-toolbar button,.studio-view-controls button{transition:none!important}}@media print{.site-header,.grain,.hero-art,.demo-lab,.contact-actions{display:none!important}body,.app-shell{color:#000;background:#fff}main{width:100%}.hero{grid-template-columns:1fr;min-height:auto;padding:30px 0}.section{break-inside:avoid;padding:35px 0}.project-card,.principle-card,.about-panel{color:#000;box-shadow:none;background:#fff;border-color:#bbb}.project-grid{grid-template-columns:repeat(2,1fr)}}.project-compare{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-top:18px;padding:clamp(18px,3vw,30px)}.compare-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.compare-header>div{font-family:var(--serif);align-items:center;gap:8px;font-size:1.1rem;display:flex}.compare-header svg{color:var(--vermilion-bright)}.compare-header small{color:var(--muted);font-size:.61rem}.compare-selects{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.compare-selects label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:.61rem;display:grid}.compare-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.compare-row{border-top:1px solid var(--line);grid-template-columns:130px repeat(2,minmax(0,1fr));display:grid}.compare-row:first-child{border-top:0}.compare-row>*{border-left:1px solid var(--line);margin:0;padding:13px}.compare-row>:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-left:0;font-size:.62rem}.compare-row p{color:var(--paper-soft);font-size:.68rem;line-height:1.5}.compare-title{background:color-mix(in srgb, var(--paper) 3%, transparent)}.compare-title strong{font-family:var(--serif);font-size:.95rem;font-weight:500}@media (max-width:820px){.compare-header{flex-direction:column;align-items:flex-start}.compare-row{grid-template-columns:90px repeat(2,minmax(0,1fr))}.compare-row>*{padding:10px 8px}}@media (max-width:520px){.compare-selects{grid-template-columns:1fr}.compare-table{overflow-x:auto}.compare-row{min-width:610px}.hud-grid{grid-template-columns:1fr}}:focus-visible{outline:3px solid color-mix(in srgb, var(--brass) 80%, white);outline-offset:3px}.skip-link{z-index:1000;background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 14px;transition:transform .18s;position:fixed;top:12px;left:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.secondary-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.command-list button.active,.command-list button[aria-selected=true]{background:color-mix(in srgb, var(--paper) 9%, transparent);color:var(--paper)}.command-empty{color:var(--muted);margin:8px;padding:14px;font-size:.74rem}.error-fallback{border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));border-radius:var(--radius);background:var(--panel);justify-content:center;align-items:center;gap:16px;min-height:280px;padding:30px;display:flex}.error-fallback>svg{color:var(--danger);flex:none}.error-fallback p{color:var(--muted);margin:5px 0 0;font-size:.73rem}.error-fallback.compact{z-index:6;min-height:0;padding:12px;position:absolute;inset:auto 20px 70px}.error-fallback.compact p{display:none}.error-fallback.compact .secondary-button{min-height:38px}.contrast-status{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;display:flex}.contrast-status.pass{border-color:color-mix(in srgb, var(--success) 50%, var(--line))}.contrast-status.warn{border-color:color-mix(in srgb, var(--warning) 55%, var(--line))}.contrast-status svg{color:var(--success);flex:none}.contrast-status.warn svg{color:var(--warning)}.contrast-status span{display:grid}.contrast-status strong{font-size:.7rem}.contrast-status small{color:var(--muted);font-size:.62rem}.qr-placeholder{aspect-ratio:1;border:1px dashed var(--line-strong);width:min(100%,360px);color:var(--muted);border-radius:14px;place-items:center;display:grid}.tool-message{min-height:1.4em;color:var(--muted);margin:8px 0 14px;font-size:.68rem}.repo-safety-note{color:var(--muted);margin:10px 0;font-size:.64rem}.analysis-status{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 3%, transparent);border-radius:11px;margin:12px 0;padding:12px}.analysis-status>div{color:var(--paper-soft);justify-content:space-between;gap:14px;font-size:.68rem;display:flex}.analysis-status progress{width:100%;height:7px;accent-color:var(--vermilion);margin-top:8px}.partial-warning{border-left:3px solid var(--warning);background:color-mix(in srgb, var(--warning) 8%, transparent);color:var(--paper-soft);padding:10px 12px;font-size:.68rem}.danger-button{border-color:color-mix(in srgb, var(--danger) 55%, var(--line));color:var(--danger)}.contact-grid{text-align:left;border:1px solid var(--line);background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--vermilion) 13%, transparent), transparent 35%), color-mix(in srgb, var(--panel-solid) 94%, transparent);width:min(1120px,100%);box-shadow:var(--shadow);border-radius:36px;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(34px,6vw,80px);padding:clamp(28px,5vw,66px);display:grid;position:relative;overflow:hidden}.contact-copy,.contact-form{z-index:2;position:relative}.contact-copy h2{margin:18px 0;font-size:clamp(3rem,5.5vw,5.6rem)}.contact-copy>p{color:var(--paper-soft);margin:0 0 24px;line-height:1.7}.contact-direct{border-block:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.contact-direct svg{color:var(--vermilion-bright)}.contact-direct div{display:grid}.contact-direct small{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.6rem}.contact-direct a{font-family:var(--serif);font-size:1.05rem}.contact-notes{color:var(--muted);gap:8px;margin:20px 0 0;padding:0;font-size:.68rem;list-style:none;display:grid}.contact-notes li{align-items:center;gap:8px;display:flex}.contact-notes svg{color:var(--success)}.contact-form{border:1px solid var(--line);background:color-mix(in srgb, var(--ink-soft) 88%, transparent);border-radius:20px;padding:clamp(18px,3vw,30px);box-shadow:inset 0 1px #ffffff09}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-form label{color:var(--paper-soft);gap:7px;margin-bottom:12px;font-size:.68rem;font-weight:700;display:grid}.contact-form label small{color:var(--muted);font-weight:400}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 4%, transparent);width:100%;min-width:0;color:var(--paper);border-radius:10px}.contact-form input,.contact-form select{min-height:46px;padding:0 12px}.contact-form textarea{resize:vertical;padding:12px;line-height:1.55}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--brass);box-shadow:0 0 0 3px color-mix(in srgb, var(--brass) 16%, transparent);outline:0}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.contact-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-form-footer>span{color:var(--muted);font-size:.62rem}.contact-form-footer>div{gap:8px;display:flex}.form-status{min-height:2.8em;color:var(--muted);margin:12px 0 0;font-size:.65rem;line-height:1.45}footer a:hover{color:var(--paper)}@media (max-width:980px){.contact-grid{grid-template-columns:1fr}.contact-copy h2{max-width:760px}}@media (max-width:820px){.contact-section{min-height:0;padding-inline:0}.contact-grid{border-radius:24px;padding:26px 20px}.contact-symbol{top:20px;right:-24px}}@media (max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.contact-form-footer{flex-direction:column;align-items:stretch}.contact-form-footer>div{display:grid}.contact-form-footer .primary-button,.contact-form-footer .secondary-button{width:100%}.error-fallback{flex-direction:column;align-items:flex-start}}.studio-topbar{pointer-events:auto}.studio-topbar>div,.studio-topbar>strong{pointer-events:none}.studio-open-composer{color:#eee7d8b8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ede7da09;border:1px solid #ede7da1f;border-radius:7px;justify-self:end;min-height:25px;padding:0 9px;font-size:.48rem;transition:border-color .18s,color .18s,background .18s}.studio-open-composer:hover,.studio-open-composer:focus-visible{color:#fff7e8;background:#a83a2f2e;border-color:#cb4c3d6b}.composer-loading{z-index:500;color:var(--paper-soft);letter-spacing:.12em;text-transform:uppercase;background:#070a08eb;place-items:center;font-size:.72rem;display:grid;position:fixed;inset:0}@media (max-width:820px){.studio-open-composer{min-height:28px;padding-inline:8px}}@media (max-width:520px){.studio-open-composer{text-overflow:ellipsis;white-space:nowrap;max-width:118px;overflow:hidden}}@media (max-width:820px){.studio-topbar{grid-template-columns:minmax(0,1fr) auto}.studio-topbar strong{display:none}.studio-open-composer{justify-self:end}}.section{content-visibility:auto;contain-intrinsic-size:auto 920px}footer{content-visibility:auto;contain-intrinsic-size:auto 120px}.project-card,.principle-card,.about-panel,.demo-lab,.contact-grid,.hero-art,.studio-shell,.scene-composer{contain:layout paint}.deferred-mount{min-width:0}.deferred-placeholder{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper) 2%, transparent);width:100%}.compare-placeholder{min-height:260px;margin-top:22px}.contact-placeholder{border-radius:36px;min-height:560px}.lab-placeholder{min-height:720px}.studio-viewport canvas,.composer-canvas-wrap canvas{image-rendering:auto}@media (max-width:820px),(pointer:coarse){.grain{display:none}.site-header{background:color-mix(in srgb, var(--ink-soft) 96%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000024}.hero-art{box-shadow:0 18px 46px #0003}.sun-disc{box-shadow:0 0 46px color-mix(in srgb, var(--vermilion) 26%, transparent)}.studio-topbar,.studio-toolbar,.studio-view-controls,.studio-drag-hint span,.composer-canvas-help,.composer-backdrop,.mobile-menu{-webkit-backdrop-filter:none}.studio-topbar,.studio-status{background:#0d100feb}.studio-toolbar,.studio-view-controls{background:#0f1311eb}.mobile-menu{background:var(--ink)}.composer-backdrop{background:#050706f0}.lab-placeholder{min-height:520px}.contact-placeholder{min-height:620px}}@media (hover:none) and (pointer:coarse){.primary-button:hover,.secondary-button:hover,.icon-button:hover,.project-card:hover,.studio-toolbar button:hover,.studio-view-controls button:hover{box-shadow:inherit;transform:none}.primary-button,.secondary-button,.icon-button,.studio-toolbar button,.studio-view-controls button{transition-duration:.12s}}@media (max-width:520px){.section{contain-intrinsic-size:auto 760px}.compare-placeholder{min-height:220px}.contact-placeholder{border-radius:22px;min-height:680px}.lab-placeholder{min-height:460px}.hero-art-grid{opacity:.24;background-size:64px 64px}.studio-viewport:after{opacity:.5}}.hero-enter{opacity:0;animation:.62s cubic-bezier(.22,.8,.28,1) forwards hero-enter;transform:translateY(18px)}.hero-enter-1{animation-delay:40ms;transform:translateY(10px)}.hero-enter-2{animation-delay:.1s;transform:translateY(24px)}.hero-enter-3{animation-delay:.17s}.hero-enter-4{animation-delay:.24s}.hero-enter-5{animation-delay:.3s}.hero-art-enter{opacity:0;animation:.72s cubic-bezier(.22,.8,.28,1) .1s forwards hero-art-enter;transform:scale(.985)}@keyframes hero-enter{to{opacity:1;transform:translate(0,0)}}@keyframes hero-art-enter{to{opacity:1;transform:scale(1)}}.reveal-on-view{opacity:0;transition:opacity .54s ease var(--reveal-delay,0s), transform .54s cubic-bezier(.22,.8,.28,1) var(--reveal-delay,0s);transform:translateY(24px)}.reveal-on-view.is-visible{opacity:1;transform:translate(0,0)}.project-card.reveal-on-view{transform:translateY(28px)}.project-card.reveal-on-view.is-visible{transform:translate(0,0)}.mobile-menu{animation:.18s ease-out both mobile-menu-enter}@keyframes mobile-menu-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-enter,.hero-art-enter,.reveal-on-view{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px;overflow-x:clip}body{font-kerning:normal;font-synthesis:none;text-rendering:optimizelegibility;overscroll-behavior-x:none;min-height:100dvh;overflow-x:clip}button,a,input,select,textarea{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent);opacity:1}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill){-webkit-text-fill-color:var(--paper);box-shadow:0 0 0 1000px var(--panel-solid) inset;transition:background-color 9999s ease-out}:is(input:autofill,textarea:autofill,select:autofill){-webkit-text-fill-color:var(--paper);box-shadow:0 0 0 1000px var(--panel-solid) inset;transition:background-color 9999s ease-out}.theme-icon{grid-area:1/1;transition:opacity .16s,transform .16s}.theme-icon-moon{opacity:0;transform:rotate(-18deg)scale(.8)}:root[data-theme=paper] .theme-icon-sun{opacity:0;transform:rotate(18deg)scale(.8)}:root[data-theme=paper] .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}.ui-backdrop-enter{animation:.16s ease-out both ui-backdrop-enter}.ui-panel-enter{animation:.22s cubic-bezier(.22,.8,.28,1) both ui-panel-enter}.ui-command-enter{animation:.18s cubic-bezier(.22,.8,.28,1) both ui-command-enter}@keyframes ui-backdrop-enter{0%{opacity:0}}@keyframes ui-panel-enter{0%{opacity:0;transform:translateY(28px)scale(.985)}}@keyframes ui-command-enter{0%{opacity:0;transform:translateY(-16px)scale(.985)}}.modal-backdrop,.command-backdrop,.mobile-menu,.composer-backdrop{overscroll-behavior:contain}.project-modal,.command-panel{isolation:isolate}.project-modal{scrollbar-gutter:stable}.command-list,.demo-tabs,.composer-object-list{-webkit-overflow-scrolling:touch}.primary-button:active,.secondary-button:active,.icon-button:active,.text-button:active{transform:translateY(0)scale(.985)}button:disabled{pointer-events:none}#work{contain-intrinsic-size:auto 1600px}#lab{contain-intrinsic-size:auto 1060px}#approach{contain-intrinsic-size:auto 760px}#about{contain-intrinsic-size:auto 680px}#contact{contain-intrinsic-size:auto 720px}.hero-art,.project-card,.principle-card{backface-visibility:hidden}.scroll-progress{will-change:transform}.reveal-on-view.is-visible,.hero-enter,.hero-art-enter{will-change:auto}@media (max-width:820px){html{scroll-padding-top:78px}#work{contain-intrinsic-size:auto 2200px}#lab{contain-intrinsic-size:auto 900px}#approach{contain-intrinsic-size:auto 1280px}#about{contain-intrinsic-size:auto 840px}#contact{contain-intrinsic-size:auto 760px}.mobile-menu-inner{padding-bottom:max(40px, env(safe-area-inset-bottom))}.mobile-close{top:max(14px, env(safe-area-inset-top));right:14px}.project-modal{max-height:calc(100dvh - 16px)}.command-backdrop{padding-inline:10px;padding-top:max(74px, env(safe-area-inset-top))}}@media (max-width:520px){.hero h1,.hero-intro,.section-heading p,.project-card>p{text-wrap:pretty}.site-header{border-radius:16px}.project-card,.principle-card,.about-panel{border-radius:17px}}@media (prefers-reduced-transparency:reduce){.site-header,.modal-backdrop,.command-backdrop{-webkit-backdrop-filter:none!important}.site-header{background:var(--panel-solid)}.modal-backdrop,.command-backdrop{background:color-mix(in srgb, var(--ink) 94%, black)}}@media (forced-colors:active){.brand-seal,.primary-button{forced-color-adjust:none}.project-card,.principle-card,.about-panel,.demo-lab{border:1px solid canvastext}}:root{--sumi-0:#090c0b;--sumi-1:#101512;--sumi-2:#171d19;--washi-0:#f3eddf;--washi-1:#cbc2b1;--hanko:#b84034;--hanko-hot:#d45746;--kintsugi:#d2b77f;--kintsugi-soft:color-mix(in srgb, var(--kintsugi) 28%, transparent);--shoji:color-mix(in srgb, var(--paper) 7%, transparent);--surface-line:color-mix(in srgb, var(--paper) 15%, transparent);--signature-corner:2px 22px 2px 22px;--signature-corner-sm:2px 12px 2px 12px;--signature-corner-lg:3px 32px 3px 32px;--signature-shadow:0 24px 72px #0000003d, inset 0 1px #ffffff06;--signature-transition:.22s cubic-bezier(.22, .8, .28, 1)}:root[data-theme=paper]{--sumi-0:#ded5c5;--sumi-1:#e8e0d2;--sumi-2:#f1ebdf;--washi-0:#151a17;--washi-1:#4f554f;--hanko:#a63a30;--hanko-hot:#c64a3b;--kintsugi:#8e6e3c;--shoji:color-mix(in srgb, var(--paper) 8%, transparent);--surface-line:color-mix(in srgb, var(--paper) 18%, transparent);--signature-shadow:0 22px 60px #42301e1f, inset 0 1px #ffffff42}body{font-feature-settings:"kern" 1, "liga" 1, "calt" 1;letter-spacing:-.006em}.app-shell{background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--paper) 2.6%, transparent) 50%, transparent calc(50% + .5px)), radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--hanko) 11%, transparent), transparent 29rem), linear-gradient(180deg, var(--ink), var(--ink) 70%, color-mix(in srgb, var(--moss) 7%, var(--ink)))}.app-shell:before{content:"";z-index:0;pointer-events:none;opacity:.34;background-image:linear-gradient(90deg, var(--shoji) 1px, transparent 1px), linear-gradient(var(--shoji) 1px, transparent 1px);background-size:min(11vw,150px) min(11vw,150px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 36% 78%,#00000029);mask-image:linear-gradient(#0000008c,#0000 36% 78%,#00000029)}main,footer{z-index:1;position:relative}.site-header{z-index:80}.scroll-progress{background:linear-gradient(90deg, var(--hanko), var(--hanko-hot) 72%, var(--kintsugi));height:3px}.site-header{border-color:var(--surface-line);border-radius:var(--signature-corner);background:color-mix(in srgb, var(--ink-soft) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(116%);backdrop-filter:blur(18px)saturate(116%);min-height:64px;box-shadow:0 16px 48px #0003,inset 0 1px #ffffff08}.site-header:before{content:"";background:linear-gradient(90deg, var(--hanko-hot), var(--kintsugi));width:78px;height:2px;position:absolute;top:-1px;left:14px}.site-header:after{content:"";background:var(--kintsugi);opacity:.72;width:42px;height:1px;position:absolute;bottom:-1px;right:15px}.brand-seal{background:linear-gradient(145deg, var(--hanko-hot), var(--hanko));width:40px;height:40px;box-shadow:inset 0 0 0 2px #fff8ea24, 0 8px 24px color-mix(in srgb, var(--hanko) 18%, transparent);border-radius:2px;transform:rotate(-1.5deg)}.brand-copy strong{letter-spacing:.025em}.brand-copy small{letter-spacing:.14em}.desktop-nav a{border-radius:var(--signature-corner-sm);letter-spacing:.075em;text-transform:uppercase;font-size:.7rem;position:relative}.desktop-nav a:after{content:"";background:linear-gradient(90deg, var(--hanko), var(--kintsugi));transform-origin:0;height:1px;transition:transform var(--signature-transition);position:absolute;bottom:5px;left:13px;right:13px;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.desktop-nav a:hover,.desktop-nav a:focus-visible{background:color-mix(in srgb, var(--paper) 4%, transparent)}.icon-button{border-radius:var(--signature-corner-sm);background:color-mix(in srgb, var(--paper) 2.2%, transparent);transition:transform var(--signature-transition), border-color var(--signature-transition), background var(--signature-transition), color var(--signature-transition)}.icon-button:hover{border-color:color-mix(in srgb, var(--kintsugi) 56%, var(--line));background:color-mix(in srgb, var(--paper) 6%, transparent)}.hero{position:relative}.hero:before{content:"";background:linear-gradient(var(--hanko), var(--kintsugi), transparent);opacity:.65;width:1px;height:44%;position:absolute;top:19%;left:-28px}.hero-copy:after{content:"間";z-index:-1;color:color-mix(in srgb, var(--paper) 3.5%, transparent);font-family:var(--serif);pointer-events:none;font-size:clamp(11rem,22vw,22rem);line-height:1;position:absolute;top:-8%;right:1%}.hero-kicker{color:var(--kintsugi);letter-spacing:.18em}.hero-kicker-line{background:linear-gradient(90deg, var(--hanko-hot), var(--kintsugi));width:56px}.hero h1{letter-spacing:-.06em}.hero h1 em{color:var(--hanko-hot);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--kintsugi) 58%, transparent);text-decoration-color:color-mix(in srgb, var(--kintsugi) 58%, transparent);text-underline-offset:.12em}.hero-intro{max-width:650px}.primary-button,.secondary-button{border-radius:var(--signature-corner-sm);letter-spacing:.075em;text-transform:uppercase;transition:transform var(--signature-transition), box-shadow var(--signature-transition), border-color var(--signature-transition), background var(--signature-transition);position:relative;overflow:hidden}.primary-button:after,.secondary-button:after{content:"";background:var(--kintsugi);transform-origin:0;width:36%;height:2px;transition:transform var(--signature-transition);position:absolute;bottom:0;left:0;transform:scaleX(.36)}.primary-button:hover:after,.secondary-button:hover:after{transform:scaleX(1)}.primary-button{background:linear-gradient(145deg, var(--hanko-hot), var(--hanko))}.secondary-button{background:color-mix(in srgb, var(--paper) 2%, transparent)}.hero-proof{border-top-color:var(--surface-line);gap:0}.hero-proof>div{border-left:1px solid var(--line);min-height:58px;padding:0 16px}.hero-proof>div:first-child{border-left:0;padding-left:0}.hero-proof svg{color:var(--kintsugi)}.hero-proof strong{letter-spacing:.02em}.hero-art{border-color:var(--surface-line);background:linear-gradient(145deg, color-mix(in srgb, var(--paper) 4.8%, transparent), transparent 42%), color-mix(in srgb, var(--ink-soft) 95%, transparent);box-shadow:var(--signature-shadow);border-radius:48% 48% 3px 24px/26% 26% 3px 24px}.hero-art:before{content:"";z-index:7;transform-origin:top;background:linear-gradient(transparent, var(--kintsugi), color-mix(in srgb, var(--hanko) 70%, var(--kintsugi)), transparent);opacity:.7;pointer-events:none;width:1px;height:36%;position:absolute;top:8%;left:61%;transform:rotate(28deg)}.hero-art-grid{opacity:.22;background-size:60px 60px}.sun-disc{background:radial-gradient(circle at 35% 35%, #d65c49, var(--hanko) 56%, #70231e);opacity:.78}.vertical-type{color:color-mix(in srgb, var(--paper) 58%, transparent);letter-spacing:.28em}.studio-fallback-shell,.studio-shell{border-radius:var(--signature-corner-lg);border-color:var(--surface-line)}.hero-art-label{border-top:1px solid var(--line);padding-top:12px}.hero-art-label span{letter-spacing:.035em}.section{padding-block:clamp(96px,9vw,132px)}.section:after{content:"";background:linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.section-heading{grid-template-columns:64px minmax(0,790px);gap:24px}.section-number{border:1px solid color-mix(in srgb, var(--hanko) 62%, var(--line));width:42px;height:42px;color:var(--hanko-hot);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--hanko) 5%, transparent);border-radius:2px;place-items:center;margin-top:0;font-size:.78rem;display:grid;transform:rotate(-1deg)}.section-heading>div:last-child{padding-left:20px;position:relative}.section-heading>div:last-child:before{content:"";background:linear-gradient(var(--hanko), var(--kintsugi), transparent 90%);width:1px;height:100%;position:absolute;top:2px;left:0}.eyebrow{color:var(--kintsugi);letter-spacing:.2em}.section-heading h2,.contact-section h2{letter-spacing:-.052em}.section-heading p{max-width:640px}.project-grid{gap:18px}.project-card{border-color:var(--surface-line);border-radius:var(--signature-corner-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--paper) 4%, transparent), transparent 38%), var(--panel);box-shadow:var(--signature-shadow);transition:border-color var(--signature-transition), box-shadow var(--signature-transition), background var(--signature-transition)}.project-card:before{opacity:.14;background-size:72px 72px;-webkit-mask-image:linear-gradient(135deg,#000,#0000 66%);mask-image:linear-gradient(135deg,#000,#0000 66%)}.project-card:after{content:"";z-index:1;background:linear-gradient(var(--hanko-hot), var(--kintsugi));width:3px;height:72px;transition:height var(--signature-transition);position:absolute;top:26px;left:-1px}.project-card:hover{border-color:color-mix(in srgb, var(--kintsugi) 40%, var(--line));box-shadow:0 30px 90px #00000040,inset 0 1px #ffffff09}.project-card:hover:after{height:calc(100% - 52px)}.project-card-top>span{color:var(--hanko-hot)}.project-card-top small{letter-spacing:.12em}.project-symbol{color:color-mix(in srgb, var(--paper) 6.5%, transparent)}.project-card h3{letter-spacing:-.044em}.tag-row{gap:6px}.tag-row span{background:color-mix(in srgb, var(--paper) 1.8%, transparent);letter-spacing:.055em;text-transform:uppercase;border-radius:2px 8px}.text-button{letter-spacing:.08em;text-transform:uppercase;padding-bottom:5px}.text-button:after{content:"";background:linear-gradient(90deg, var(--hanko), var(--kintsugi));transform-origin:0;width:100%;height:1px;transition:transform var(--signature-transition);position:absolute;bottom:0;left:0;transform:scaleX(.28)}.text-button:hover:after,.text-button:focus-visible:after{transform:scaleX(1)}.lab-section:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 2.4%, transparent) 16%, color-mix(in srgb, var(--paper) 2.4%, transparent) 84%, transparent), repeating-linear-gradient(90deg, transparent 0 79px, color-mix(in srgb, var(--paper) 2.4%, transparent) 80px);border-block-color:var(--surface-line)}.lab-loading,.demo-inner-loading,.deferred-placeholder{border-radius:var(--signature-corner-lg)}textarea,input,select{border-radius:var(--signature-corner-sm);background:color-mix(in srgb, var(--ink) 76%, transparent)}textarea:focus,input:focus,select:focus{border-color:color-mix(in srgb, var(--kintsugi) 58%, var(--hanko))}.principles-grid{gap:14px}.principle-card{border-color:var(--surface-line);border-radius:var(--signature-corner);background:linear-gradient(155deg, color-mix(in srgb, var(--paper) 3%, transparent), transparent 50%), var(--panel);box-shadow:inset 0 1px #ffffff05}.principle-card:after{content:"";background:linear-gradient(90deg, var(--hanko), transparent 42%, var(--kintsugi));opacity:.65;height:2px;position:absolute;bottom:0;left:24px;right:24px}.principle-card small{color:var(--hanko-hot)}.principle-mark{color:color-mix(in srgb, var(--paper) 5%, transparent)}.about-panel{border-top-color:var(--kintsugi-soft);position:relative}.about-panel:before{content:"";background:linear-gradient(var(--hanko), var(--kintsugi), transparent);width:1px;position:absolute;top:0;bottom:0;left:-18px}.about-line{border-bottom-color:var(--surface-line)}.about-line span{letter-spacing:.14em}.contact-section:before{border-color:var(--surface-line);background:linear-gradient(135deg, transparent 57%, color-mix(in srgb, var(--kintsugi) 30%, transparent) 57.2%, transparent 57.5%), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--hanko) 12%, transparent), transparent 45%), var(--panel);box-shadow:var(--signature-shadow);border-radius:50% 50% 3px 28px/34% 34% 3px 28px;inset:8% 0}.contact-symbol{color:color-mix(in srgb, var(--paper) 3.5%, transparent)}footer{border-top-color:var(--kintsugi-soft);letter-spacing:.1em;text-transform:uppercase}footer a{position:relative}footer a:after{content:"";background:var(--kintsugi);height:1px;transition:transform var(--signature-transition);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}footer a:hover:after,footer a:focus-visible:after{transform:scaleX(1)}.project-modal,.command-panel{border-color:var(--surface-line);border-radius:var(--signature-corner-lg);box-shadow:0 44px 130px #0000007a,inset 0 1px #ffffff08}.project-modal:before,.command-panel:before{content:"";z-index:2;background:linear-gradient(90deg, var(--hanko-hot), var(--kintsugi));width:84px;height:2px;position:absolute;top:-1px;left:28px}.modal-close{border-radius:var(--signature-corner-sm)}.modal-kicker{letter-spacing:.12em}.modal-kicker span{color:var(--hanko-hot)}.modal-meta{border-block-color:var(--surface-line)}.modal-meta>div+div{border-left-color:var(--surface-line)}.mobile-menu{background:radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--hanko) 12%, transparent), transparent 24rem), var(--ink)}.mobile-menu:before{content:"";background:linear-gradient(transparent, var(--hanko) 18%, var(--kintsugi) 54%, transparent 88%);width:1px;position:absolute;top:0;bottom:0;left:22px}.mobile-menu-inner a{border-bottom-color:var(--surface-line)}@media (max-width:820px){.app-shell:before{opacity:.2;background-size:86px 86px}.site-header{border-radius:2px 17px}.hero:before{display:none}.hero-copy:after{font-size:13rem;top:-2%;right:-8%}.hero-proof>div{padding-inline:10px}.section-heading{grid-template-columns:48px minmax(0,1fr);gap:14px}.section-heading>div:last-child{padding-left:14px}.section-number{width:36px;height:36px}.project-card,.principle-card{border-radius:2px 18px}.contact-section:before{border-radius:42% 42% 2px 20px/20% 20% 2px 20px}}@media (max-width:520px){.app-shell:before{background-size:72px 72px}.site-header{border-radius:2px 14px}.brand-seal{width:36px;height:36px}.hero-copy:after{opacity:.7}.hero-art{border-radius:42% 42% 2px 18px/20% 20% 2px 18px}.hero-proof{grid-template-columns:1fr}.hero-proof>div{border-left:0;border-top:1px solid var(--line);min-height:48px;padding:8px 0}.hero-proof>div:first-child{border-top:0}.section-heading{grid-template-columns:40px minmax(0,1fr)}.section-number{width:32px;height:32px;font-size:.68rem}.project-card:after{height:54px;top:20px}.primary-button,.secondary-button{width:100%}footer{text-transform:none;letter-spacing:.06em}}@media (prefers-reduced-motion:reduce){.desktop-nav a:after,.primary-button:after,.secondary-button:after,.text-button:after,footer a:after,.project-card:after{transition:none}}.mobile-dock{display:none}@media (max-width:820px){:root{--mobile-dock-space:calc(82px + env(safe-area-inset-bottom))}html{scroll-padding-top:72px}body{padding-bottom:var(--mobile-dock-space)}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px}.site-header{will-change:transform;transition:transform .28s cubic-bezier(.22,.8,.28,1),min-height .2s,background .2s,box-shadow .2s}.site-header.is-compact{background:color-mix(in srgb, var(--ink-soft) 98%, transparent);min-height:54px;box-shadow:0 8px 24px #0000002e}.site-header.is-hidden{transform:translateY(calc(-100% - 24px))}.header-actions [data-action=command-palette]{display:none}.header-actions{gap:5px}.brand-seal,.icon-button{flex:none}.mobile-dock{z-index:115;left:50%;bottom:max(8px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--kintsugi) 20%, var(--line));background:color-mix(in srgb, var(--ink-soft) 97%, black);contain:layout paint;border-radius:2px 20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:min(100% - 18px,480px);min-height:66px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff09}.mobile-dock:before{content:"";background:linear-gradient(90deg, var(--hanko-hot), var(--kintsugi));height:2px;position:absolute;top:-1px;left:18px;right:55%}.mobile-dock a{min-width:0;min-height:52px;color:var(--muted);letter-spacing:.02em;border:1px solid #0000;border-radius:2px 12px;align-content:center;place-items:center;gap:3px;padding:5px 2px 4px;font-size:.57rem;font-weight:700;transition:color .16s,background .16s,border-color .16s,transform .12s;display:grid}.mobile-dock a svg{stroke-width:1.8px;width:19px;height:19px}.mobile-dock a[aria-current=page]{color:var(--paper);border-color:color-mix(in srgb, var(--kintsugi) 28%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--hanko) 18%, transparent), color-mix(in srgb, var(--paper) 4%, transparent))}.mobile-dock a[aria-current=page] svg{color:var(--kintsugi)}.mobile-dock a:active{transform:scale(.94)}main{width:min(calc(100% - 24px), var(--max))}.hero{padding-top:calc(96px + env(safe-area-inset-top));gap:28px;padding-bottom:42px}.hero-copy{max-width:680px}.hero-kicker{gap:9px;line-height:1.45}.hero-kicker-line{width:32px}.hero h1{max-width:12ch;margin:20px 0 18px;font-size:clamp(3rem,12vw,5rem);line-height:.95}.hero-intro{max-width:62ch;font-size:1rem;line-height:1.68}.hero-actions{margin-top:26px}.hero-actions>a{min-height:50px}.hero-proof{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;gap:9px;margin:28px -12px 0;padding:18px 12px 4px;scroll-padding-inline:12px;display:flex;overflow-x:auto}.hero-proof::-webkit-scrollbar{display:none}.hero-proof>div{flex-direction:initial;border:1px solid var(--surface-line);background:color-mix(in srgb, var(--paper) 3.5%, transparent);scroll-snap-align:start;border-radius:2px 14px;grid-template-columns:22px minmax(0,1fr);align-content:center;align-items:center;gap:10px;min-width:min(72vw,230px);min-height:72px;padding:12px 13px;display:grid}.hero-proof span{gap:2px}.hero-proof strong{white-space:normal;font-size:.73rem}.hero-proof small{white-space:normal;font-size:.62rem;display:block}.hero-art{height:clamp(390px,112vw,540px);min-height:380px;max-height:58dvh}.sun-disc{width:min(116vw,470px)}.section{padding:76px 0;scroll-margin-top:76px}.section-heading{grid-template-columns:42px minmax(0,1fr);gap:12px;margin-bottom:32px}.section-heading>div:last-child{padding-left:10px}.section-heading h2,.contact-section h2{margin-top:13px;font-size:clamp(2.55rem,10.8vw,4.25rem);line-height:1.02}.section-heading p{font-size:.96rem;line-height:1.67}.project-grid{gap:12px}.project-card{min-height:0;padding:24px 21px}.project-card h3{font-size:clamp(2.35rem,10vw,3.5rem)}.project-card>p{line-height:1.62}.tag-row{margin:18px 0}.tag-row span{align-items:center;min-height:30px;display:inline-flex}.text-button{min-height:44px;padding-block:8px}.principles-grid{gap:10px}.principle-card{min-height:0;padding:24px 21px}.principle-card h3{margin-top:70px}.about-panel{padding:8px 20px}.about-line{min-height:74px}.demo-tabs{z-index:12;scroll-padding-inline:9px;position:sticky;top:0}.demo-tabs button{min-width:148px;min-height:50px}.demo-stage{padding:22px 16px max(26px, env(safe-area-inset-bottom))}.tool-heading{margin-bottom:24px}.tool-actions .primary-button,.tool-actions .secondary-button,.repo-actions .primary-button,.repo-actions .secondary-button{min-height:48px}.row-actions button{width:44px;height:44px}.contact-section{min-height:0;padding:72px 0}.contact-grid{border-radius:2px 22px;gap:28px;padding:24px 18px}.contact-form{border-radius:2px 16px;padding:18px 14px}.contact-form input,.contact-form select{min-height:50px}.contact-form textarea{min-height:150px}.contact-form-footer>div{gap:9px}.contact-form-footer button{min-height:50px}.modal-backdrop{background:#050806db;place-items:end center;padding:0}.project-modal{width:100%;max-height:calc(94dvh - env(safe-area-inset-top));padding:36px 20px max(28px, env(safe-area-inset-bottom));scrollbar-gutter:auto;border-width:1px 0 0;border-radius:22px 22px 0 0}.project-modal:after,.command-panel:after{content:"";background:color-mix(in srgb, var(--paper) 22%, transparent);border-radius:999px;width:42px;height:4px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.project-modal h2{font-size:clamp(3rem,14vw,5rem)}.modal-close{margin-left:auto;position:sticky;top:0}.command-backdrop{place-items:end center;padding:0}.command-panel{border-width:1px 0 0;border-radius:22px 22px 0 0;width:100%;max-height:min(78dvh,650px);padding-top:22px}.command-list{max-height:min(52dvh,430px)}.command-list button{min-height:50px}.mobile-menu-inner{padding-top:calc(82px + env(safe-area-inset-top));padding-bottom:calc(var(--mobile-dock-space) + 18px)}.mobile-menu-inner a{min-height:64px;padding:13px 2px}footer{padding-bottom:14px}}@media (max-width:520px){:root{--mobile-dock-space:calc(78px + env(safe-area-inset-bottom))}main{width:calc(100% - 20px)}.site-header{width:calc(100% - 16px)}.brand-copy strong{font-size:.92rem}.header-actions{gap:3px}.icon-button{width:40px;height:40px}.mobile-dock{width:calc(100% - 12px);min-height:63px;padding:5px}.mobile-dock a{min-height:51px;font-size:.53rem}.mobile-dock a svg{width:18px;height:18px}.hero{padding-top:calc(92px + env(safe-area-inset-top));gap:24px}.hero h1{font-size:clamp(2.72rem,14.1vw,4.15rem)}.hero-intro{font-size:.96rem}.hero-actions{gap:8px}.hero-proof{margin-inline:-10px;padding-inline:10px}.hero-proof>div{min-width:min(78vw,220px)}.hero-art{height:clamp(370px,118vw,485px);min-height:360px;max-height:58dvh}.section{padding:66px 0}.section-heading{grid-template-columns:36px minmax(0,1fr);gap:9px;display:grid}.section-heading>div:last-child{padding-left:7px}.section-number{width:30px;height:30px}.section-heading h2{font-size:clamp(2.35rem,11.3vw,3.55rem)}.section-heading p{font-size:.92rem}.project-card{padding:21px 18px}.project-card h3{margin-top:145px}.project-symbol{font-size:6.5rem;top:72px}.contact-grid{padding-inline:14px}.contact-form{margin-inline:-2px}.form-row{grid-template-columns:1fr}.contact-form-footer{gap:9px}.contact-form-footer>span{text-align:right;order:2}.project-modal{padding-inline:17px}.story-card{padding:17px 15px}}@media (max-width:360px){:root{--mobile-dock-space:calc(74px + env(safe-area-inset-bottom))}.mobile-dock{border-radius:2px 16px}.mobile-dock a{gap:2px;font-size:.49rem}.mobile-dock a svg{width:17px;height:17px}.brand-copy{display:none}.hero h1{font-size:clamp(2.5rem,13.5vw,3.15rem)}.hero-art{height:350px;min-height:350px}.section-heading{grid-template-columns:32px minmax(0,1fr)}.section-heading>div:last-child{padding-left:4px}.project-card h3{margin-top:130px}.project-symbol{font-size:5.9rem}}@media (max-width:932px) and (orientation:landscape) and (max-height:540px){:root{--mobile-dock-space:calc(62px + env(safe-area-inset-bottom))}.mobile-dock{width:min(390px,100% - 18px);min-height:54px;padding:4px}.mobile-dock a{min-height:44px}.mobile-dock a span{display:none}.site-header{min-height:52px}.hero{min-height:100dvh;padding-top:calc(76px + env(safe-area-inset-top));grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);align-items:center;gap:24px}.hero h1{font-size:clamp(2.5rem,6.7vw,4rem)}.hero-intro{font-size:.87rem;line-height:1.5}.hero-actions{margin-top:18px;display:flex}.hero-actions>a{width:auto;min-height:44px}.hero-proof{display:none}.hero-art{height:min(72dvh,390px);min-height:300px}.section{padding:58px 0}.project-modal{max-height:96dvh}}.contact-placeholder{min-height:1040px}@media (min-width:821px){.contact-copy{align-self:start;position:sticky;top:112px}}@media (max-width:820px){.contact-placeholder{min-height:1720px}}@media (max-width:380px){.contact-placeholder{min-height:1840px}}.hero-personal-rule{border-left:2px solid var(--hanko-hot,var(--vermilion-bright));background:linear-gradient(90deg, color-mix(in srgb, var(--hanko,var(--vermilion)) 10%, transparent), transparent 82%);width:-moz-fit-content;width:fit-content;max-width:690px;color:var(--paper-soft);font-family:var(--serif);align-items:baseline;gap:10px;margin:24px 0 0;padding:11px 14px 11px 16px;font-size:.88rem;line-height:1.55;display:flex}.hero-personal-rule span{color:var(--kintsugi,var(--brass));font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:.58rem;font-weight:760}.personal-note{border:1px solid var(--surface-line,var(--line));border-radius:var(--signature-corner,2px 18px 2px 18px);background:linear-gradient(135deg, color-mix(in srgb, var(--hanko,var(--vermilion)) 8%, transparent), transparent 48%), color-mix(in srgb, var(--paper) 2.5%, transparent);max-width:680px;margin:34px 0 0 74px;padding:24px 26px 25px;position:relative;box-shadow:inset 0 1px #ffffff06}.personal-note:before{content:"言";color:color-mix(in srgb, var(--paper) 6%, transparent);font-family:var(--serif);font-size:4.5rem;line-height:1;position:absolute;top:8px;right:18px}.personal-note span{color:var(--kintsugi,var(--brass));letter-spacing:.15em;text-transform:uppercase;font-size:.61rem;font-weight:760}.personal-note p{max-width:570px;color:var(--paper);font-family:var(--serif);margin:13px 0 0;font-size:clamp(1.16rem,1.8vw,1.42rem);line-height:1.48;position:relative}.personality-panel .about-line strong{line-height:1.48}.about-line-human strong{color:color-mix(in srgb, var(--paper) 78%, var(--kintsugi,var(--brass)))}@media (max-width:820px){.hero-personal-rule{flex-direction:column;gap:4px;margin-top:20px;font-size:.84rem}.personal-note{margin:26px 0 0;padding:20px 20px 21px}.personal-note:before{font-size:3.7rem;right:12px}.personal-note p{max-width:calc(100% - 18px);font-size:1.12rem}}@media (max-width:520px){.hero-personal-rule{width:100%;padding:10px 12px}.personal-note{border-radius:2px 14px}.personality-panel .about-line{min-height:0;padding-block:17px}}@media (max-width:360px){.hero-personal-rule{font-size:.78rem}.personal-note p{font-size:1.02rem}}@media (prefers-reduced-motion:reduce){.hero-personal-rule,.personal-note{scroll-behavior:auto}}.project-personal-take{border:1px solid var(--surface-line,var(--line));border-left:2px solid var(--hanko-hot,var(--vermilion-bright));border-radius:var(--signature-corner-sm,2px 12px 2px 12px);background:linear-gradient(110deg, color-mix(in srgb, var(--hanko,var(--vermilion)) 9%, transparent), transparent 68%);margin:22px 0 28px;padding:18px 20px 19px;position:relative;overflow:hidden}.project-personal-take:after{content:"私";color:color-mix(in srgb, var(--paper) 5%, transparent);font-family:var(--serif);font-size:4.8rem;line-height:1;position:absolute;bottom:-15px;right:14px}.project-personal-take small{color:var(--kintsugi,var(--brass));letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-weight:760}.project-personal-take p{z-index:1;max-width:760px;color:var(--paper-soft);font-family:var(--serif);margin:9px 0 0;font-size:1.08rem;line-height:1.55;position:relative}@media (max-width:820px){.project-personal-take{padding:16px 17px 17px}.project-personal-take p{font-size:1rem}}.hero-fit-banner{border:1px solid var(--surface-line,var(--line));border-left:2px solid var(--kintsugi,var(--brass));border-radius:var(--signature-corner-sm,2px 12px 2px 12px);background:linear-gradient(100deg, color-mix(in srgb, var(--kintsugi,var(--brass)) 8%, transparent), color-mix(in srgb, var(--paper) 2%, transparent));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;max-width:760px;margin-top:22px;padding:13px 15px;display:grid}.hero-fit-banner>svg{color:var(--kintsugi,var(--brass))}.hero-fit-banner>span{gap:3px;min-width:0;display:grid}.hero-fit-banner strong{font-size:.75rem;line-height:1.4}.hero-fit-banner small{color:var(--muted);font-size:.65rem;line-height:1.45}.hero-fit-banner a{color:var(--paper);white-space:nowrap;align-items:center;gap:6px;font-size:.67rem;font-weight:760;display:inline-flex}.hero-fit-banner a:hover,.hero-fit-banner a:focus-visible{color:var(--hanko-hot,var(--vermilion-bright))}.decision-section:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 2.2%, transparent), transparent 65%);border-block:1px solid var(--surface-line,var(--line));z-index:-1;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.decision-brief{gap:18px;display:grid}.decision-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.decision-path{border:1px solid var(--surface-line,var(--line));border-radius:var(--signature-corner,2px 22px 2px 22px);background:linear-gradient(145deg, color-mix(in srgb, var(--paper) 4%, transparent), transparent 48%), var(--panel);min-width:0;padding:clamp(24px,3vw,38px);position:relative;overflow:hidden;box-shadow:0 22px 62px #00000024}.decision-path:after{content:"";opacity:.14;pointer-events:none;background-image:linear-gradient(var(--surface-line,var(--line)) 1px, transparent 1px), linear-gradient(90deg, var(--surface-line,var(--line)) 1px, transparent 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 58%);mask-image:linear-gradient(135deg,#000,#0000 58%)}.decision-path>*{z-index:1;position:relative}.decision-path header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.decision-path-icon{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--kintsugi,var(--brass));background:color-mix(in srgb, var(--paper) 4%, transparent);border-radius:2px 13px;place-items:center;display:grid}.decision-path header small{color:var(--kintsugi,var(--brass));letter-spacing:.14em;text-transform:uppercase;font-size:.61rem;font-weight:760}.decision-path h3{font-family:var(--serif);letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:500;line-height:1.08}.decision-path>p{max-width:680px;color:var(--paper-soft);margin:22px 0;line-height:1.7}.decision-path dl{border-top:1px solid var(--surface-line,var(--line));margin:0;display:grid}.decision-path dl>div{border-bottom:1px solid var(--surface-line,var(--line));grid-template-columns:minmax(112px,.34fr) minmax(0,1fr);gap:15px;padding:14px 0;display:grid}.decision-path dt{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:730}.decision-path dd{color:var(--paper-soft);margin:0;font-size:.75rem;line-height:1.55}.decision-actions{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.decision-actions .primary-button,.decision-actions .secondary-button{min-height:44px}.decision-path-recruiter{border-top-color:color-mix(in srgb, var(--kintsugi,var(--brass)) 72%, var(--line))}.decision-path-client{border-top-color:color-mix(in srgb, var(--hanko-hot,var(--vermilion-bright)) 66%, var(--line))}.decision-proof-strip{border:1px solid var(--surface-line,var(--line));border-radius:var(--signature-corner,2px 18px 2px 18px);background:color-mix(in srgb, var(--paper) 2.2%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;display:grid}.decision-proof-strip>div{border-right:1px solid var(--surface-line,var(--line));align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex}.decision-proof-strip>div:last-child{border-right:0}.decision-proof-strip svg{color:var(--moss);flex:none;margin-top:2px}.decision-proof-strip span{gap:3px;min-width:0;display:grid}.decision-proof-strip strong{font-size:.71rem;line-height:1.4}.decision-proof-strip small{color:var(--muted);font-size:.61rem;line-height:1.45}.review-route{border-left:2px solid var(--hanko-hot,var(--vermilion-bright));background:linear-gradient(90deg, color-mix(in srgb, var(--hanko,var(--vermilion)) 8%, transparent), transparent 75%);justify-content:space-between;align-items:center;gap:22px;padding:18px 20px;display:flex}.review-route>div{gap:4px;display:grid}.review-route small{color:var(--kintsugi,var(--brass));letter-spacing:.13em;text-transform:uppercase;font-size:.6rem;font-weight:760}.review-route strong{font-family:var(--serif);font-size:1.03rem;font-weight:500}.review-route nav{flex-wrap:wrap;gap:8px;display:flex}.review-route nav a{border:1px solid var(--surface-line,var(--line));min-height:38px;color:var(--paper-soft);border-radius:2px 10px;align-items:center;padding:0 12px;font-size:.65rem;font-weight:720;display:inline-flex}.review-route nav a:hover,.review-route nav a:focus-visible{color:var(--paper);border-color:var(--line-strong);background:color-mix(in srgb, var(--paper) 5%, transparent)}.project-decision-signals{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 0;display:grid;position:relative}.project-decision-signals>div{border:1px solid var(--surface-line,var(--line));border-radius:var(--signature-corner-sm,2px 10px 2px 10px);background:color-mix(in srgb, var(--paper) 2.5%, transparent);gap:5px;min-width:0;padding:12px 13px;display:grid}.project-decision-signals small,.decision-signal-grid small{color:var(--kintsugi,var(--brass));letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:760}.project-decision-signals span{color:var(--muted);font-size:.64rem;line-height:1.5}.decision-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 24px;display:grid}.decision-signal-grid article{border:1px solid var(--surface-line,var(--line));border-radius:var(--signature-corner-sm,2px 12px 2px 12px);background:color-mix(in srgb, var(--paper) 2.5%, transparent);padding:16px 17px}.decision-signal-grid p{color:var(--paper-soft);margin:8px 0 0;font-size:.78rem;line-height:1.58}@media (max-width:980px){.decision-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-proof-strip>div:nth-child(2){border-right:0}.decision-proof-strip>div:nth-child(-n+2){border-bottom:1px solid var(--surface-line,var(--line))}}@media (max-width:820px){.hero-fit-banner{grid-template-columns:auto minmax(0,1fr)}.hero-fit-banner a{grid-column:2;width:-moz-fit-content;width:fit-content;min-height:32px}.decision-path-grid{grid-template-columns:1fr}.decision-path{padding:25px 21px}.decision-path dl>div{grid-template-columns:110px minmax(0,1fr)}.review-route{flex-direction:column;align-items:flex-start}.review-route nav{width:100%}.review-route nav a{flex:auto;justify-content:center}.project-decision-signals,.decision-signal-grid{grid-template-columns:1fr}}@media (max-width:520px){.hero-fit-banner{gap:9px;padding:12px}.hero-fit-banner strong{font-size:.7rem}.hero-fit-banner small{font-size:.61rem}.decision-path{padding:22px 17px}.decision-path header{gap:11px}.decision-path h3{font-size:1.72rem}.decision-path dl>div{grid-template-columns:1fr;gap:5px}.decision-actions{grid-template-columns:1fr;display:grid}.decision-actions a{width:100%}.decision-proof-strip{grid-template-columns:1fr;padding:8px 13px}.decision-proof-strip>div{border-right:0;border-bottom:1px solid var(--surface-line,var(--line));padding:13px 4px}.decision-proof-strip>div:last-child{border-bottom:0}.review-route{padding:17px 15px}.review-route nav{grid-template-columns:repeat(2,1fr);display:grid}}html,body{max-width:100%;overflow-x:clip}body{overflow-wrap:break-word}main,section,article,aside,form,nav,header,footer{min-width:0}img,svg,canvas{max-width:100%}.brand,.brand-copy,.desktop-nav,.header-actions{min-width:0}.desktop-nav a{white-space:nowrap;position:relative}.header-actions{flex:none}.project-card{transform-style:flat;isolation:isolate;overflow:clip}.project-card>*,.project-evidence,.project-verification-row{min-width:0}.project-card-top small,.project-card h3,.project-card>p,.project-decision-signals span{overflow-wrap:anywhere}.modal-backdrop,.command-backdrop{overscroll-behavior:contain}.project-modal,.command-panel{scrollbar-gutter:stable;overscroll-behavior:contain}.project-modal h2{overflow-wrap:anywhere;max-width:14ch}.modal-close{margin-left:auto}@media (max-width:820px){.site-header{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right))}}:root{--folio-red:#c64738;--folio-red-deep:#8e2f27;--folio-gold:#c7a76b;--folio-hairline-strong:color-mix(in srgb,var(--paper) 24%,transparent);--folio-cut-sm:2px 12px 2px 12px}:root[data-theme=paper]{--folio-red:#b84134;--folio-red-deep:#892d26;--folio-gold:#8c6c37}.site-header{border-radius:var(--folio-cut-sm)}.hero h1{letter-spacing:-.068em;max-width:910px;font-size:clamp(4rem,6.75vw,7.45rem);line-height:.89}.hero h1 em{color:var(--folio-red);text-decoration:none}.hero-art{border-color:var(--folio-hairline-strong);border-radius:2px 116px 2px 42px}@media (max-width:1100px){.hero h1{font-size:clamp(3.65rem,6.6vw,5.8rem)}}@media (max-width:820px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(3.25rem,12.8vw,5.4rem)}.hero-art{border-radius:2px 68px 2px 30px}}@media (max-width:520px){.hero h1{font-size:clamp(3rem,13.2vw,4.5rem)}.hero-art{border-radius:2px 48px 2px 24px}}