:root{--color-bg: #f4efe7;--color-surface: #ffffff;--color-surface-muted: #ece5d9;--color-panel: #121923;--color-text: #1f252c;--color-text-muted: #5d6672;--color-accent: #2f7c7b;--color-highlight: #f0c8a2;--font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-md: 12px;--radius-lg: 18px;--frame-radius: 28px;--shadow-soft: 0 14px 30px rgba(15, 20, 30, .12);--shadow-subtle: 0 6px 16px rgba(15, 20, 30, .08);--shadow-card: 0 10px 30px rgba(15, 20, 30, .12), 0 4px 12px rgba(15, 20, 30, .08);--shadow-card-hover: 0 20px 48px rgba(15, 20, 30, .18), 0 8px 24px rgba(15, 20, 30, .12);--max-width: 1360px;--page-padding-x: 1.8rem;--page-padding-y: 4rem;--hud-logo-filter: none;--hud-logo-bg: transparent;--rainbow-gradient: linear-gradient( 115deg, #6ae3ff, #9fffd6, #fff3a6, #ffcbb8, #ff9bd1, #9ebdff, #6ae3ff );--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-med: .32s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;width:100%;overscroll-behavior-y:none}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at top,#999278 0 45%,#999278);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;--grid-color: rgba(114, 114, 114, .22);background-image:linear-gradient(0deg,transparent 24%,var(--grid-color) 25%,var(--grid-color) 26%,transparent 27%,transparent 74%,var(--grid-color) 75%,var(--grid-color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--grid-color) 25%,var(--grid-color) 26%,transparent 27%,transparent 74%,var(--grid-color) 75%,var(--grid-color) 76%,transparent 77%,transparent);background-size:55px 55px;z-index:0}a{color:var(--color-accent);text-decoration:none;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:hover,a:focus-visible{text-decoration:underline}.frame-border{min-height:100vh;padding:1.2rem;display:flex;align-items:stretch;justify-content:center;background:transparent;box-sizing:border-box;position:relative;z-index:1}.frame-border-inner{flex:1;max-width:1560px;margin:0 auto;padding:1px;border-radius:var(--frame-radius);background:var(--rainbow-gradient);background-size:280% 280%;animation:rainbow-border 3s ease infinite;box-shadow:0 0 0 1px #ffffff26,0 22px 70px #0009}.frame-inner{border-radius:inherit;overflow-x:hidden;background:radial-gradient(circle at top right,#f9f4ec 0,var(--color-bg) 42%,#e9e1d4 100%);display:flex;flex-direction:column;min-height:calc(100vh - 2.4rem)}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-card,.principle-card,.case-panel,.mode-card{position:relative;isolation:isolate;z-index:0}.hero-card:before,.principle-card:before,.case-panel:before,.mode-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:var(--rainbow-gradient);background-size:320% 320%;animation:rainbow-border-loop 3.5s linear infinite;opacity:0;transition:opacity var(--transition-fast);z-index:-1;pointer-events:none;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media(hover:hover){.hero-card:hover:before,.principle-card:hover:before,.case-panel:hover:before,.mode-card:hover:before{opacity:1}}.hero-card.is-active:before{opacity:1}.principle-card.is-active:before,.case-panel.is-active:before,.mode-card.is-active:before{opacity:1}@keyframes rainbow-border-loop{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}body.theme-night{--color-bg: #0f131c;--color-surface: #141b26;--color-surface-muted: #1b2330;--color-panel: #0b0f15;--color-text: #e6ecf5;--color-text-muted: #9fb0c7;--color-accent: #4fc3ba;--color-highlight: #2d8bf0;--hud-logo-filter: invert(1) brightness(1.05);--hud-logo-bg: rgba(255, 255, 255, .05);background:radial-gradient(circle at top,#111827 0,#0f141d 45%,#0b1018);color:var(--color-text)}.theme-night .frame-inner{background:radial-gradient(circle at top right,#1a2230 0,var(--color-bg) 42%,#0c1119 100%)}.theme-night{--rainbow-gradient: linear-gradient( 135deg, #0b121e, #122a48, #1d3e62, #245480, #1d3e62, #122a48 )}.theme-night .hud-nav a{color:#e2eaf5}.theme-night .hud-nav a:after{background:var(--color-accent)}.theme-night ::selection{background:#4fc3ba4d;color:#e6ecf5}.theme-night ::-moz-selection{background:#4fc3ba4d;color:#e6ecf5}.theme-night .btn-secondary{background:#ffffff1f;color:#e6ecf5;border-color:#ffffff2e}.theme-night .btn-secondary:hover,.theme-night .btn-secondary:focus-visible{background:#ffffff2e;border-color:#ffffff47}.theme-night .hero-card{background:#141b26e6;border-color:#ffffff0f}.theme-night .hero-card-body,.theme-night .hero-list{color:#cfd8e6}.theme-night .hero-card-tag{background:#ffffff14;color:#cfd8e6}.hud{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,#f4efe7eb,#f4efe7d1);border-bottom:1px solid rgba(0,0,0,.04)}.hud-inner{margin:0 auto;max-width:var(--max-width);padding:.9rem var(--page-padding-x);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:nowrap;overflow-x:visible}.hud-left{display:flex;align-items:center;gap:.7rem;row-gap:.08rem;font-family:var(--font-mono);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);flex-shrink:1;min-width:0;flex-wrap:wrap;white-space:normal}.hud-mark{width:30px;height:30px;display:block;border-radius:8px;object-fit:contain;box-shadow:0 0 0 1px #0000001a;filter:var(--hud-logo-filter);background:var(--hud-logo-bg)}.hud-name{font-weight:500;color:var(--color-text);white-space:nowrap;flex-shrink:0}.hud-studio-text{flex-basis:100%;width:100%;margin-top:.06rem;margin-left:0;height:auto;line-height:1.2}.hud-right{display:flex;align-items:center;gap:1.5rem;font-size:.95rem;position:relative;flex-shrink:0;min-width:fit-content}.theme-toggle-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle-inline{display:none;align-items:center;flex-shrink:0;white-space:nowrap}.theme-switch{--toggle-size: 16px;--container-width: 5.625em;--container-height: 2.5em;--container-radius: 6.25em;--container-light-bg: #3D7EAE;--container-night-bg: #1D1F2C;--circle-container-diameter: 3.375em;--sun-moon-diameter: 2.125em;--sun-bg: #ECCA2F;--moon-bg: #C4C9D1;--spot-color: #959DB1;--circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color: #fff;--clouds-color: #F3FDFF;--back-clouds-color: #AACADF;--transition: .5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition: .3s cubic-bezier(0, -.02, .35, 1.17);display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-shrink:0}.theme-switch,.theme-switch *,.theme-switch *:before,.theme-switch *:after{box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius)}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:flex;transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;transition:var(--transition)}.theme-switch__moon{transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);box-shadow:0 .0312em .062em #00000040 inset}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-toggle-mobile{display:none}.hud-menu-toggle{display:none;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0;min-width:36px;width:36px;height:36px}.hud-menu-toggle:hover,.hud-menu-toggle:focus-visible{transform:translateY(-1px)}.hamburger{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;width:36px;height:36px}.hamburger input{display:none}.hamburger svg{height:2.2em;width:2.2em;min-width:2.2em;flex-shrink:0;transition:transform .6s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision;transform-origin:center}.hamburger .line{fill:none;stroke:var(--color-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.hamburger .line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}@media(max-width:768px){.hamburger svg{height:2.4em;width:2.4em;min-width:2.4em}}@media(min-width:769px){.hud-menu-toggle{display:none!important}}.hud-nav{display:flex;align-items:center;gap:.9rem}.hud-nav a{position:relative;font-size:.95rem;font-weight:500;color:var(--color-text-muted);padding-bottom:.15rem}.hud-nav a:after{content:"";position:absolute;left:0;bottom:-.15rem;width:0;height:2px;border-radius:999px;background:var(--color-accent);transition:width var(--transition-fast)}.hud-nav a:hover:after,.hud-nav a:focus-visible:after{width:100%}.theme-night .hud-nav{background:#0c1119f5;border:none}.hud-cta{font-size:.9rem;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;padding:.56rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;color:var(--color-accent);display:inline-flex;align-items:center;gap:.32rem;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0;white-space:normal;line-height:1.25;text-align:center}.hud-cta span:not(.dot){display:inline-block}.hud-cta span.dot{width:5px;height:5px;border-radius:999px;background:var(--color-accent)}.hud-cta:hover,.hud-cta:focus-visible{background:#fff;box-shadow:var(--shadow-subtle);border-color:#0000001f;transform:translateY(-1px)}.theme-night .hud{background:linear-gradient(to bottom,#0f131ceb,#0f131cd1);border-bottom:1px solid rgba(255,255,255,.05)}.theme-night .hamburger .line{stroke:#e6ecf5}.theme-night .hud-cta{background:#ffffff1a;border-color:#ffffff2e;color:var(--color-accent)}.theme-night .hud-cta:hover,.theme-night .hud-cta:focus-visible{background:#ffffff29;border-color:#ffffff38}.page{margin:0 auto;max-width:var(--max-width);padding:var(--page-padding-y) var(--page-padding-x) 4.5rem;flex:1}section{margin-bottom:4rem;scroll-margin-top:100px}#contact-form{scroll-margin-top:120px}@media(max-width:768px){section{scroll-margin-top:80px}#contact-form{scroll-margin-top:90px}}.section-header{margin-bottom:1.5rem}.section-kicker{font-family:var(--font-mono);font-size:.84rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:.25rem}.section-title{font-family:var(--font-heading);font-weight:600;font-size:1.72rem;letter-spacing:.02em;margin:0}.section-description{margin-top:.4rem;max-width:40rem;font-size:1.08rem;color:var(--color-text-muted)}#hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);gap:3rem;align-items:center;margin-bottom:4.5rem}.hero-main{max-width:42rem}.hero-kicker{font-family:var(--font-mono);font-size:.84rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:.75rem}.hero-title{font-family:var(--font-heading);font-weight:600;font-size:clamp(2.6rem,3vw + 1.7rem,3.85rem);letter-spacing:.01em;margin:0 0 .85rem}.hero-body{font-size:1.08rem;line-height:1.72;color:var(--color-text-muted);margin-bottom:1.15rem}.hero-body.hero-body-secondary{margin-top:.2rem;margin-bottom:.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1.35rem;border-radius:14px;border:1px solid transparent;font-size:.95rem;font-weight:500;cursor:pointer;pointer-events:auto;touch-action:manipulation;transition:background var(--transition-med),color var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med),transform var(--transition-fast);text-decoration:none;-webkit-tap-highlight-color:transparent}.btn-explore{position:relative;isolation:isolate;background-color:var(--color-accent);color:#fff;border:3px solid rgba(255,255,255,.4);box-shadow:0 10px 20px #0003;padding:.65rem 1.35rem;border-radius:14px;gap:.6rem;font-weight:600;overflow:hidden;transition:all .3s ease-in-out}.btn-explore .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;transition:all .3s ease-in-out}.btn-explore:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);top:0;left:-100px;opacity:.6}@keyframes btn-explore-shine{0%{left:-100px}60%{left:100%}to{left:100%}}@media(hover:hover){.btn-explore:hover:before{animation:btn-explore-shine 1.5s ease-out forwards}.btn-explore:hover,.btn-explore:focus-visible{transform:scale(1.05);border-color:#fff9;text-decoration:none}.btn-explore:hover .btn-icon,.btn-explore:focus-visible .btn-icon{transform:translate(4px)}}.btn-primary{background:var(--color-accent);color:#fdfcf9;box-shadow:var(--shadow-subtle)}@media(hover:hover){.btn-primary:hover,.btn-primary:focus-visible{background:#2b706f;transform:translateY(-1px)}}.btn-secondary{background:#ffffffd9;color:var(--color-text);border-color:#0000000f}@media(hover:hover){.btn-secondary:hover,.btn-secondary:focus-visible{background:#fff;border-color:#00000024;transform:translateY(-1px)}}.btn .chevron{font-size:.9em}.hero-panel{margin-top:.35rem;border-radius:var(--radius-lg);background:var(--color-panel);color:#e9eef7;padding:1.15rem 1.3rem;display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.5rem;box-shadow:var(--shadow-soft)}.panel-label{font-family:var(--font-mono);font-size:.84rem;text-transform:uppercase;letter-spacing:.16em;opacity:.9;white-space:nowrap}.panel-label span.key{color:#e9eef7ad;margin-right:.2rem}.panel-label span.value{color:#fff}.panel-dot{width:7px;height:7px;border-radius:999px;background:#57d28c;box-shadow:0 0 0 5px #57d28c2e}.hero-aside{align-self:stretch}.hero-card-wrap{position:relative}.hero-card-wrap:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 50% 50%,rgba(240,200,162,.32) 0%,rgba(47,124,123,.18) 30%,transparent 62%);opacity:0;transform:scale(.94);transition:opacity var(--transition-med),transform var(--transition-med);filter:blur(18px);z-index:-1;pointer-events:none}.hero-card-wrap:hover:before,.hero-card-wrap.is-active:before{opacity:0}.hero-card{background:#fffffff5;border-radius:var(--radius-lg);padding:1.55rem 1.6rem 1.65rem;box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:1rem;transition:box-shadow var(--transition-med),transform var(--transition-fast),border-color var(--transition-med),background var(--transition-med);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.hero-card:hover{transform:translateY(-1px);border-color:#00000024;background:#fff}}.hero-card.is-active{transform:translateY(-1px);border-color:#00000024;background:#fff}.hero-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero-card-title{font-family:var(--font-heading);font-size:1.18rem;margin:0}.hero-card-tag{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;padding:.32rem .6rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);white-space:nowrap}.hero-card-body{font-size:.98rem;color:var(--color-text-muted)}.hero-list{margin:.4rem 0 0;padding-left:1.1rem;font-size:.96rem;color:var(--color-text-muted)}.hero-list li{margin-bottom:.2rem}.principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.principle-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.2rem 1.2rem 1.3rem;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-med),transform var(--transition-fast),border-color var(--transition-med),background var(--transition-med);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.principle-card:hover,.principle-card:focus-visible{transform:translateY(-1px);border-color:#0000001f;background:#fff}}.principle-card.is-active{transform:translateY(-1px);border-color:#0000001f;background:#fff}.principle-title{font-family:var(--font-heading);font-size:1.05rem;margin:0 0 .4rem}.principle-body{font-size:.96rem;color:var(--color-text-muted);margin:0}#work{margin-top:4.5rem}.cases{display:flex;flex-direction:column;gap:2rem}.case-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.6rem 1.65rem 1.7rem;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-card);position:relative;overflow:visible;will-change:transform,box-shadow;transition:transform var(--transition-fast),box-shadow var(--transition-med),border-color var(--transition-med),background var(--transition-med);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.case-panel:hover{transform:translateY(-3px);border-color:#0000001f;background:#fff}}.case-panel.is-active{transform:translateY(-3px);border-color:#0000001f;background:#fff}.case-hud{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.5rem;margin-bottom:.75rem;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.case-hud span.label{white-space:nowrap}.case-hud span.label strong{color:var(--color-accent);font-weight:500}.case-title{font-family:var(--font-heading);font-size:1.28rem;margin:0 0 .6rem}.case-text{font-size:.98rem;color:var(--color-text-muted);margin:0 0 .8rem}.case-list{margin:.2rem 0 .5rem;padding-left:1rem;font-size:.95rem;color:var(--color-text-muted)}.case-list li{margin-bottom:.2rem}.case-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.case-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#2f7c7b14;color:var(--color-text);font-size:.85rem;line-height:1.2}.case-badge svg{width:16px;height:16px}.theme-night .case-badge{background:#ffffff14;border-color:#ffffff24;color:#e8ecf4}.modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mode-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.2rem 1.25rem 1.4rem;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;gap:.7rem;transition:box-shadow var(--transition-med),transform var(--transition-fast),border-color var(--transition-med),background var(--transition-med);cursor:default}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-card-hover);border-color:#00000024;background:#fff}.mode-card.is-active{transform:translateY(-1px);border-color:#00000024;background:#fff}@media(hover:hover){.theme-night .principle-card:hover{background:#1d2636;border-color:#ffffff1f}.theme-night .case-panel:hover{background:#1c2434;border-color:#ffffff1f}.theme-night .mode-card:hover,.theme-night .hero-card:hover{background:#1d2636;border-color:#ffffff1f}}.theme-night .principle-card.is-active{background:#1d2636;border-color:#ffffff1f}.theme-night .case-panel.is-active{background:#1c2434;border-color:#ffffff1f}.theme-night .mode-card.is-active,.theme-night .hero-card.is-active{background:#1d2636;border-color:#ffffff1f}.mode-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-muted);margin-bottom:.1rem}.mode-title{font-family:var(--font-heading);font-size:1.05rem;margin:0 0 .45rem}.mode-body{font-size:.95rem;color:var(--color-text-muted);margin:0}.mode-footnote{font-size:.8rem;color:var(--color-text-muted);margin-top:.5rem}#about .section-body{max-width:40rem;font-size:.98rem;color:var(--color-text-muted);line-height:1.7}#about p{margin:0 0 .95rem}#process .section-body{max-width:40rem;font-size:.98rem;color:var(--color-text-muted);line-height:1.7;margin-top:1.5rem}#process .section-body p{margin:0}#contact .section-body{max-width:32rem;font-size:.98rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.3rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.contact-email{font-family:var(--font-mono);font-size:.86rem;padding:.6rem 1.1rem;border-radius:999px;border:1px dashed rgba(0,0,0,.16);background:#ffffffe6;color:var(--color-text)}.contact-note{font-size:.8rem;color:var(--color-text-muted);max-width:20rem}.contact-form{margin-top:1rem;padding:1.2rem 1.25rem 1.35rem;background:var(--color-surface);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem}.contact-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.contact-form-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.1rem}.contact-form-title{margin:0;font-family:var(--font-heading);font-size:1.05rem}.contact-form-copy{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.92rem;max-width:34rem;line-height:1.6}.contact-pill{align-self:flex-start;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;padding:.4rem .75rem;border-radius:999px;background:#2f7c7b1a;color:var(--color-accent);border:1px solid rgba(47,124,123,.22)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.contact-field{display:flex;flex-direction:column;gap:.35rem}.contact-field span{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.contact-field input,.contact-field textarea{width:100%;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fffffff5;font-size:16px;line-height:1.5;color:var(--color-text);caret-color:var(--color-accent);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 1px 2px #0000000a;min-height:44px}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:#2f7c7b99;box-shadow:0 0 0 3px #2f7c7b1f}.contact-field textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-field.contact-field--wide{grid-column:span 2}.contact-submit{grid-column:span 2;width:100%;min-height:44px}.contact-status{font-size:.88rem;color:var(--color-text-muted);min-height:1.2em}.contact-status--success{color:#1f8f5b;font-weight:600}.contact-status--error{color:#b42318;font-weight:600}.contact-status--hint{color:var(--color-text-muted)}.theme-night .contact-email{background:#ffffff14;border-color:#fff3;color:#e6ecf5}.theme-night .contact-email a{color:#e6ecf5}.theme-night .contact-form{background:var(--color-surface-muted);border-color:#ffffff14;box-shadow:0 14px 30px #0000003d}.theme-night .contact-pill{background:#4fc3ba1a;border-color:#4fc3ba4d;color:#a3e8e1}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--color-text-muted);opacity:.8}.theme-night .contact-field input,.theme-night .contact-field textarea{background:#1d2636;border-color:#ffffff1f;color:#e6ecf5;box-shadow:inset 0 1px 2px #0000003d}.theme-night .contact-field input:focus,.theme-night .contact-field textarea:focus{border-color:#4fc3bacc;box-shadow:0 0 0 3px #4fc3ba2e}.theme-night .contact-field input::placeholder,.theme-night .contact-field textarea::placeholder{color:#e6ecf5b3}footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8rem;color:var(--color-text-muted)}.theme-night footer{border-top:1px solid rgba(255,255,255,.16)}footer a{font-size:.8rem}.reveal{opacity:0;transform:translateY(12px);transition:opacity .26s ease-out,transform .26s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){#hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.frame-border{padding:.5rem;min-height:100vh}.frame-border-inner{max-width:100%;width:100%;padding:1px;border-radius:16px}.frame-inner{min-height:calc(100vh - 1rem);border-radius:14px}.hud-inner{padding:.6rem .75rem;flex-wrap:nowrap;gap:.5rem;overflow:visible}.hud-left{font-size:.74rem;gap:.38rem;row-gap:.05rem;flex-wrap:wrap;white-space:normal;overflow:visible;min-width:0;align-items:center}.hud-studio-text{flex-basis:100%;width:100%;margin-top:.04rem;margin-left:0;align-self:flex-start}.hud-mark{width:24px;height:24px;border-radius:8px}body,.hud,.hud-inner,.hero-panel,.panel-label,.hud-left,.hud-right,.hud-nav,.hud-cta{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.hud-left>div:not(.hud-mark):not(.hud-studio-text){white-space:nowrap;flex-shrink:1;min-width:0}.hud-left>div.hud-studio-text{flex-shrink:0;flex-basis:100%;width:100%;margin-top:.1rem;margin-left:0}.hud-left>div.hud-mark{flex-shrink:0}.theme-toggle-inline{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;width:auto;min-width:fit-content}.theme-toggle-inline .theme-switch{flex-shrink:0;width:auto;min-width:fit-content}.hud-right{gap:.55rem;width:auto;margin-left:auto;justify-content:flex-end;align-items:center;flex-shrink:0;min-width:fit-content;flex-wrap:nowrap}.theme-toggle-wrap{display:none}.theme-toggle-inline{display:flex;transform:scale(.72);transform-origin:left center;flex-shrink:0;white-space:nowrap}.theme-switch{--toggle-size: 14px;--container-width: 4.8em;--container-height: 2.1em;--circle-container-diameter: 2.9em;--sun-moon-diameter: 1.8em}.hud-menu-toggle{display:inline-flex;flex-shrink:0;min-width:36px;width:36px;height:36px}.hud-nav{position:absolute;top:calc(100% + .4rem);right:0;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;background:#fffffff2;border:none;border-radius:14px;box-shadow:none;min-width:190px;z-index:10;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);display:flex}.hud-nav.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.theme-toggle-mobile{display:none}.hud-cta{font-size:.78rem;padding:.5rem .85rem;letter-spacing:.12em}.hud-cta span:not(.dot){font-size:.68rem}.page{padding:1.25rem .75rem 2.5rem;max-width:100%}section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-kicker{font-size:.7rem;letter-spacing:.12em;margin-bottom:.2rem}.section-title{font-size:1.3rem;line-height:1.3}.section-description{font-size:.9rem;line-height:1.6;margin-top:.5rem}#hero{margin-bottom:2rem;gap:1rem;grid-template-columns:minmax(0,1fr)}.hero-main{max-width:100%;order:1}.hero-aside{order:2;margin-top:.5rem}.hero-kicker{font-size:.72rem;letter-spacing:.14em;margin-bottom:.5rem}.hero-title{font-size:clamp(1.72rem,5.4vw,2.2rem);line-height:1.22;margin-bottom:.5rem}.hero-body{font-size:.95rem;line-height:1.6;margin-bottom:.85rem}.hero-body.hero-body-secondary{margin-top:.2rem;margin-bottom:.7rem}.hero-actions{gap:.6rem;margin-bottom:.9rem;flex-direction:column}.btn{width:100%;padding:.8rem 1rem;font-size:.9rem;justify-content:center;min-height:44px}.hero-panel{padding:.7rem .85rem;gap:.5rem .85rem;flex-direction:column;align-items:flex-start;margin-top:.5rem}.panel-label{font-size:.72rem;letter-spacing:.1em;white-space:normal;line-height:1.35}.panel-label span.value{display:block;margin-top:.08rem}.hero-card{padding:.95rem 1rem;gap:.75rem}.hero-card-header{flex-wrap:wrap;gap:.5rem}.hero-card-title{font-size:1rem}.hero-card-tag{font-size:.68rem;padding:.25rem .5rem}.hero-card-body{font-size:.92rem;line-height:1.55}.hero-list{font-size:.9rem;padding-left:.95rem;line-height:1.55;margin-top:.2rem}.hero-list li{margin-bottom:.25rem}.principles-grid{grid-template-columns:minmax(0,1fr);gap:.85rem}.principle-card{padding:.95rem}.principle-title{font-size:.95rem;margin-bottom:.4rem}.principle-body{font-size:.88rem;line-height:1.6}#work{margin-top:2.5rem}.cases{gap:1.5rem}.case-panel{padding:1rem 1rem 1.1rem;border-radius:var(--radius-md)}.case-hud{font-size:.68rem;gap:.5rem .9rem;margin-bottom:.6rem;flex-direction:column;align-items:flex-start}.case-hud span.label{white-space:normal;line-height:1.4}.case-title{font-size:1.05rem;margin-bottom:.5rem;line-height:1.3}.case-text{font-size:.88rem;line-height:1.6;margin-bottom:.7rem}.case-list{font-size:.85rem;line-height:1.6;padding-left:1rem;margin:.3rem 0 .6rem}.case-list li{margin-bottom:.3rem}.hero-card:hover,.principle-card:hover,.case-panel:hover,.mode-card:hover{transform:none;box-shadow:var(--shadow-card)}.hero-card:hover:before,.principle-card:hover:before,.case-panel:hover:before,.mode-card:hover:before{opacity:0}.hero-card.is-active:before,.principle-card.is-active:before,.case-panel.is-active:before,.mode-card.is-active:before{opacity:1}.modes-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.mode-card{padding:.9rem .95rem 1rem}.mode-label{font-size:.68rem;margin-bottom:.2rem}.mode-title{font-size:.95rem;margin-bottom:.35rem;line-height:1.3}.mode-body{font-size:.88rem;line-height:1.6}.mode-footnote{font-size:.75rem;line-height:1.5;margin-top:.6rem}#about .section-body{font-size:.9rem;line-height:1.6;max-width:100%}#about p{margin-bottom:.9rem}#process .section-body{font-size:.9rem;line-height:1.6;max-width:100%;margin-top:1.2rem}#contact .section-body{font-size:.9rem;line-height:1.6;max-width:100%;margin-bottom:1.2rem}.contact-actions{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.contact-email{font-size:.8rem;padding:.6rem .95rem;width:100%;word-break:break-word;min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.contact-email a{font-size:.8rem;white-space:nowrap}.contact-email span{white-space:nowrap}.contact-note{font-size:.78rem;line-height:1.5;max-width:100%}.contact-form{padding:.95rem .9rem 1rem;gap:.7rem;margin-top:.75rem}.contact-form-header{flex-direction:column;gap:.35rem}.contact-form-title{font-size:1rem}.contact-form-copy{font-size:.9rem}.contact-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.contact-field.contact-field--wide,.contact-submit{grid-column:span 1}.contact-submit{width:100%;justify-self:stretch;text-align:center;margin-top:.25rem}.contact-status{font-size:.82rem}footer{margin-top:2.5rem;padding-top:1.2rem;flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.75rem}footer a{font-size:.75rem}*{max-width:100%}section,.section-header,.section-title,.section-description,.principle-card,.case-panel,.mode-card,.hero-card,.hero-card-wrap,.hero-main,.hero-aside{overflow:visible;overflow-x:visible;overflow-y:visible}img,video,iframe{max-width:100%;height:auto}}@media(max-width:480px){.frame-border{padding:.4rem}.frame-border-inner{border-radius:12px}.frame-inner{border-radius:10px;min-height:calc(100vh - .8rem)}.hud-inner{padding:.5rem .6rem}.hud-left{font-size:.68rem}.hud-mark{width:24px;height:24px;border-radius:8px}.hud-cta{font-size:.72rem;padding:.46rem .7rem}.hud-cta span:not(.dot){font-size:.64rem}.page{padding:1.15rem .6rem 2rem}section{margin-bottom:1.75rem}.section-header{margin-bottom:.9rem}.section-title{font-size:1.15rem}#hero{margin-bottom:1.75rem;gap:.85rem}.hero-kicker{font-size:.7rem;margin-bottom:.45rem}.hero-title{font-size:clamp(1.4rem,6vw,1.8rem);margin-bottom:.45rem}.hero-body{font-size:.88rem;margin-bottom:.75rem}.hero-actions{margin-bottom:.75rem}.btn{padding:.75rem .9rem;font-size:.85rem}.hero-panel{padding:.65rem .75rem;gap:.45rem .75rem;margin-top:.4rem}.panel-label{font-size:.68rem}.hero-card{padding:.85rem .9rem;gap:.65rem}.hero-card-title{font-size:.95rem}.case-panel{padding:.9rem .85rem 1rem}.case-title{font-size:1rem}.case-text{font-size:.85rem}.principle-card,.mode-card{padding:.85rem .9rem .95rem}.principle-title,.mode-title{font-size:.9rem}.principle-body,.mode-body{font-size:.85rem}}@media(min-width:769px){.hud-mark{width:32px;height:32px}.hud .theme-switch{transform:scale(.9);transform-origin:left center;flex-shrink:0}.hud-left>div:not(.hud-mark){white-space:nowrap}.hud-left{overflow:visible}}