:root{--bg:#080a09;--panel:#111410;--text:#f0f0e8;--muted:#9b9f95;--line:#30342c;--orange:#ff6136;--mono:'IBM Plex Mono',Consolas,monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Inter,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6}::selection{background:var(--orange);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--orange)}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:.97}em{font-style:normal;color:var(--orange)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;background:var(--orange);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}.orange-dot{display:inline-block;width:6px;height:6px;background:var(--orange);vertical-align:middle;flex-shrink:0}.site-header{position:fixed;z-index:50;top:22px;left:4%;right:4%;height:66px;padding:0 24px;background:rgba(10,13,11,.86);border:1px solid #ffffff12;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font-family:var(--display);font-weight:600;font-size:31px;letter-spacing:-2px;line-height:1}.brand-mark span{color:var(--orange);margin:0 2px}.brand-name{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.08em}.brand-name small{display:block;color:var(--muted);font-size:8px;letter-spacing:.17em}.site-header nav{display:flex;gap:34px;align-items:center;font:10px var(--mono);letter-spacing:.03em}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--orange)}.site-header nav a>span{font-size:8px;color:var(--orange);margin-left:4px}.nav-contact{display:flex;align-items:center;gap:10px}.nav-contact i{width:5px;height:5px;background:var(--orange)}.nav-contact b{font-size:16px;margin-left:9px;font-weight:400}.eyebrow{font:10px var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:10px;color:var(--muted)}.section-pad{padding:110px 7%}.text-link{font:10px var(--mono);letter-spacing:.05em;display:inline-flex;gap:24px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.text-link:hover{color:var(--orange);border-color:var(--orange)}.text-link span{color:var(--orange);font-size:15px}.button{background:var(--orange);color:#0b0d0a;padding:16px 22px;font:10px var(--mono);font-weight:500;letter-spacing:.04em;display:inline-flex;align-items:center;gap:32px;transition:background .2s,transform .2s}.button:hover{background:#ff845c;transform:translateY(-2px)}.button span{font-size:16px}.story{height:340svh;position:relative;--p:0}.story-stage{height:100svh;min-height:630px;position:sticky;top:0;overflow:hidden;background:#090d0c;isolation:isolate}.scene-grain{pointer-events:none;z-index:10;position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.ambient-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000,transparent);opacity:.6}.workstation{position:absolute;inset:0;transform-origin:62% 42%;will-change:transform,opacity;perspective:1200px;background:radial-gradient(ellipse at 63% 33%,#53645528,transparent 50%),radial-gradient(ellipse at 85% 20%,#ff613611,transparent 40%),linear-gradient(90deg,#080b09 5%,#121b15 55%,#0e130f)}.room-light{position:absolute;left:40%;top:0;width:1px;height:34%;background:#e6f2d660;box-shadow:0 0 30px 5px #c8ddba16,450px 0 1px #d9eccd20}.wall-seam{position:absolute;top:0;height:65%;width:1px;background:linear-gradient(#a7c8ad18,#a7c8ad03);transform:rotate(-6deg)}.seam-one{left:25%}.seam-two{right:10%}.monitor{position:absolute;z-index:3;filter:drop-shadow(0 16px 20px #0009)}.monitor-main{width:43%;height:36%;left:40%;top:23%;transform:rotateY(-9deg) rotateX(3deg) rotateZ(-1deg)}.monitor-bezel{height:100%;border:9px solid #151a17;border-bottom-width:18px;border-radius:9px;background:#111713;box-shadow:inset 0 0 0 1px #b5c3ae33,0 0 0 1px #69766040,0 0 80px #93b4990c}.ai-screen{height:100%;background:radial-gradient(ellipse at 95% 10%,#ff613618,transparent 70%),#111713;padding:16px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0007}.screen-top{display:flex;align-items:center;font:8px var(--mono);letter-spacing:.08em;color:#acb8a6;gap:10px;border-bottom:1px solid #acb8a620;padding-bottom:12px}.ai-glyph{font-size:22px;color:#e3e9de;line-height:1}.screen-indicator{margin-left:auto;font-size:6px;color:#ff916f}.ai-chat{margin:22px 8px 0}.chat-label{font:7px var(--mono);color:#6c7d67;letter-spacing:.1em;margin-bottom:9px}.ai-chat p{font:clamp(14px,1.6vw,26px) var(--mono);line-height:1.45;letter-spacing:-.04em;color:#e2e6dd}.prompt-rule{height:1px;background:#a9b49d24;margin-top:16px}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font:7px var(--mono);color:#7d8c75}.enter-key{border:1px solid #53614a;padding:6px 10px;color:#c9d3c2;background:linear-gradient(90deg,var(--orange) calc(var(--enter,0)*100%),#ffffff05 0);box-shadow:0 2px 0 #000;font:8px var(--mono)}.screen-bottom{position:absolute;bottom:8px;left:20px;right:20px;display:flex;justify-content:space-between;font:6px var(--mono);color:#65755e}.stand{width:12%;height:34%;position:absolute;left:44%;bottom:-32%;background:linear-gradient(90deg,#121814,#283329,#101510);clip-path:polygon(25% 0,80% 0,65% 85%,100% 94%,100% 100%,0 100%,0 94%,30% 85%)}.monitor-left{width:24%;height:29%;left:15%;top:29%;transform:rotateY(27deg) rotateZ(3deg)}.monitor-right{width:24%;height:30%;left:85%;top:27%;transform:rotateY(-35deg) rotateZ(-3deg)}.mini-screen{height:100%;background:linear-gradient(140deg,#142017,#0a100c);border:7px solid #151c17;border-bottom-width:16px;box-shadow:0 0 0 1px #596a5130; border-radius:6px;padding:15px}.mini-screen .screen-top{font-size:6px;padding-bottom:9px}.mini-lines{display:grid;gap:9px;padding:18px 0 12px}.mini-lines i{height:2px;background:#52654866;width:80%}.mini-lines i:nth-child(2n){width:57%;background:#d3794938}.mini-lines i:nth-child(3n){width:95%}.signal-wave{height:35px;background:repeating-linear-gradient(90deg,transparent 0 7px,#7f97772a 7px 8px);clip-path:polygon(0 45%,15% 40%,18% 5%,22% 80%,30% 45%,48% 40%,52% 0,57% 90%,64% 45%,80% 40%,85% 20%,90% 60%,100% 40%,100% 100%,0 100%)}.tiny{font:5px var(--mono);color:#697c5e}.terminal-code{font:8px/1.8 var(--mono);color:#7e8c77;margin-top:18px}.terminal-code span{color:#b98b64}.bar-chart{display:flex;gap:6px;align-items:end;height:35px;margin-top:13px}.bar-chart i{width:9px;background:#68805a66;height:35%}.bar-chart i:nth-child(2n){height:78%}.bar-chart i:nth-child(3n){height:100%;background:#d17a4b66}.desk{position:absolute;top:68%;left:-10%;width:130%;height:52%;background:linear-gradient(170deg,#33433530,#0c120d 50%),repeating-linear-gradient(90deg,#9cae8d03 0 1px,transparent 1px 100px);transform:rotateX(64deg);transform-origin:50% 0;border-top:1px solid #8ea18233;box-shadow:0 -5px 90px #6c8a580b}.desk-edge{position:absolute;bottom:0;left:0;width:100%;height:20px;background:#111712;box-shadow:0 8px 30px #000}.keyboard{position:absolute;width:26%;height:7%;top:70%;left:49%;background:linear-gradient(130deg,#3d4d3a,#10180f);border:1px solid #66795a60;transform:perspective(450px) rotateX(55deg) rotateZ(-3deg);box-shadow:0 8px 15px #0009;border-radius:3px;padding:4px;z-index:4}.keyboard div{height:100%;background:repeating-linear-gradient(90deg,transparent 0 13px,#6c825166 13px 14px),repeating-linear-gradient(0deg,#10170f 0 8px,#73976155 8px 9px)}.mouse{position:absolute;left:79%;top:70%;width:30px;height:42px;border-radius:45%;background:linear-gradient(120deg,#334530,#111a0f);transform:rotateX(45deg);box-shadow:0 7px 15px #0009}.desk-glow{position:absolute;left:44%;top:67%;width:46%;height:20%;background:radial-gradient(ellipse,#c0dc9c09,transparent 70%);filter:blur(10px)}.story-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a09 0%,#080a09e0 10%,#080a0940 38%,transparent 60%),linear-gradient(90deg,#080a0950,transparent 60%);pointer-events:none;z-index:4}.story-copy{position:absolute;left:7%;right:7%;bottom:17%;z-index:6;will-change:opacity,transform}.story-copy .eyebrow{color:#bfc5b7;margin-bottom:17px}.story-copy h1{font-size:clamp(52px,6.1vw,102px);letter-spacing:-.015em;line-height:.96}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px;max-width:1040px}.hero-bottom p,.story-copy>p{color:#afb6a7;font-size:13px;line-height:1.7}.hero-bottom .text-link{border-color:#727b6666;padding-bottom:10px}.trace-copy,.defense-copy{opacity:0;pointer-events:none;bottom:22%}.trace-copy h2,.defense-copy h2{font-size:clamp(56px,7.8vw,128px);line-height:.91;letter-spacing:-.01em}.story-copy>p{margin-top:27px}.defense-copy .button{margin-top:30px}.story-meta{position:absolute;left:7%;right:7%;bottom:35px;display:flex;justify-content:space-between;z-index:7;font:8px var(--mono);letter-spacing:.06em;color:#7f8977}.scroll-cue{display:flex;gap:22px;align-items:center;color:#c0c7b9}.scroll-cue span{font-size:20px;color:var(--orange)}.story-rail{position:absolute;right:3.3%;top:42%;z-index:7;font:8px var(--mono);color:#b2baaa;display:grid;justify-items:center;gap:10px}.story-rail>div{height:100px;width:1px;background:#87977c50;position:relative}.story-rail i{position:absolute;top:0;left:-1px;height:calc(max(.01,var(--p))*100%);width:3px;background:var(--orange)}.story-skip{position:absolute;right:7%;top:115px;color:#9fa896;z-index:7;font:8px var(--mono)}.trace-scene{position:absolute;inset:0;opacity:0;will-change:opacity,transform}.trace-map{width:100%;height:100%;position:absolute}.trace-lines{stroke-dasharray:1400;stroke-dashoffset:calc(1400 - var(--trace,0)*1400)}.trace-halo{transform-origin:750px 400px;transform:scale(calc(.4 + var(--trace,0)*1.6))}.trace-chip{position:absolute;font:12px var(--mono);line-height:1.7;padding:15px 20px;border-left:2px solid var(--orange);background:#10180ee6;color:#c4cebc}.trace-chip span{display:block;color:var(--orange);font-size:8px;margin-bottom:5px}.chip-a{top:19%;left:15%}.chip-b{top:32%;right:12%}.chip-c{top:69%;right:20%}.console-section{background:var(--bg);position:relative;padding-top:95px;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading h2{font-size:clamp(44px,5vw,78px);margin-top:20px;letter-spacing:-.01em}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:5px;line-height:1.9}.project-console{border:1px solid var(--line);background:#0b0e0b}.console-toolbar{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:17px 23px;font:8px var(--mono);letter-spacing:.06em;color:#9fa596}.console-toolbar>span:first-child{display:flex;align-items:center;gap:10px;color:#d9ded1}.console-body{display:grid;grid-template-columns:230px 1fr}.project-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.project-tab{background:transparent;border:0;text-align:left;padding:27px 25px 20px;position:relative;border-bottom:1px solid var(--line);transition:background .25s,color .25s}.project-tab.active{background:#192016}.project-tab.active:before{content:'';width:3px;position:absolute;left:-1px;top:0;bottom:0;background:var(--orange)}.project-tab:hover{background:#171c14}.tab-index{font:8px var(--mono);color:#9ba88e;letter-spacing:.05em}.project-tab strong{font:52px/.95 var(--display);display:flex;justify-content:space-between;margin:19px 0 10px}.project-tab strong>span{font:25px var(--body);color:#56604d}.project-tab.active strong>span{color:var(--orange)}.tab-desc{font-size:11px;color:var(--muted)}.tab-project{font:9px var(--mono);display:flex;justify-content:space-between;margin-top:34px;color:#d3dbc9}.tab-project>span{font-size:7px;color:#7b8870}.sidebar-note{margin:auto 24px 28px;padding-top:45px}.crosshair{font:32px var(--mono);color:#526049}.sidebar-note p{font-size:10px;color:#88957e;line-height:1.8;margin-top:15px}.project-panel{padding:32px;min-width:0;animation:panel-in .3s ease}.project-summary{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:28px}.project-summary .eyebrow{font-size:7px;letter-spacing:.04em}.project-summary h3{font-size:64px;margin-top:12px;display:flex;align-items:center;gap:35px}.project-summary h3 span{font:26px var(--body);color:var(--orange)}.project-summary>p{font-size:11px;max-width:250px;color:#a9b29e;line-height:1.8}.project-image{display:block;position:relative;background:#141b11;overflow:hidden;border:1px solid #3d4836;aspect-ratio:1.85}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.7,.3,1);filter:brightness(.78)}.project-image:hover img{transform:scale(1.025);filter:brightness(.95)}.image-tag{position:absolute;top:12px;left:12px;padding:7px 10px;background:#080c09dd;color:#b9c8b0;font:6px var(--mono);border:1px solid #77856b40;letter-spacing:.04em}.image-action{position:absolute;right:0;bottom:0;background:var(--orange);color:#090c08;padding:11px 17px;font:8px var(--mono);opacity:0;transform:translateY(10px);transition:.25s}.project-image:hover .image-action,.project-image:focus-visible .image-action{opacity:1;transform:translateY(0)}.workflow-strip{display:flex;justify-content:space-between;gap:10px;padding:19px 0;border-bottom:1px solid var(--line);font:8px var(--mono);color:#a6b09c}.workflow-strip b{color:#68745f;font-weight:400}.project-actions{display:flex;align-items:center;gap:24px;margin-top:23px;flex-wrap:wrap}.project-actions .button{font-size:8px;padding:13px 17px;gap:18px}.project-actions .text-link{font-size:8px;gap:10px;border:0}.scope-note{font:8px/1.9 var(--mono);color:#8b9880;margin-top:24px;max-width:700px}.console-footer{border-top:1px solid var(--line);padding:13px 23px;display:flex;justify-content:space-between;gap:25px;font:6px/1.7 var(--mono);letter-spacing:.04em;color:#7b8970}.approach{border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 30%,#29362336,transparent 70%),#0c100c}.approach h2{font-size:clamp(50px,6.5vw,100px);margin-top:28px;letter-spacing:-.01em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.principles article{border-top:1px solid #45503c;padding-top:22px}.principles article>span{font:9px var(--mono);color:var(--orange)}.principles h3{font-size:30px;margin-top:20px;line-height:1.1}.principles p{font-size:12px;color:#9ca892;line-height:1.9;margin-top:14px;max-width:280px}.about{display:grid;grid-template-columns:1fr 1.7fr;border-bottom:1px solid var(--line)}.about-label{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.coordinate-mark{font:24px var(--mono);color:#36432f}.about h2{font-size:clamp(70px,8vw,120px)}.about-lead{font-size:19px;max-width:510px;line-height:1.6;margin-top:30px}.about-content>p:not(.about-lead){font-size:13px;line-height:1.9;color:var(--muted);max-width:510px;margin-top:18px}.education{display:grid;gap:7px;margin:30px 0;font:9px var(--mono);color:#c1cbb7}.education span+span{font-size:10px;color:var(--muted)}.contact{position:relative;background:linear-gradient(120deg,#ff6136,#ee4d24);color:#0c0f09;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#1a220a13 1px,transparent 1px),linear-gradient(90deg,#1a220a13 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}.contact .eyebrow{color:#412a1c}.contact h2{font-size:clamp(70px,10vw,150px);margin-top:30px;position:relative}.contact h2 em{color:#f5e8d6}.contact-email{font-size:clamp(13px,2vw,27px);display:inline-flex;gap:50px;margin-top:40px;border-bottom:1px solid #3b1f1955;padding-bottom:14px;position:relative}.contact-email span{font-size:28px}.contact-links{display:flex;gap:40px;font:9px var(--mono);margin-top:60px;position:relative}.contact-links a:hover{text-decoration:underline}.site-footer{padding:27px 4%;display:flex;justify-content:space-between;gap:20px;font:7px/1.8 var(--mono);color:#86947b;letter-spacing:.04em}@keyframes panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.monitor-main{height:34%;top:24%}.story-copy{bottom:18%}.ai-chat{margin-top:35px}.screen-bottom{bottom:16px}.ai-screen{padding:25px}.mini-screen{padding:25px}.screen-top{font-size:11px}.terminal-code{font-size:11px}.mini-screen .screen-top{font-size:9px}.chat-label{font-size:9px}.prompt-bottom{margin-top:25px;font-size:10px}.enter-key{font-size:10px}.screen-bottom{font-size:9px}.ai-chat p{font-size:28px}.console-body{grid-template-columns:270px 1fr}.project-panel{padding:40px}.project-summary>p{font-size:14px;max-width:340px}}
@media(max-width:1000px){.site-header{left:3%;right:3%;top:16px;padding:0 18px}.site-header nav{gap:24px}.section-pad{padding:80px 6%}.story-copy{left:6%;right:6%;bottom:19%}.monitor-main{width:51%;left:36%;height:32%;top:24%}.monitor-left{left:8%;width:26%;height:26%;top:28%}.monitor-right{left:89%}.story-copy h1{font-size:clamp(52px,7.3vw,76px)}.hero-bottom{margin-top:22px}.section-heading{align-items:start;flex-direction:column;gap:23px}.section-heading>p br{display:none}.console-body{grid-template-columns:190px 1fr}.project-panel{padding:25px}.project-tab{padding:24px 18px}.project-tab strong{font-size:46px}.project-summary{flex-direction:column;align-items:start;gap:15px}.project-summary>p{max-width:100%}.project-summary h3{font-size:60px}.project-summary .eyebrow{line-height:1.6}.workflow-strip{font-size:7px;gap:6px;flex-wrap:wrap;justify-content:start}.workflow-strip b{padding:0 3px}.project-actions{gap:15px}.console-footer{flex-direction:column;gap:4px}.about{grid-template-columns:1fr 1.5fr;gap:30px}.principles{gap:30px}.story-meta{left:6%;right:6%}}
@media(max-width:600px){html{scroll-padding-top:92px}.site-header{top:12px;left:4%;right:4%;height:59px;padding:0 14px}.brand{gap:10px}.brand-mark{font-size:26px}.brand-name{font-size:8px}.brand-name small{font-size:6px}.site-header nav{gap:18px;font-size:8px}.site-header nav>a:nth-child(2){display:none}.nav-contact{gap:5px}.nav-contact b,.nav-contact i{display:none}.section-pad{padding:65px 6%}.story{height:280svh}.story-stage{min-height:600px}.monitor-main{width:90%;height:29%;left:14%;top:26%;transform:rotateY(-16deg) rotateZ(-2deg)}.monitor-left{width:43%;height:23%;left:-32%;top:31%}.monitor-right{display:none}.desk{top:65%}.keyboard{width:54%;left:31%;top:65%;height:5%}.mouse{left:91%;top:65%}.monitor-bezel{border-width:6px;border-bottom-width:13px}.ai-screen{padding:12px}.ai-chat{margin:17px 6px 0}.ai-chat p{font-size:18px}.chat-label{font-size:6px}.screen-top{font-size:6px;padding-bottom:9px}.ai-glyph{font-size:18px}.screen-bottom{font-size:5px;left:12px;right:12px}.prompt-rule{margin-top:12px}.prompt-bottom{margin-top:10px}.room-light{left:12%}.story-copy{bottom:17%;left:6%;right:6%}.story-copy h1{font-size:clamp(42px,10.6vw,63px);line-height:.99;letter-spacing:-.01em}.story-copy .eyebrow{font-size:7px;margin-bottom:16px}.hero-bottom{margin-top:18px;align-items:start;gap:18px;flex-direction:column}.hero-bottom p,.story-copy>p{font-size:11px}.hero-bottom .text-link{font-size:8px;padding:6px 0;gap:25px}.story-meta{bottom:23px;align-items:center;gap:12px}.scenario-label{font-size:6px;max-width:170px;line-height:1.7}.scroll-cue{font-size:6px;gap:10px}.story-rail{right:4%;top:45%;font-size:6px}.story-rail>div{height:65px}.story-skip{top:95px;right:6%;font-size:7px}.trace-copy,.defense-copy{bottom:22%}.trace-copy h2,.defense-copy h2{font-size:clamp(46px,11vw,64px)}.trace-chip{font-size:8px;padding:10px 12px}.trace-chip span{font-size:6px}.chip-a{top:23%;left:6%}.chip-b{top:38%;right:6%}.chip-c{top:79%;right:6%}.section-heading h2{font-size:42px;line-height:1}.eyebrow{font-size:8px;line-height:1.6}.section-heading{margin-bottom:28px}.section-heading>p{font-size:11px;line-height:1.8}.console-toolbar{padding:13px 14px;font-size:6px}.console-toolbar>span+span{display:none}.console-body{display:block}.project-sidebar{display:grid;grid-template-columns:1fr 1fr;border-right:0}.sidebar-note{display:none}.project-tab{padding:18px 15px;border-right:1px solid var(--line)}.project-tab.active:before{top:auto;right:0;bottom:0;left:0;width:auto;height:2px}.tab-index{font-size:6px}.project-tab strong{font-size:42px;margin:14px 0 6px}.project-tab strong>span{font-size:20px}.tab-desc{font-size:9px}.tab-project{font-size:7px;margin-top:22px}.tab-project>span{font-size:5px}.project-panel{padding:24px 16px}.project-summary{margin-bottom:20px}.project-summary h3{font-size:55px}.project-summary>p{font-size:11px;line-height:1.8}.project-image{aspect-ratio:1.55}.image-tag{font-size:5px;top:6px;left:6px;padding:5px 6px}.image-action{display:none}.workflow-strip{font-size:6px;gap:5px;line-height:1.8}.workflow-strip b{padding:0}.project-actions{gap:12px;margin-top:19px}.project-actions .button{width:100%;justify-content:space-between;font-size:8px}.project-actions .text-link{font-size:7px}.scope-note{font-size:7px;line-height:1.9;margin-top:16px}.console-footer{padding:11px 15px;font-size:5px}.approach h2{font-size:50px;line-height:.98}.principles{grid-template-columns:1fr;gap:30px;margin-top:35px}.principles h3{font-size:30px;margin-top:15px}.principles p{font-size:12px;max-width:100%;margin-top:10px}.about{grid-template-columns:1fr;gap:30px}.coordinate-mark{display:none}.about h2{font-size:84px}.about-lead{font-size:17px}.about-content>p:not(.about-lead){font-size:12px}.contact h2{font-size:68px}.contact-email{font-size:11px;gap:10px;margin-top:30px;word-break:break-word;align-items:center}.contact-email span{font-size:20px}.contact-links{font-size:8px;gap:27px;margin-top:38px}.site-footer{padding:24px 6%;flex-direction:column;gap:5px;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:100svh}.story-stage{position:relative}.workstation{transform:none!important;opacity:1!important}.opening-copy{opacity:1!important;transform:none!important}.trace-copy,.defense-copy,.trace-scene{display:none!important}.story-rail{display:none}.scroll-cue{visibility:hidden}}
/* Keep evidence boundaries readable at every viewport. */
.scope-note{font-size:11px;line-height:1.8}.console-footer{font-size:8px}.image-tag{font-size:8px}.scenario-label{font-size:9px}.project-summary .eyebrow{font-size:9px}.console-toolbar{font-size:9px}.project-actions .text-link,.project-actions .button{font-size:9px}
@media(max-width:600px){.scope-note{font-size:10px}.console-footer{font-size:8px}.image-tag{font-size:7px}.scenario-label{font-size:8px}.console-toolbar{font-size:8px}.project-summary .eyebrow{font-size:8px}.site-header nav{font-size:9px;gap:13px}.tab-index{font-size:8px}.tab-project{font-size:8px}.tab-project>span{font-size:6px}.workflow-strip{font-size:8px}.site-footer{font-size:8px}}
@media(max-width:600px){.about>div{min-width:0}.about h2{font-size:clamp(64px,21vw,84px)}}
@media(max-width:360px){.brand-name{display:none}.site-header nav{gap:19px}.story-copy h1{font-size:34px}.hero-bottom p{font-size:10px}.story-meta{gap:8px}.scenario-label{font-size:7px}.about h2{font-size:64px}.contact h2{font-size:58px}}
/* Continuous scene: prompt → event → trace → defensive workstation. */
.story{height:calc(100svh + min(100svh,900px)*3.1)}
.workstation{inset:max(0px,calc((100svh - 960px)/2)) 0;transform-origin:70% 42%}
.trace-scene{inset:max(0px,calc((100svh - 960px)/2)) 0}
.story-copy{bottom:max(115px,calc((100svh - 960px)/2 + 140px))}
.trace-copy{bottom:max(150px,calc((100svh - 960px)/2 + 180px))}
.defense-copy{bottom:auto;top:17%;text-align:center;left:4%;right:4%}
.defense-copy .eyebrow{justify-content:center}
.defense-copy h2{font-size:clamp(44px,5vw,72px)}
.enter-key{transition:box-shadow .15s;color:#e2e9da;min-width:72px;text-align:center}
.enter-key.is-sent{box-shadow:0 0 22px #ff61365a;color:#11170d;border-color:var(--orange)}
.story-stage:after{z-index:4;pointer-events:none}
.event-flight{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible;opacity:0}
.flight-trail{stroke:var(--orange);stroke-width:1.4;opacity:.6}.event-aura,.event-packet{fill:var(--orange)}.event-packet{stroke:#ffe7cf;stroke-width:1}
.defender-scene{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none;will-change:opacity}
.defender-room{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#69775829,transparent 66%),linear-gradient(#080b08bb,#080b08dd)}
.defender-horizon{position:absolute;left:-20%;right:-20%;height:35%;bottom:0;background:linear-gradient(#37452a22,#080a09 85%),repeating-linear-gradient(90deg,transparent 0 79px,#a7b48d10 79px 80px);transform:perspective(500px) rotateX(50deg);border-top:1px solid #9ba88838;transform-origin:top}
.defender-monitor{position:absolute;left:50%;top:calc(50% + 28px);width:min(88%,1160px);transform:translate(-50%,-50%) scale(.33);will-change:transform;filter:drop-shadow(0 30px 35px #0009)}
.defender-bezel{border:12px solid #181d16;border-bottom-width:7px;border-radius:10px;background:#0b0e0a;box-shadow:0 0 0 1px #78826770,inset 0 0 0 1px #78826730,0 0 80px #a1ba7b0b;padding:0 12px 8px}
.defender-led{position:relative;height:23px;margin:0 1px;background:linear-gradient(#1a2117,#10160e);border:1px solid #626e4a33;border-top:0;border-radius:0 0 7px 7px;display:flex;align-items:center;justify-content:center;gap:20px;font:6px var(--mono);letter-spacing:.15em;color:#7a876d}.defender-led i{width:4px;height:4px;background:var(--orange);box-shadow:0 0 9px #ff6136}
.defender-stand{width:26%;height:60px;position:absolute;top:100%;left:37%;background:linear-gradient(90deg,#0b1009,#2c3823,#0e140b);clip-path:polygon(35% 0,65% 0,70% 75%,100% 90%,100% 100%,0 100%,0 90%,30% 75%);opacity:calc(1 - var(--arrive,0)*.8)}
.defender-scene .console-section{background:transparent;padding:16px 0 0;scroll-margin:0}
.defender-scene .section-heading{margin:0 17px 16px;gap:15px;align-items:end;flex-direction:row}
.defender-scene .section-heading .eyebrow{font-size:8px}
.defender-scene .section-heading h2{font-size:38px;margin-top:8px;line-height:1}
.defender-scene .section-heading>p{font-size:10px;max-width:200px;line-height:1.6}
.defender-scene .console-toolbar{padding:12px 17px;font-size:8px}
.defender-scene .console-body{grid-template-columns:190px 1fr}
.defender-scene .project-panel{padding:19px 23px}
.defender-scene .project-summary{margin-bottom:17px;gap:22px}
.defender-scene .project-summary h3{font-size:51px;margin-top:10px;gap:22px}
.defender-scene .project-summary>p{font-size:11px;max-width:210px}
.defender-scene .project-image{height:190px;aspect-ratio:auto}
.defender-scene .project-image img{object-fit:cover;object-position:center 35%}
.defender-scene .workflow-strip{padding:12px 0;font-size:8px}
.defender-scene .project-actions{margin-top:15px;gap:20px}
.defender-scene .project-actions .button{padding:11px 14px;font-size:8px}
.defender-scene .project-actions .text-link{font-size:8px}
.defender-scene .scope-note{font-size:9px;margin-top:15px;line-height:1.6}
.defender-scene .project-tab{padding:22px 20px 18px}
.defender-scene .project-tab strong{font-size:46px;margin-top:13px}
.defender-scene .tab-project{margin-top:23px;font-size:8px}
.defender-scene .tab-project>span{font-size:6px}
.defender-scene .tab-index{font-size:8px}
.defender-scene .sidebar-note{margin:10px 20px 18px;padding-top:0}
.defender-scene .sidebar-note p{margin-top:3px;font-size:9px}
.defender-scene .crosshair{font-size:22px}
.defender-scene .console-footer{padding:10px 17px;font-size:7px;flex-direction:row}
.learn-preview{height:190px;border:1px solid #45513a;background:radial-gradient(ellipse at 65% 40%,#303f252a,transparent),#0b100b;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px}
.learn-preview-bar{font:7px var(--mono);letter-spacing:.06em;display:flex;justify-content:space-between;gap:10px;color:#a8b39d}.learn-preview-bar>span:last-child{color:#8c9882;font-size:6px}
.learn-flow{display:flex;justify-content:space-between;align-items:center;gap:6px;font:9px var(--mono);padding:8px 0;color:#cdd8c2}
.learn-flow i{font-style:normal;color:var(--orange)}
.learn-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.source-fragment{border-left:2px solid var(--orange);padding-left:12px}.source-fragment>span,.learn-result>span{font:7px var(--mono);letter-spacing:.05em;color:var(--orange)}
.source-fragment p,.learn-result p{font-size:11px;line-height:1.5;margin-top:5px;max-width:230px}
.learn-result p{color:#acb9a0}.learn-controls{display:flex;gap:6px;margin-top:8px}.learn-controls button{font:7px var(--mono);padding:6px 9px;background:transparent;border:1px solid #4e5b40;color:#aebca0;white-space:nowrap}.learn-controls button[aria-pressed=true]{color:#0a1007;background:var(--orange);border-color:var(--orange)}.learn-controls button:hover{border-color:var(--orange)}
.learn-preserved{font:6px var(--mono);color:#a1af94;display:flex;align-items:center;gap:6px;margin-top:6px}.learn-preserved i{width:4px;height:4px;background:#8aab6d}
@media(max-width:1000px) and (min-width:601px){.defender-monitor{width:91%}.defender-scene .console-body{grid-template-columns:165px 1fr}.defender-scene .project-panel{padding:17px}.defender-scene .project-summary{flex-direction:row;gap:15px}.defender-scene .project-summary h3{font-size:44px}.defender-scene .project-summary>p{font-size:10px;max-width:180px}.defender-scene .section-heading h2{font-size:34px}.defender-scene .section-heading>p{max-width:170px}.defender-scene .project-actions{gap:13px}}
@media(max-width:600px){.story{height:calc(100svh + min(100svh,780px)*2.7)}.story-stage{height:max(100svh,780px);min-height:780px}.workstation{inset:max(0px,calc((100svh - 880px)/2)) 0}.trace-scene{inset:max(0px,calc((100svh - 880px)/2)) 0}.story-copy{bottom:max(120px,calc((100svh - 880px)/2 + 140px))}.trace-copy{bottom:max(155px,calc((100svh - 880px)/2 + 160px))}.defense-copy{top:15%;bottom:auto}.defense-copy h2{font-size:42px}.defender-monitor{width:94%;top:calc(50% + 28px)}.defender-bezel{border-width:7px;padding:0 5px 5px;border-radius:7px}.defender-led{height:17px;font-size:5px}.defender-scene .console-section{padding-top:11px}.defender-scene .section-heading{margin:0 10px 12px}.defender-scene .section-heading .eyebrow{font-size:6px}.defender-scene .section-heading h2{font-size:26px;margin-top:6px}.defender-scene .section-heading>p{display:none}.defender-scene .console-toolbar{padding:9px 11px;font-size:7px}.defender-scene .console-body{display:block}.defender-scene .project-tab{padding:12px 12px 10px}.defender-scene .project-tab strong{font-size:32px;margin:9px 0 4px}.defender-scene .project-tab strong>span{font-size:15px}.defender-scene .tab-index{font-size:6px}.defender-scene .tab-desc{font-size:9px}.defender-scene .tab-project{margin-top:12px;font-size:7px}.defender-scene .tab-project>span{font-size:5px}.defender-scene .project-panel{padding:14px}.defender-scene .project-summary{margin-bottom:12px;gap:9px;flex-direction:column}.defender-scene .project-summary h3{font-size:42px;margin-top:7px;gap:20px}.defender-scene .project-summary .eyebrow{font-size:7px}.defender-scene .project-summary>p{font-size:10px;max-width:100%;line-height:1.5}.defender-scene .project-image{height:145px}.defender-scene .workflow-strip{font-size:7px;padding:10px 0;gap:5px}.defender-scene .project-actions{margin-top:12px;gap:8px 14px}.defender-scene .project-actions .button{font-size:8px;padding:10px 13px}.defender-scene .project-actions .text-link{font-size:7px;padding:6px 0}.defender-scene .scope-note{font-size:9px;margin-top:10px;line-height:1.5}.defender-scene .console-footer{padding:8px 11px;font-size:6px;gap:10px}.defender-scene .sidebar-note{display:none}.learn-preview{height:200px;padding:10px}.learn-preview-bar{font-size:6px}.learn-preview-bar>span:last-child{font-size:5px;max-width:105px;text-align:right;line-height:1.4}.learn-flow{font-size:8px;gap:4px}.learn-preview-body{gap:10px}.source-fragment{padding-left:8px}.source-fragment p,.learn-result p{font-size:10px}.source-fragment>span,.learn-result>span{font-size:6px}.learn-controls{gap:4px}.learn-controls button{font-size:6px;padding:7px 5px;flex:1}.learn-preserved{font-size:5px}.defender-stand{height:35px}}
@media(prefers-reduced-motion:reduce){.story{height:auto!important}.story-stage{height:auto!important;position:relative;overflow:visible;min-height:0}.workstation{inset:0;height:650px}.opening-copy{position:relative;left:auto;right:auto;bottom:auto;padding:390px 6% 60px;min-height:650px}.defender-scene{position:relative;inset:auto;opacity:1!important;pointer-events:auto!important;padding:0 0 35px}.defender-room,.defender-stand,.event-flight{display:none}.defender-monitor{position:relative;top:auto;left:auto;transform:none!important;width:92%;margin:0 auto}.story-meta{top:620px;bottom:auto}.story-skip{top:100px}.defender-scene .console-section{scroll-margin-top:100px}}
/* Keep the room full bleed; compress the composition on tall portrait screens. */
.workstation,.trace-scene{inset:0}
@media(min-height:1000px){.monitor-main{top:calc(50% - 220px);height:320px}.monitor-left{top:calc(50% - 190px);height:270px}.monitor-right{top:calc(50% - 200px);height:280px}.desk{top:calc(50% + 170px)}.keyboard{top:calc(50% + 180px)}.mouse{top:calc(50% + 180px)}.desk-glow{top:calc(50% + 150px)}}
#learn-panel>.workflow-strip{display:none}
.defender-monitor{filter:none}.defender-bezel{box-shadow:0 0 0 1px #78826770,inset 0 0 0 1px #78826730,0 25px 45px #0009}
.learn-controls button{font-size:9px}.learn-preview-bar{font-size:8px}.source-fragment>span,.learn-result>span{font-size:8px}.source-fragment p,.learn-result p{font-size:12px}.learn-preserved{font-size:8px}
@media(max-width:600px){.learn-controls button{font-size:7px}.learn-preview-bar{font-size:7px}.source-fragment>span,.learn-result>span{font-size:7px}.source-fragment p,.learn-result p{font-size:11px}.learn-preserved{font-size:6px}}
.defender-scene .sidebar-note{display:none}
@media(max-width:360px),(max-width:600px) and (max-height:790px){.story-stage{height:max(100svh,740px);min-height:740px}.defender-monitor{top:calc(50% + 35px)}.defender-scene .project-tab{padding:10px 11px}.defender-scene .tab-desc,.defender-scene .tab-project{display:none}.defender-scene .project-tab strong{font-size:30px;margin:8px 0 0}.defender-scene .project-summary h3{font-size:36px}.defender-scene .project-summary>p{font-size:10px}.defender-scene .project-panel{padding:12px}.defender-scene .project-image{height:130px}.learn-preview{height:175px;padding:8px}.source-fragment p,.learn-result p{font-size:10px}.learn-controls button{font-size:6px;padding:6px 4px}.learn-flow{padding:5px 0;font-size:7px}.learn-preview-body{gap:8px}.learn-preserved{font-size:5px}.defender-scene .section-heading h2{font-size:24px}.defender-scene .scope-note{font-size:8px}}