@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#edece5;--ink:#243732;--dim:#728078;--orange:#ec6544;--line:#cdd2c8;--stage:#dce3d8;--accent:#ec6544}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;font-size:18px;letter-spacing:-.7px;white-space:nowrap}.logo>b{background:var(--orange);color:#fff;font:600 24px monospace;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;margin-right:11px}.logo strong{font-weight:700}.logo small{font-size:inherit;color:var(--dim)}nav{display:flex;gap:30px;font-size:11px}nav a:hover{color:var(--orange)}.header-contact{font-size:11px;border-bottom:1px solid var(--ink);padding:12px 0}.header-contact span{margin-left:25px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1700px;margin:0 auto;padding:12px 3% 0 5%;gap:20px;min-height:720px}.hero-copy{padding-top:55px;position:relative}.eyebrow{font:9px/1.6 monospace;letter-spacing:1.3px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font:600 clamp(55px,5.7vw,91px)/1.03 'Manrope',sans-serif;letter-spacing:-5px;margin:33px 0 24px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-3px}.hero h1 .serif{font-size:1.25em;line-height:1.02}.asterisk{display:inline-block;color:var(--orange);font-size:60px;margin-left:45px;vertical-align:12px}.intro{font-size:14px;line-height:1.9;color:#6c7a71;margin:28px 0}.primary{display:inline-flex;align-items:center;gap:38px;background:var(--ink);color:#f4f4e9;padding:18px 23px;border-radius:5px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.primary:hover{background:#3b534a;transform:translateY(-3px)}.guide-note{display:flex;align-items:center;gap:15px;margin-top:35px}.note-line{font-size:30px;color:var(--orange);transform:rotate(-12deg)}.guide-note p{font-size:10px;line-height:1.8;color:var(--dim)}.guide-note strong{font-weight:500;color:var(--ink)}.scroll-link{font:8px monospace;letter-spacing:1.2px;display:inline-flex;gap:40px;margin-top:30px}.studio-wrap{min-width:0;align-self:start}.studio{position:relative;background:var(--stage);height:610px;border-radius:14px 14px 0 0;overflow:hidden;isolation:isolate}.studio::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#f8f8ea,transparent 65%),linear-gradient(0deg,#bfcdbf44,transparent 35%);z-index:-1}.studio::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#68806c33 .6px,transparent .6px);background-size:18px 18px;pointer-events:none;z-index:-1}.studio-top{position:absolute;left:24px;right:24px;top:20px;display:flex;align-items:center;justify-content:space-between;z-index:4;font:7px monospace;letter-spacing:1px;color:#657c69}.studio-top i{display:inline-block;width:5px;height:5px;background:#3e7255;border-radius:50%;margin-right:8px}.studio-top button{border:1px solid #81978366;border-radius:50%;background:#f2f4e955;width:28px;height:28px;font-size:18px}.stage-word{position:absolute;top:8%;left:0;right:0;text-align:center;font:800 clamp(95px,11vw,180px)/1 'Manrope',sans-serif;letter-spacing:-12px;color:#a9ba9e44;z-index:-1;pointer-events:none}.stage-word span{color:#ec654440}canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.tech-labels{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.tech-labels>span{position:absolute;left:0;top:0;background:#f8faf1ec;border:1px solid #bac7b5;border-radius:7px;padding:10px 13px 10px 24px;color:#32463b;white-space:nowrap;font:600 11px 'Manrope',sans-serif;box-shadow:0 6px 18px #263d3010;transform-origin:center;will-change:transform}.tech-labels>span::before{content:'';position:absolute;left:10px;top:50%;width:5px;height:5px;background:var(--accent);border-radius:1px;transform:translateY(-50%)}.tech-labels>span[hidden]{display:none}.speech{position:absolute;bottom:94px;left:10%;right:10%;text-align:center;font-size:11px;line-height:1.6;color:#47604b;pointer-events:none}.scene-tools{position:absolute;bottom:49px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:4}.scene-tools button{border:1px solid #99ac9260;border-radius:5px;padding:9px 12px;background:#eef2e9bd;backdrop-filter:blur(12px);font-size:9px}.scene-tools button span{margin-right:5px}.scene-tools button:hover,.scene-tools button[aria-pressed=true]{background:var(--ink);color:#fff}.drag-hint{position:absolute;bottom:18px;text-align:center;width:100%;font:6px monospace;letter-spacing:1.3px;color:#789078}.scene-corner{position:absolute;bottom:145px;left:24px;font:7px/1.8 monospace;color:#668166}.scene-corner span{font-size:5px;letter-spacing:.7px}.topic-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#dae0d4;border:1px solid #bbc6b3;border-radius:0 0 10px 10px;overflow:hidden}.topic-tabs button{border:0;border-right:1px solid #bbc6b3;background:transparent;padding:19px 15px;text-align:left;position:relative;transition:background .2s,color .2s}.topic-tabs button:last-child{border:0}.topic-tabs button small{display:block;font:8px monospace;opacity:.5;margin-bottom:10px}.topic-tabs button b{font:500 12px 'DM Sans',sans-serif}.topic-tabs button>span{position:absolute;right:13px;top:17px;font-size:12px;opacity:.5}.topic-tabs button.active{background:var(--ink);color:#f1f5e9}.topic-tabs button.active small,.topic-tabs button.active>span{color:#b8d893;opacity:1}.topic-detail{max-width:1700px;margin:48px auto 0;padding:35px 5% 45px;display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-index{font:8px/1.8 monospace;letter-spacing:1px;padding-top:9px;color:#72846e}.topic-detail h2{font:600 25px/1.15 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 15px}.topic-detail p{font-size:11px;line-height:1.8;color:var(--dim);max-width:400px}.code-preview{background:#e3e6dc;border:1px solid #d0d7c8;border-radius:7px;align-self:start;overflow:hidden}.code-preview>div{padding:13px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #cbd4c3;font:8px monospace;color:#7d8e75}.code-preview>div>span:last-child{margin-left:auto}.editor-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}pre{padding:12px 17px;font:10px/1.9 monospace;white-space:pre-wrap;color:#4e684b}.section-pad{padding:100px 7%;max-width:1700px;margin:0 auto}.section-intro{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:40px}.section-intro h2{font:600 43px/1.15 'Manrope',sans-serif;letter-spacing:-2px;margin:0}.section-intro .serif{font-size:1.1em}.section-intro>p:last-child{font-size:13px;line-height:1.9;color:var(--dim)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.principles article{border-top:1px solid #aeb9a6;padding-top:25px;position:relative}.principle-icon{font:30px monospace}.number{position:absolute;right:0;top:32px;font:9px monospace;color:var(--dim)}.principles h3{font:600 22px 'Manrope',sans-serif;letter-spacing:-.7px;margin-top:30px}.principles p{font-size:12px;line-height:1.9;color:var(--dim);max-width:300px}.principles a{display:flex;justify-content:space-between;font-size:10px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.principles a:hover{color:var(--orange)}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;background:#e3e6dc;padding-top:80px;padding-bottom:80px}.signature{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:370px;background:#cbdbbc;border-radius:160px 160px 20px 20px;overflow:hidden}.signature>span{font:600 150px 'Manrope',sans-serif;letter-spacing:-18px;transform:rotate(-10deg)}.signature-dot{color:var(--orange)}.signature p{font:8px/1.8 monospace;letter-spacing:1px;align-self:start;margin-left:30px}.signature>i{position:absolute;bottom:30px;right:30px;font-size:30px;font-style:normal}.about h2{font:600 49px/1.1 'Manrope',sans-serif;letter-spacing:-2px;margin:20px 0 30px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--dim);max-width:430px}.about-copy .about-lead{font-size:18px!important;color:var(--ink)!important}.about-copy>a{font-size:11px;display:inline-block;margin-top:15px;border-bottom:1px solid #7d8f70;padding-bottom:8px}.contact{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font:600 clamp(42px,5vw,75px)/1.15 'Manrope',sans-serif;letter-spacing:-3px;margin:30px 0}.contact p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--dim)}.contact .primary{margin-top:20px;background:var(--orange)}.contact .primary:hover{background:#d64d2c}.contact-symbol{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:#e2e5da;box-shadow:inset 0 0 0 1px #c9d1c1;flex-shrink:0}.contact-symbol span{font-size:180px;color:var(--orange);transform:rotate(-10deg)}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .logo{font-size:14px}footer .logo>b{width:32px;height:32px;font-size:19px;border-radius:9px}footer p,footer>a:last-child{font-size:9px;color:var(--dim)}#studio-dialog{padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:var(--stage);overflow:hidden}#studio-dialog::backdrop{background:#243732b3}#dialog-stage{position:absolute;inset:0 0 100px}#dialog-stage .studio{height:100%;border-radius:0}#dialog-stage .studio-top{top:65px}#dialog-stage #expand{display:none}#dialog-stage .scene-corner{left:6%;bottom:160px}#dialog-stage .stage-word{font-size:25vw;top:0}#dialog-tabs{position:absolute;bottom:20px;width:min(560px,90%);left:50%;transform:translateX(-50%)}#dialog-tabs .topic-tabs{border-radius:8px}#dialog-tabs .topic-tabs button{padding:13px 15px}.close-dialog{position:absolute;right:25px;top:20px;z-index:10;background:#f2f5e9;border:1px solid #b6c6a9;border-radius:6px;padding:10px 15px;font-size:10px}.close-dialog span{margin-left:20px;font:8px monospace}#dialog-stage .tech-labels>span{font-size:14px}.hero-copy{animation:arrive .8s ease both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-left:85px;padding-right:51px}.studio{height:710px}.hero-copy{padding-top:90px}.hero h1{font-size:97px}}@media(max-width:1100px){header{padding:0 4%}nav{gap:16px;font-size:10px}.hero{grid-template-columns:.9fr 1.1fr;padding-left:4%;gap:15px}.hero h1{font-size:62px;letter-spacing:-4px}.asterisk{margin-left:20px;font-size:40px}.hero .eyebrow{font-size:7px}.intro{font-size:12px}.studio{height:590px}.topic-tabs button{padding:17px 9px}.topic-tabs button b{font-size:10px}.scene-corner{display:none}.tech-labels>span{font-size:9px;padding:8px 10px 8px 20px}.tech-labels>span::before{left:8px;width:4px;height:4px}.topic-detail{grid-template-columns:.5fr 1.4fr 1fr;gap:20px}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p:last-child{grid-column:2}.section-intro h2{font-size:38px}.about{gap:60px}.signature>span{font-size:125px}.about h2{font-size:43px}}@media(max-width:700px){header{height:80px;padding:0 6%;gap:15px}header .logo{font-size:14px}header .logo>b{width:34px;height:34px;font-size:19px;border-radius:10px;margin-right:8px}nav{display:none}.header-contact{font-size:9px}.header-contact span{margin-left:10px}.hero{display:flex;flex-direction:column;padding:0 5%;gap:25px;min-height:0}.hero-copy{padding:25px 1% 0}.hero h1{font-size:clamp(52px,12.7vw,82px);letter-spacing:-3px;margin:25px 0 20px}.hero h1 br:nth-of-type(2){display:none}.hero h1 .serif{margin-left:10px;font-size:1.1em}.asterisk{font-size:35px;vertical-align:5px;margin-left:20px}.intro{font-size:13px;line-height:1.8}.intro br{display:none}.primary{padding:16px 20px;font-size:11px}.guide-note{margin-top:20px}.scroll-link{display:none}.studio-wrap{width:100%}.studio{height:510px}.studio-top{left:16px;right:16px;top:16px;font-size:6px}.stage-word{font-size:100px;letter-spacing:-8px;top:12%}.speech{font-size:10px;left:7%;right:7%;bottom:92px}.scene-tools{gap:6px}.scene-tools button{font-size:8px;padding:9px}.drag-hint{font-size:5px;letter-spacing:1px}.topic-tabs button{padding:16px 11px}.topic-tabs button b{font-size:10px}.topic-tabs button small{font-size:7px}.topic-tabs button>span{font-size:10px;right:9px}.tech-labels>span{font-size:9px;padding:7px 9px 7px 20px}.topic-detail{margin-top:30px;padding:25px 6% 35px;grid-template-columns:1fr;gap:18px}.topic-detail h2{font-size:26px}.topic-detail p{font-size:12px}.code-preview{width:100%}.section-pad{padding:60px 6%}.section-intro{display:block}.section-intro h2{font-size:37px;margin:25px 0}.section-intro>p:last-child{font-size:12px;max-width:350px}.principles{grid-template-columns:1fr;gap:35px;margin-top:35px}.principles h3{margin-top:20px;font-size:23px}.principles p{max-width:100%}.principles a{margin-top:20px}.about{grid-template-columns:1fr;gap:35px}.signature{min-height:240px;border-radius:100px 100px 20px 20px}.signature>span{font-size:135px}.signature p{align-self:center;margin-left:0}.about h2{font-size:43px}.contact{display:block;position:relative;overflow:hidden}.contact h2{font-size:43px;letter-spacing:-2px}.contact-symbol{position:absolute;width:130px;height:130px;right:-55px;bottom:40px;opacity:.5;z-index:-1}.contact-symbol span{font-size:95px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;width:100%;margin:0}#dialog-stage{bottom:100px}#dialog-stage .tech-labels>span{font-size:10px}#dialog-stage .studio-top{font-size:6px;left:6%}#dialog-stage .stage-word{font-size:32vw;top:17%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.tech-labels>span{will-change:auto}}