@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#0b0d0c;--fg:#eceee7;--muted:#858d82;--green:#c4f46f;--line:#2a302a;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}::selection{color:var(--bg);background:var(--green)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}.mono{font:9px var(--mono);letter-spacing:1px}header{height:86px;position:absolute;top:0;left:4.4%;right:4.4%;display:flex;align-items:center;border-bottom:1px solid #ffffff17;z-index:20;gap:40px}.logo{font:600 29px var(--display);letter-spacing:-1.5px}.logo>span{color:var(--muted);font-weight:400}.logo b{color:var(--green);font-size:10px;vertical-align:top;margin-left:5px;letter-spacing:0}.header-note{color:#626d60;font-size:7px;letter-spacing:1.2px}nav{display:flex;gap:35px;margin-left:auto;font-size:10px}nav sup{font:7px var(--mono);color:var(--green);margin-left:4px}nav a:last-child{border:1px solid #49533d;padding:11px 15px;margin-top:-11px}nav a:last-child span{margin-left:20px;color:var(--green)}.journey{height:860svh;position:relative}.stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:#0b0d0c;isolation:isolate}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 49%,#35402550 0,transparent 46%);z-index:-1}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.04;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")} .grid-floor{position:absolute;left:32%;right:-40%;height:80%;top:51%;background-image:linear-gradient(#78945e15 1px,transparent 1px),linear-gradient(90deg,#78945e15 1px,transparent 1px);background-size:65px 65px;transform:perspective(450px) rotateX(62deg);transform-origin:center top;mask-image:radial-gradient(ellipse,#000,transparent 68%);z-index:-1}.stage-top{position:absolute;top:120px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;color:#697562;font-size:7px;letter-spacing:1px}.stage-top i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:100%;margin-right:10px;box-shadow:0 0 9px #c4f46760}.stage-top>span:last-child{color:#46503f}.scene-copy{position:absolute;left:7%;top:50%;width:39%;transform:translateY(-46%);z-index:5}.chapter-kicker{color:var(--green);font-size:8px;letter-spacing:1.5px;margin-bottom:27px}h1{font:500 clamp(50px,6.1vw,92px)/1.04 var(--display);letter-spacing:-5px;margin:0;min-height:3.12em}em{font-style:normal;color:var(--green)}.scene-copy>p{font-size:13px;line-height:1.9;color:#8a9483;margin:25px 0 25px;max-width:340px;min-height:74px}.scene-tags{display:flex;gap:10px;color:#68765e;font-size:7px;letter-spacing:.7px;flex-wrap:wrap}.scene-tags span{border:1px solid #34402c;padding:7px 9px}.scene-action{background:var(--green);color:#172011;margin-top:20px;padding:13px 20px;font:10px var(--mono);min-width:190px;text-align:left}.scene-action:hover{background:#d6ff8e}.skip-story{display:inline-block;font-size:8px;color:#56624c;margin-top:25px;letter-spacing:.6px}.scene-action:not([hidden])+.skip-story{display:block}.skip-story:hover{color:var(--green)}.computer-world{position:absolute;top:10%;bottom:8%;left:45%;width:55%;perspective:1300px;pointer-events:none;z-index:2}.laptop-position{position:absolute;left:50%;top:53%;width:min(43vw,690px);height:min(29vw,460px);transform:translate(-50%,-50%);perspective:1300px}.laptop{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-18deg) rotateZ(3deg);will-change:transform}.lid{position:absolute;left:0;top:0;width:100%;height:80%;transform-style:preserve-3d;transform-origin:center bottom;transform:rotateX(-86deg);will-change:transform}.lid-back{position:absolute;inset:0;background:linear-gradient(125deg,#3b4039,#191d19 48%,#363c32);border:2px solid #5b6254;border-radius:15px;transform:rotateY(180deg) translateZ(3px);backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 1px 2px #8e9a7b25}.lid-back>span{font:500 86px var(--display);letter-spacing:-8px;color:#a2ad96;text-shadow:0 0 30px #c4f46f13}.green{color:var(--green)}.lid-back small{position:absolute;bottom:25px;font-size:6px;color:#68775d}.display{position:absolute;inset:0;padding:14px 12px 25px;border:2px solid #545c4d;border-radius:14px;background:linear-gradient(140deg,#2b3028,#111510 55%,#292e23);backface-visibility:hidden;box-shadow:0 0 0 1px #080a08,0 25px 70px #0008;transform:translateZ(1px)}.bezel-camera{position:absolute;width:3px;height:3px;top:5px;left:50%;background:#55624c;border-radius:100%}.screen{position:relative;width:100%;height:100%;overflow:hidden;background:#10170d;border:1px solid #040704;box-shadow:0 0 35px #a8e76b08;opacity:0}.screen-chrome{height:23px;padding:0 9px;display:flex;justify-content:space-between;align-items:center;background:#151c12;border-bottom:1px solid #36402d;font-size:5px;letter-spacing:.3px;color:#879776}.screen-chrome>span:first-child{display:flex;gap:4px}.screen-chrome b{width:4px;height:4px;border-radius:100%;background:#546147}.screen-chrome b:first-child{background:#bddf88}.screen-content{position:absolute;top:23px;left:0;right:0;bottom:0}.screen-view{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s;pointer-events:none}.screen-view.active{opacity:1;visibility:visible}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#2b411c,#0a1008 70%)}.boot-symbol{font:600 clamp(40px,6vw,88px) var(--display);letter-spacing:-7px;color:#e9f1df}.boot-symbol span{color:var(--green)}.boot-terminal{width:65%;font-size:6px;letter-spacing:.7px;color:#8caa70;line-height:1.7}.boot-terminal p:first-child{color:#d0e8b6;letter-spacing:2px}.boot-track{height:2px;background:#344327;margin:13px 0}.boot-track>div{height:100%;background:var(--green);width:0;box-shadow:0 0 10px #c4f46770}.boot-terminal>span{font-size:5px;color:#5f7a47}.bezel-brand{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:1.4px;color:#606f53}.base{position:absolute;top:80%;left:-3%;width:106%;height:58%;border:1px solid #647057;border-radius:4px 4px 11px 11px;background:linear-gradient(130deg,#66715c,#353e30 40%,#58634b);transform-origin:center top;transform:rotateX(76deg);backface-visibility:visible;box-shadow:inset 0 0 0 2px #81916b22}.keyboard{position:absolute;top:8%;left:7%;right:7%;height:49%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(5,1fr);gap:3px}.keyboard i{background:linear-gradient(#20291a,#12190f);border:1px solid #73865d44;border-radius:2px;box-shadow:0 1px 2px #0008;display:block}.keyboard i:nth-child(n+57){opacity:.8}.keyboard i:nth-child(62){grid-column:span 5}.trackpad{position:absolute;left:34%;width:32%;height:27%;bottom:7%;border:1px solid #242d1f;background:#64705655;border-radius:4px}.power-light{position:absolute;right:3%;top:11%;width:3px;height:3px;background:var(--green);box-shadow:0 0 8px var(--green)}.base-edge{position:absolute;left:-3%;top:80%;width:106%;height:10px;background:#849374;border:1px solid #34412a;transform:translateY(95px) translateZ(-130px);opacity:0}.computer-shadow{position:absolute;width:90%;height:20%;top:73%;left:7%;background:radial-gradient(ellipse,#000b,transparent 68%);transform:rotate(-7deg);z-index:-1}.orbit{position:absolute;border:1px solid #65774a22;width:95%;height:70%;top:17%;left:3%;border-radius:100%;transform:rotate(-25deg);z-index:-1}.orbit-b{transform:rotate(37deg);width:70%;left:15%;border-style:dashed;border-color:#65774a16}.world-coordinate{position:absolute;right:10%;top:20%;color:#4c5e3c;font-size:6px;letter-spacing:1px}.hardware-label{position:absolute;bottom:7%;left:24%;color:#667b50;font-size:7px;letter-spacing:1.6px}.stage-bottom{position:absolute;left:4.4%;right:4.4%;bottom:34px;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;gap:15px;align-items:center;font-size:7px;color:#718462}.scroll-line{width:35px;height:1px;background:var(--green)}.scroll-cue>span:last-child{font-size:16px;color:var(--green)}.stage-count{color:#43513a;font-size:9px}.stage-count b{color:var(--green);font-size:16px;font-weight:400;margin-right:9px}.soundless{background:none;color:#7f8b72;font-size:7px}.chapter-nav{position:absolute;right:25px;top:50%;display:flex;flex-direction:column;gap:12px;z-index:8}.chapter-nav button{width:5px;height:5px;border-radius:100%;padding:0;background:#39442f;outline-offset:5px;position:relative}.chapter-nav button:before{content:'';position:absolute;inset:-6px}.chapter-nav button.active{background:var(--green);box-shadow:0 0 0 4px #c4f46f13}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#20291b}.journey-progress span{display:block;background:var(--green);width:0;height:100%}.project-screen{background:#e4e5de}.project-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.01);transition:opacity .25s}.screen-project-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:#0b110be8;display:flex;justify-content:space-between;color:#b4ca9c;font-size:5px;letter-spacing:1px}.debug-screen{background:#10160e;padding:6% 7%;pointer-events:auto}.debug-top{display:flex;justify-content:space-between;font-size:5px;color:#789761}.error-pill{color:#ef9b84;border:1px solid #7d4a39;padding:3px 5px}.debug-screen h2{font:500 clamp(20px,2.6vw,40px)/1.1 var(--display);letter-spacing:-1px;margin:7% 0 4%}.debug-screen h2 span{color:var(--green)}.debug-screen p{font-size:clamp(5px,.68vw,11px);line-height:1.7;color:#7b8f6c;margin:0}.debug-screen button{background:var(--green);color:#18220f;font:clamp(5px,.6vw,9px) var(--mono);padding:8px 11px;margin-top:5%;pointer-events:auto}.debug-lines{display:flex;flex-direction:column;gap:5px;font-size:clamp(4px,.5vw,8px);color:#c97f66;margin-top:6%}.human-screen{display:flex;background:#dbe2d1;color:#1b2716;align-items:center}.human-screen>img{height:100%;width:44%;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply;object-position:50% 20%}.human-screen>div{padding:6%}.human-screen .mono{font-size:4px;color:#5a6e4a;letter-spacing:1px}.human-screen h2{font:500 clamp(20px,3.8vw,57px)/1 var(--display);letter-spacing:-2px;margin:12% 0}.human-screen h2 span{color:#7c9b50}.human-screen p{font-size:clamp(6px,.8vw,12px);line-height:1.7}.career{padding:95px 8% 65px;background:#e4e7dd;color:#1d2718}.section-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#758269;padding-bottom:26px;border-bottom:1px solid #bdc6b3}.career-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding:55px 0 50px}.eyebrow{font-size:8px;color:#70825b;letter-spacing:2px}h2{font:500 clamp(35px,4.7vw,70px)/1.08 var(--display);letter-spacing:-3px;margin:0}.career h2 em{color:#7c8b68}.career-summary>p:first-child{font-size:18px;color:#44523a;margin-top:0;line-height:1.6}.career-summary p{font-size:12px;line-height:1.9;color:#6b775f}.outline-button{border:1px solid #a6b298;background:none;padding:14px 18px;display:flex;gap:50px;font-size:10px;margin-top:23px}.outline-button:hover{background:#c4f46f}.timeline{border-top:1px solid #bdc6b3}.timeline-item{display:grid;grid-template-columns:.7fr 1.8fr .5fr;padding:25px 0;border-bottom:1px solid #bdc6b3;align-items:center;gap:20px}.timeline-item time{font:9px var(--mono);color:#82916f}.timeline-item h3{font:500 17px var(--display);letter-spacing:-.4px;margin:0}.timeline-item>span{text-align:right;font:9px var(--mono);color:#71845a}.timeline-item:first-child h3:after{content:'ŞU AN';font:6px var(--mono);letter-spacing:1px;background:#bfda96;padding:5px 7px;margin-left:13px;vertical-align:middle}.toolbox{padding-top:35px;display:flex;align-items:center;gap:40px}.toolbox>span{font-size:7px;color:#7d8f6a;white-space:nowrap}.toolbox p{font:500 20px var(--display);letter-spacing:-.5px}.toolbox i{font-style:normal;color:#a0af91;margin:0 10px}.contact{padding:80px 8%;background:#141a11}.contact .section-meta{border-color:#2a3622}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:50px}.contact h2{font-size:clamp(36px,4.6vw,65px);letter-spacing:-3px}.contact-grid>div>p{font-size:12px;line-height:1.9;color:#778b67;margin:28px 0}.contact-grid>div>a{font-size:14px;display:block;color:#c7d5ba}.contact-grid>div .linkedin{font-size:8px;letter-spacing:1px;color:#7d9169;margin-top:30px}form>label{display:block;font:8px var(--mono);letter-spacing:1px;color:#8f9f80;margin-bottom:23px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #39472f;padding:13px 0;background:none;color:var(--fg);font:12px/1.8 'Manrope',sans-serif;border-radius:0;resize:vertical}input::placeholder,textarea::placeholder{color:#536249}form>button{width:100%;display:flex;justify-content:space-between;padding:17px 20px;background:var(--green);color:#18220f;font-size:11px}form>button span{font-size:17px}.form-note{font:8px/1.8 var(--mono);letter-spacing:0;color:#708461;margin:14px 0 0}footer{padding:30px 4.4%;display:flex;gap:35px;align-items:center;border-top:1px solid #202a1b}footer>.mono{font-size:6px;line-height:1.8;letter-spacing:.8px;color:#526346}footer>a:last-child{margin-left:auto;font-size:8px;color:#8fa17a}.skip{position:fixed;left:10px;top:-70px;z-index:100;background:var(--green);color:#14200c;padding:15px}.skip:focus{top:10px}dialog{padding:0;border:1px solid #4b5d3b;background:#10170d;color:var(--fg);width:min(960px,92vw);max-height:88dvh;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#030702d9;backdrop-filter:blur(12px)}.dialog-bar{position:sticky;top:0;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;background:#151e11;border-bottom:1px solid #34452a;z-index:5}.dialog-bar button{background:none;padding:5px 9px;font-size:12px;color:#b2c99c}.dialog-bar button:hover{background:#34452a}.archive-grid{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.archive-card{padding:0;background:none;text-align:left}.archive-card img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;filter:saturate(.6);transition:filter .2s}.archive-card:hover img{filter:saturate(1)}.archive-card h3{font:500 17px var(--display);margin:10px 0 5px}.archive-card span{font:7px var(--mono);letter-spacing:1px;color:#859f70}#project-detail{padding:30px}#project-detail h2{font-size:40px;letter-spacing:-2px;margin:15px 0}#project-detail p{font-size:13px;line-height:1.8;color:#91a37f}#project-detail img{width:100%;max-height:600px;object-fit:contain;background:#e4e7dd}#project-detail>.mono{font-size:8px}#cv-dialog{background:#e4e7dd;color:#1d2718}#cv{padding:35px 45px}#cv h2{font-size:44px;letter-spacing:-2px;margin:10px 0}#cv h3{font:500 21px var(--display);margin:28px 0 16px}#cv h4{font-size:13px;margin:9px 0}#cv p,#cv li{font-size:12px;line-height:1.9}#cv .cv-job{border-left:1px solid #9eaf8a;padding-left:18px;margin-bottom:22px}#cv small{font:8px var(--mono);color:#718c59}.debug-game{padding:35px}#debug-dialog{width:min(740px,92vw)}.debug-game-head{display:flex;justify-content:space-between;color:#91ad78;margin-bottom:30px;font-size:8px}.debug-game h2{font-size:35px;letter-spacing:-1.5px}.debug-game>p{font-size:12px;line-height:1.8;color:#91a67e}.debug-game pre{background:#080e06;border:1px solid #2c3d21;padding:20px;font:10px/1.9 var(--mono);white-space:pre-wrap;color:#ce937b;overflow-wrap:anywhere}.incident-option{display:flex;gap:15px;align-items:center;width:100%;margin-top:10px;padding:15px;text-align:left;border:1px solid #34492a;background:#172110;color:#b5cba2;font-size:11px}.incident-option span{font:9px var(--mono);color:#698456}.incident-option:hover{border-color:var(--green)}.incident-option.correct{border-color:var(--green);color:var(--green);background:#253b14}.incident-option.wrong{border-color:#b1785d;color:#d39a7e}.incident-option:disabled{cursor:default}.debug-game #incident-feedback{min-height:42px;font-size:11px}#next-incident{padding:13px 18px;background:var(--green);color:#18220f;font-size:11px}.sandbox-note{font-size:6px;color:#4e653c;border-top:1px solid #2c3d21;padding-top:20px;margin-top:25px}[hidden]{display:none!important}
@media(min-width:1600px){.scene-copy{left:10%}.computer-world{left:44%;width:50%}.scene-copy h1{font-size:100px}.career,.contact{padding-left:max(8%,calc((100vw - 1300px)/2));padding-right:max(8%,calc((100vw - 1300px)/2))}}
@media(max-width:1000px){.header-note{display:none}.stage-top>span:last-child{display:none}.scene-copy{left:6%;width:40%}h1{font-size:60px;letter-spacing:-3px}.computer-world{left:44%;width:60%}.laptop-position{width:49vw;height:34vw}.scene-copy>p{font-size:11px;max-width:290px}.scene-tags{font-size:6px;gap:5px}.scene-tags span{padding:6px}.chapter-kicker{font-size:6px;letter-spacing:1px}.career,.contact{padding:65px 6%}.timeline-item h3{font-size:14px}.toolbox{gap:20px}.toolbox p{font-size:15px}.toolbox i{margin:0 4px}.contact-grid{gap:6%}.contact h2{font-size:44px}}
@media(max-width:700px){header{height:70px;left:6%;right:6%;gap:10px}.logo{font-size:25px}nav{gap:18px;font-size:9px}nav a:nth-child(2){display:none}nav a:last-child{padding:9px 10px;margin-top:-9px}nav a:last-child span{margin-left:6px}.journey{height:770svh}.stage{height:100svh;min-height:650px}.stage-top{top:94px;left:6%;right:6%;font-size:6px;letter-spacing:.7px}.stage-top>span:nth-child(2){font-size:5px}.scene-copy{left:7%;top:20%;width:86%;transform:none;z-index:5}.chapter-kicker{font-size:7px;margin-bottom:15px}h1{font-size:clamp(42px,11.6vw,67px);line-height:1.02;letter-spacing:-2.8px;min-height:0}.scene-copy>p{font-size:11px;line-height:1.8;max-width:295px;min-height:0;margin:15px 0}.scene-tags{font-size:5px;letter-spacing:.6px;gap:6px}.scene-tags span{padding:5px 6px}.skip-story{display:none!important}.scene-action{margin-top:12px;padding:10px 14px;font-size:8px;min-width:155px}.computer-world{left:4%;top:49%;height:41%;width:96%;bottom:auto}.laptop-position{width:80vw;height:54vw;top:47%;left:50%}.world-coordinate{right:10%;top:2%;font-size:5px}.hardware-label{bottom:0;left:26%;font-size:6px}.orbit{top:0;height:90%}.stage-bottom{bottom:27px;left:6%;right:6%}.scroll-cue{font-size:5px;gap:8px;letter-spacing:.5px;max-width:68%}.scroll-line{width:17px;flex-shrink:0}.stage-count{font-size:7px}.stage-count b{font-size:13px}.soundless{font-size:6px;letter-spacing:.6px}.chapter-nav{right:13px;gap:11px;top:43%}.chapter-nav button{width:4px;height:4px}.grid-floor{top:67%;left:-30%;right:-80%}.boot-symbol{font-size:55px}.boot-terminal{font-size:5px}.screen-chrome{height:17px;font-size:4px}.screen-content{top:17px}.display{padding:12px 8px 19px;border-radius:10px}.lid-back{border-radius:10px}.bezel-brand{font-size:4px;bottom:6px}.keyboard{gap:2px}.trackpad{border-radius:2px}.screen-project-caption{font-size:4px;padding:7px}.debug-screen h2{font-size:25px;margin:4% 0}.debug-screen p{font-size:7px}.debug-top{font-size:4px}.debug-lines{font-size:5px;margin-top:4%;gap:3px}.debug-screen button{font-size:6px;padding:6px 8px;margin-top:3%}.human-screen h2{font-size:37px}.human-screen p{font-size:8px}.human-screen .mono{font-size:3px}.human-screen>div{padding:5%}.career,.contact{padding:45px 7%}.section-meta{font-size:6px;letter-spacing:.7px;gap:20px;padding-bottom:22px}.section-meta>span:last-child{font-size:5px}.career-intro{grid-template-columns:1fr;gap:25px;padding:30px 0}.career h2{font-size:40px;letter-spacing:-2px}.career-summary>p:first-child{font-size:16px}.career-summary p{font-size:12px}.outline-button{padding:12px 15px;font-size:9px}.timeline-item{grid-template-columns:1fr;gap:8px;position:relative;padding:21px 0}.timeline-item time{font-size:8px}.timeline-item h3{font-size:15px;max-width:88%;line-height:1.6}.timeline-item>span{position:absolute;right:0;top:22px;font-size:8px}.timeline-item:first-child h3:after{font-size:5px;margin-left:7px;padding:4px}.toolbox{display:block;padding-top:25px}.toolbox p{font-size:17px;line-height:1.8}.contact-grid{grid-template-columns:1fr;gap:40px;padding-top:30px}.contact h2{font-size:43px;letter-spacing:-2px}.contact-grid>div>p{font-size:12px;margin:22px 0}.contact-grid>div>a{font-size:13px}.contact-grid>div .linkedin{margin-top:20px}.form-note{font-size:7px}footer{padding:25px 6%;gap:20px;flex-wrap:wrap}footer>.mono{font-size:5px;max-width:170px}footer>a:last-child{font-size:6px}.archive-grid{grid-template-columns:1fr;padding:20px}.archive-card h3{font-size:16px}.dialog-bar{padding:12px;font-size:6px}#project-detail{padding:20px}#project-detail h2{font-size:30px}#cv{padding:25px}#cv h2{font-size:36px}.debug-game{padding:23px}.debug-game h2{font-size:29px}.debug-game-head .mono{font-size:6px}.debug-game pre{font-size:9px;padding:15px}.incident-option{font-size:10px;padding:13px;line-height:1.6}}
@media(max-height:730px) and (min-width:701px){.stage{min-height:560px}.stage-top{top:105px}.scene-copy{top:53%}h1{font-size:65px}.scene-copy>p{margin:18px 0;min-height:0}.chapter-kicker{margin-bottom:20px}.computer-world{top:13%;bottom:8%}.skip-story{margin-top:16px}.stage-bottom{bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-view,.project-screen img{transition:none}.journey{height:auto}.stage{position:relative;height:auto;min-height:0;padding-bottom:55px;overflow:visible}.stage-top,.scene-copy,.computer-world,.stage-bottom{position:relative;inset:auto}.stage-top{padding:110px 6% 30px}.scene-copy{transform:none;width:auto;padding:20px 7%}.scene-copy h1{font-size:60px;min-height:0}.computer-world{height:440px;width:90%;margin:0 auto;left:auto;top:auto;perspective:1300px}.laptop-position{width:min(650px,80vw);height:min(440px,54vw)}.stage-bottom{padding:0 7%}.chapter-nav{display:none}.journey-progress{display:none}.reduced-chapters{padding:25px 7%;display:flex;flex-wrap:wrap;gap:12px}.reduced-chapters button{background:#26351b;color:var(--green);padding:14px;font-size:11px}}
@media print{body>*{display:none!important}body>#cv-dialog{display:block!important;position:static;width:100%;max-height:none;border:0;box-shadow:none;color:#111;background:white}#cv-dialog .dialog-bar{display:none}#cv{padding:0}#cv .cv-job{break-inside:avoid}#cv h3{margin-top:20px}@page{margin:16mm}}
h1{font-size:clamp(48px,5.4vw,88px)}
@media(min-width:701px) and (max-width:1000px){h1{font-size:clamp(39px,5.4vw,56px);letter-spacing:-2.5px}.computer-world{left:43%;width:55%}.laptop-position{width:45vw;height:31vw}}
@media(max-width:700px){h1{font-size:clamp(40px,10.8vw,62px)}.computer-world{pointer-events:none}.laptop-position{width:80vw;height:54vw}}
.lid-back{transform:rotateY(180deg) rotateZ(180deg) translateZ(3px)}
/* Daha belirgin derinlik, sahne vurgusu ve okunabilir proje dosyaları. */
:root{--green:#c8ff75}.scene-copy>p{color:#9da994}.chapter-kicker{font-size:9px;letter-spacing:1.1px}.stage-top{color:#859375}.stage-top>span:last-child{color:#718162}.stage{--mx:0;--my:0}.ambient{background:radial-gradient(ellipse at 75% 48%,#476b2b40 0,transparent 48%)}#data-tunnel{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.chapter-ghost{position:absolute;left:4.5%;top:13%;font:500 clamp(180px,24vw,400px)/1 var(--display);letter-spacing:-20px;color:transparent;-webkit-text-stroke:1px #719b4920;pointer-events:none;mask-image:linear-gradient(#000,transparent 85%);z-index:-1}.computer-world{translate:calc(var(--mx)*10px) calc(var(--my)*8px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}.display{border-color:#738763;box-shadow:0 0 0 1px #080a08,0 25px 70px #0008,0 0 60px #b6ff5f0c}.screen{box-shadow:0 0 35px #a8e76b18}.screen-flash{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#d0ff931c 48%,#e0ffbc70 50%,transparent 55%);opacity:0}.screen-scan{position:absolute;inset:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(transparent 0,transparent 3px,#0000000b 4px);opacity:.4}.chapter-changing .screen-flash{animation:screen-reveal 850ms cubic-bezier(.2,.8,.2,1)}.chapter-changing .chapter-ghost{animation:ghost-in .8s ease-out}.chapter-changing .screen-view.active{animation:project-reveal .75s cubic-bezier(.2,.8,.2,1)}.scene-action{transition:box-shadow .25s,transform .25s;background:var(--green);box-shadow:0 0 0 1px #dcffae20,0 6px 26px #a2f64412}.scene-action:hover{transform:translateY(-3px);box-shadow:0 10px 35px #b5f76128}.world-coordinate,.hardware-label{color:#829e67}.orbit-a{box-shadow:0 0 50px #a1db6310}.scene-tags span{color:#9bb785;border-color:#435837}.stage[data-scene="debug"] .ambient{background:radial-gradient(ellipse at 76% 48%,#7b4c293a,transparent 55%)}.stage[data-scene="human"] .ambient{background:radial-gradient(ellipse at 76% 48%,#7b916348,transparent 55%)}@keyframes screen-reveal{0%{opacity:0;transform:translateX(-105%)}25%{opacity:.75}100%{opacity:0;transform:translateX(105%)}}@keyframes ghost-in{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes project-reveal{from{filter:brightness(1.6);transform:scale(1.04)}to{filter:brightness(1);transform:scale(1)}}
dialog{width:min(1120px,94vw);max-height:93dvh;border-color:#577044;border-radius:4px}dialog[open]{animation:dossier-open .38s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:#020601e8;backdrop-filter:blur(15px)}@keyframes dossier-open{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-bar{padding:16px 25px;font-size:9px;letter-spacing:1px;background:#172310f5;backdrop-filter:blur(12px)}.dialog-bar button{font-size:13px;padding:8px 12px}.archive-intro{padding:40px 38px 0}.archive-intro h2{font-size:54px;letter-spacing:-2px}.archive-intro>p:not(.mono){font-size:12px;line-height:1.9;color:#a3b58f;margin:20px 0}.archive-tools{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px}.archive-tools input{width:42%;padding:13px 15px;background:#1c2b14;border:1px solid #3f552f;font-size:11px}.archive-filters{display:flex;gap:7px;flex-wrap:wrap}.archive-filters button{border:1px solid #3f552f;background:transparent;padding:11px 15px;font-size:10px;color:#9fb68a}.archive-filters button[aria-pressed="true"]{background:var(--green);color:#14200b;border-color:var(--green)}.archive-result{font-size:8px;color:#72895f;margin:22px 0 0}.archive-grid{padding:25px 38px 40px;gap:35px 26px}.archive-card{display:block;color:var(--fg)}.archive-card-image{position:relative;overflow:hidden;aspect-ratio:1.75;background:#283420}.archive-card-image img{height:100%;width:100%;object-fit:cover;object-position:top;filter:saturate(.8);transition:transform .5s,filter .3s}.archive-card:hover img{transform:scale(1.04);filter:saturate(1)}.archive-card-status{position:absolute;left:12px;top:12px;background:#111b0ee8;padding:7px 9px;font:7px var(--mono);letter-spacing:.5px;color:#c4cdbd;border:1px solid #ffffff20}.archive-card-status.is-live{color:var(--green);border-color:#9cc85c50}.archive-card-arrow{position:absolute;bottom:10px;right:10px;background:var(--green);color:#17220e;padding:8px 11px;font-size:19px}.archive-card .archive-file{font-size:6px;color:#6f8c57;letter-spacing:.7px;display:block;margin:16px 0 9px}.archive-card h3{font-size:23px;margin:0;letter-spacing:-.6px}.archive-card p{font-size:11px;line-height:1.8;color:#95a784;margin:10px 0 12px;max-width:95%}.archive-card .archive-stack{font:8px/1.8 var(--mono);color:#c1d5ac;letter-spacing:.2px}.archive-empty{color:#b4c79f;font-size:14px;line-height:1.8;grid-column:1/-1;padding:30px 0}
#project-detail{padding:35px 40px 0}.case-heading{display:flex;gap:25px;align-items:flex-start;justify-content:space-between}.case-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#a8c48c;margin:0 0 15px}#project-detail .case-heading h2{font-size:clamp(34px,4vw,56px);letter-spacing:-2px;line-height:1.1;margin:0}.case-lead{max-width:710px!important;font-size:14px!important;line-height:1.8!important;color:#acbea0!important;margin:20px 0 0}.case-status{white-space:nowrap;font:8px var(--mono);padding:9px 12px;border:1px solid #49603a;color:#a7b59b;letter-spacing:.5px}.case-status i{display:inline-block;width:5px;height:5px;background:#77876b;margin-right:8px;border-radius:100%}.case-status.is-live{color:var(--green);border-color:#739c4c}.case-status.is-live i{background:var(--green);box-shadow:0 0 8px #c4f46f70}.case-navigation{display:flex;align-items:center;gap:20px;border-top:1px solid #33462a;border-bottom:1px solid #33462a;margin:28px 0;padding:15px 0}.case-navigation button{background:none;font-size:10px;padding:4px 0;color:#a7bd94}.case-navigation button:hover{color:var(--green)}.case-navigation>a{margin-left:auto;color:var(--green);font-size:11px}.case-navigation>span{margin-left:auto;font:7px var(--mono);color:#637f50}.case-gallery{background:#0a1007;border:1px solid #3c502e;border-radius:4px;overflow:hidden}.case-browser{height:35px;display:flex;align-items:center;justify-content:space-between;background:#1b2715;border-bottom:1px solid #3c502e;padding:0 15px;font-size:7px;letter-spacing:.5px;color:#92aa7d}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;background:#596e48;border-radius:100%}.browser-dots i:first-child{background:var(--green)}.gallery-image{width:100%;padding:0;background:#1b2515;position:relative;display:block;overflow:hidden}.gallery-image img{display:block;width:100%!important;max-height:580px!important;aspect-ratio:1.78;object-fit:contain!important;object-position:top!important;background:#0a1007!important}.gallery-image>span{position:absolute;bottom:15px;right:15px;padding:10px 13px;background:#101a0de8;border:1px solid #81a85a70;color:var(--green);font:9px var(--mono);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.gallery-image:hover>span,.gallery-image:focus-visible>span{opacity:1;transform:translateY(0)}.gallery-caption{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #33462a}.gallery-caption p{font:8px/1.6 var(--mono)!important;color:#8ba273!important;margin:0!important}.gallery-caption>div{display:flex;gap:8px}.gallery-caption button{border:1px solid #3c502e;background:none;width:32px;height:28px;color:var(--green)}.gallery-thumbs{display:flex;gap:12px;padding:0 15px 15px;overflow:auto}.gallery-thumbs button{padding:5px;background:none;border:1px solid #304324;min-width:145px;width:170px;text-align:left;color:#839c6c;flex-shrink:0}.gallery-thumbs button[aria-pressed="true"]{border-color:var(--green);color:var(--green);background:#233718}.gallery-thumbs img{display:block;width:100%!important;aspect-ratio:1.8;object-fit:cover!important;max-height:95px!important;object-position:top}.gallery-thumbs span{font:6px/1.7 var(--mono);display:block;padding:7px 4px 3px;letter-spacing:.3px}.case-note{background:#2a2914;border-left:2px solid #c4bd6b;padding:15px 18px;font-size:11px!important;color:#c0bd8e!important}.case-body{display:grid;grid-template-columns:1.9fr 1fr;gap:55px;padding:40px 0}.case-story section{padding:0 0 32px;margin-bottom:25px;border-bottom:1px solid #2c3b22}.case-story section:last-child{border:0;margin-bottom:0}.case-index{font:8px var(--mono)!important;color:#799c58!important;letter-spacing:1.2px!important;margin:0 0 13px!important}.case-story h3{font:500 29px var(--display);letter-spacing:-1px;margin:0 0 18px;color:#e2eed7}.case-story h4{font:500 17px var(--display);letter-spacing:-.3px;margin:28px 0 15px;color:#c9dab9}.case-story p{font-size:12px!important;line-height:2!important;color:#a3b592!important;margin:14px 0}.contribution-list{list-style:none;padding:0;margin:10px 0 0}.contribution-list li{display:flex;gap:17px;align-items:baseline;padding:12px 0;border-bottom:1px solid #25371b}.contribution-list li>span{font:9px var(--mono);color:var(--green)}.contribution-list li>p{margin:0!important;font-size:12px!important;line-height:1.8!important}.case-flow{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:25px 0}.case-flow li{padding:13px 15px;background:#1d2d14;border:1px solid #425c2e;font-size:10px;color:#b8ce9f;position:relative}.case-flow li>span{font:7px var(--mono);color:#678b49;margin-right:9px}.case-flow li:not(:last-child):after{content:'→';position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:1;color:var(--green)}.challenge-list{padding:0;list-style:none}.challenge-list li{font-size:11px;line-height:1.8;color:#92ac7e;padding:7px 0 7px 18px;position:relative}.challenge-list li:before{content:'+';position:absolute;left:0;color:var(--green)}.case-aside{align-self:start;position:sticky;top:80px;border:1px solid #33492a;padding:22px;background:#172310}.case-aside>div+div{border-top:1px solid #33492a;padding-top:20px;margin-top:20px}.case-aside h4{font:8px var(--mono);color:#8caa73;letter-spacing:1.1px;margin:0 0 15px}.case-aside ul{list-style:none;padding:0;margin:0}.case-aside li{font-size:11px;color:#b4c6a2;line-height:1.8;position:relative;padding-left:14px;margin-bottom:8px}.case-aside li:before{content:'↗';position:absolute;left:0;top:0;color:#7f9c65;font-size:9px}.case-aside p{font-size:11px!important;line-height:1.9!important;color:#9cb189!important;margin:0!important}.case-technologies{display:flex;flex-wrap:wrap;gap:6px}.case-technologies span{font:8px/1.6 var(--mono);padding:6px 8px;border:1px solid #49643a;color:#c4dab0;background:#23321a}.case-live-link{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:#17220e;font-size:10px;padding:13px;margin-top:17px}.case-live-link:hover{background:#ddffa9}.case-footer{border-top:1px solid #3d562c;padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.case-footer .mono{font-size:7px;color:#7d9d61}.case-footer p{font:500 21px var(--display)!important;color:#d2e2c3!important;margin:9px 0!important;letter-spacing:-.4px}.case-footer>div>a{font-size:11px;color:var(--green)}.case-adjacent{display:flex;gap:10px}.case-adjacent button{border:1px solid #49643a;background:none;padding:13px 15px;font-size:9px;color:#aec798}.case-adjacent button:hover{background:#2b401d}.zoom-scroll{overflow:auto;max-height:calc(93dvh - 65px);background:#0b1108}.zoom-scroll img{width:100%;height:auto;display:block}.case-browser #gallery-count{color:var(--green)}
@media(max-width:1000px){.chapter-kicker{font-size:7px}.case-body{gap:30px}.case-aside{padding:18px}.archive-intro h2{font-size:44px}.case-status{font-size:7px}.case-heading{gap:15px}.case-navigation{gap:15px}#project-detail{padding:28px}.case-lead{font-size:12px!important}.case-gallery .gallery-image img{max-height:480px!important}}
@media(max-width:700px){.chapter-ghost{font-size:220px;left:0;top:16%;letter-spacing:-15px;opacity:.75}.chapter-kicker{font-size:7px}.computer-world{translate:none}.scene-copy>p{font-size:11px;color:#a5b497}.stage-top{font-size:6px}.stage-top>span:last-child{display:none}.case-heading{display:block}.case-status{display:inline-block;margin-top:18px}.case-heading .eyebrow{font-size:6px}#project-detail{padding:23px 18px 0}#project-detail .case-heading h2{font-size:35px;letter-spacing:-1.7px}.case-lead{font-size:12px!important;margin:15px 0 0!important}.case-navigation{margin:22px 0;gap:14px;flex-wrap:wrap;padding:12px 0}.case-navigation button{font-size:9px}.case-navigation>a{font-size:10px;margin-left:0}.case-navigation>span{font-size:6px;margin-left:0}.case-browser{font-size:5px;height:29px;padding:0 10px}.gallery-image>span{opacity:1;transform:none;font-size:7px;padding:7px 9px;bottom:10px;right:10px}.gallery-caption{padding:10px}.gallery-caption p{font-size:6px!important;max-width:70%}.gallery-caption button{width:28px;height:25px}.gallery-thumbs{padding:0 10px 10px;gap:8px}.gallery-thumbs button{min-width:130px;width:130px}.gallery-thumbs span{font-size:5px}.case-body{display:flex;flex-direction:column;padding:28px 0 0;gap:0}.case-aside{position:static;order:-1;margin-bottom:30px;padding:18px}.case-aside>div+div{margin-top:16px;padding-top:16px}.case-aside h4{font-size:7px}.case-aside li{font-size:10px}.case-aside p{font-size:10px!important}.case-aside>div:first-child{display:none}.case-story h3{font-size:25px}.case-index{font-size:7px!important}.case-story p{font-size:12px!important;line-height:1.95!important}.case-story section{padding-bottom:25px;margin-bottom:24px}.contribution-list li>p{font-size:11px!important}.case-flow li{font-size:9px;padding:11px}.case-story h4{font-size:16px}.case-footer{display:block;padding:23px 0}.case-footer p{font-size:19px!important}.case-adjacent{margin-top:25px;justify-content:space-between}.case-adjacent button{font-size:8px;padding:12px}.dialog-bar{font-size:7px;padding:12px 15px}.dialog-bar button{font-size:12px;padding:6px 10px}.archive-intro{padding:25px 20px 0}.archive-intro h2{font-size:37px}.archive-intro>p:not(.mono){font-size:11px}.archive-tools{display:block}.archive-tools input{width:100%;font-size:11px}.archive-filters{margin-top:12px;gap:6px}.archive-filters button{font-size:9px;padding:10px 15px}.archive-grid{padding:22px 20px 30px;gap:30px}.archive-card h3{font-size:23px}.archive-card p{font-size:12px}.archive-card .archive-file{font-size:6px}.archive-card .archive-stack{font-size:8px}.archive-card-status{font-size:6px}.archive-result{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.computer-world{translate:none}.chapter-ghost,#data-tunnel{display:none}}
@media(max-width:700px){.zoom-scroll img{min-width:900px;max-width:none}.zoom-scroll{overflow:auto;-webkit-overflow-scrolling:touch}}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.module-card{padding:20px 18px;background:#192812;border:1px solid #3b522b}.module-card>.mono{font-size:8px;color:var(--green);letter-spacing:1px}.case-story .module-card h4{font-size:17px;letter-spacing:-.35px;margin:14px 0 10px;color:#d7e8c7}.case-story .module-card p{font-size:11px!important;line-height:1.9!important;margin:0!important;color:#9cb386!important}.source-notes{border:1px solid #405b2d;background:#172210}.source-notes summary{padding:20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}.source-notes summary::-webkit-details-marker{display:none}.source-notes summary small{display:block;font-size:7px;color:#83a568;margin-bottom:9px}.source-notes summary strong{font:500 22px var(--display);letter-spacing:-.6px;color:#cce2b8}.source-notes summary>b{font:24px var(--mono);font-weight:400;color:var(--green)}.source-notes[open] summary>b{transform:rotate(45deg)}.source-notes-content{padding:0 20px 15px;border-top:1px solid #354b27}.source-notes-content ul{padding-left:20px}.source-notes-content li{font-size:11px;line-height:1.9;color:#a7bf92;padding:4px 0}.case-navigation{flex-wrap:wrap}.case-navigation>span{font-size:6px}.chapter-nav{gap:11px}.stage-count{white-space:nowrap}.scene-action:disabled{opacity:.45;cursor:wait}.case-heading h2{overflow-wrap:anywhere}
@media(max-width:700px){.module-grid{grid-template-columns:1fr;gap:10px}.module-card{padding:17px}.case-story .module-card h4{font-size:18px}.case-story .module-card p{font-size:11px!important}.source-notes summary{padding:17px}.source-notes summary strong{font-size:20px}.source-notes-content{padding:0 17px 15px}.chapter-nav{gap:10px}.case-navigation{gap:12px}.case-navigation>button{font-size:9px}.case-heading h2{font-size:32px!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cv-seo-link{display:block;margin-top:18px;color:#617b49;font-size:9px;line-height:1.8}.case-permalink{display:block;color:var(--green);font-size:8px;line-height:1.8}.seo-fallback{padding:40px 7%;color:#c4d5b4}.document-body .document-header{position:relative;left:auto;right:auto;margin:0 6%;height:86px}.document-main{max-width:1240px;padding:55px 6% 75px;margin:auto}.document-main>h1{font-size:clamp(40px,5vw,72px);line-height:1.1;letter-spacing:-3px;min-height:0;max-width:100%;overflow-wrap:anywhere}.document-main .eyebrow{color:#91b66f;margin-bottom:20px}.document-lead{font-size:16px;line-height:1.9;color:#a3b88f;max-width:850px}.document-status{font-size:8px;padding:12px 0;color:var(--green)}.document-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px;margin-top:45px}.document-project img{display:block;width:100%;height:auto;aspect-ratio:1.78;object-fit:cover;object-position:top;border:1px solid #3b542a;background:#182411}.document-project>span{display:block;color:#8baa72;font-size:7px;margin:16px 0 10px}.document-project h2{font-size:26px;letter-spacing:-1px;line-height:1.2}.document-project p{font-size:12px;line-height:1.9;color:#98b082}.document-cover{width:100%;height:auto;max-height:620px;object-fit:contain;object-position:top;border:1px solid #3b542a;background:#152010;margin:20px 0 40px}.document-columns{display:grid;grid-template-columns:1.9fr 1fr;gap:45px}.document-article h2{font-size:30px;letter-spacing:-1px;margin:35px 0 20px}.document-article h3{font:500 20px var(--display);margin:24px 0 15px}.document-article p,.document-article li{font-size:13px;line-height:2;color:#a7bb96}.document-article li{padding:5px 0}.document-article ol:not(.case-flow),.document-article ul{padding-left:23px}.document-article .case-flow li{font-size:10px;padding:12px}.breadcrumbs{font-size:8px;line-height:1.9;color:#738f5d;margin-bottom:30px}.document-back{display:inline-block;padding:18px 0;color:var(--green);font-size:12px;margin-top:30px}.document-article .source-notes{margin-top:30px}.bio-heading{display:flex;gap:40px;justify-content:space-between;align-items:center}.bio-heading h1{font-size:clamp(45px,6vw,85px);min-height:0;letter-spacing:-4px}.bio-heading p{font-size:13px;color:#9bb386;line-height:1.9}.bio-heading a{font-size:12px;color:var(--green)}.bio-heading img{width:200px;height:250px;object-fit:cover;object-position:top;border:1px solid #4b6438;filter:grayscale(1)}.bio-article{max-width:850px}.document-job{border-left:1px solid #536f3e;padding-left:22px;margin:25px 0}.document-job .mono{font-size:9px;color:#83a366}.document-article .module-card h3{font-size:19px;color:#d4e5c2}.document-article .module-card p{font-size:12px;margin:0}.document-article .case-flow{padding-left:0}.document-body footer{max-width:1400px;margin:auto}.document-body footer a{color:#91b16f}
@media(max-width:700px){.document-main{padding:35px 7% 50px}.document-body .document-header{height:75px}.document-main>h1{font-size:39px;letter-spacing:-2px}.document-lead{font-size:13px;line-height:1.9}.document-project-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.document-project h2{font-size:25px}.document-columns{grid-template-columns:1fr;gap:25px}.document-columns .case-aside{order:-1}.document-cover{margin-bottom:25px}.document-article h2{font-size:27px}.document-article p,.document-article li{font-size:12px}.bio-heading{display:block}.bio-heading h1{font-size:49px;letter-spacing:-2.5px}.bio-heading img{width:150px;height:190px;margin-top:25px}.bio-heading p{font-size:13px}.document-body .document-header nav a:nth-child(2){display:block}.document-body .document-header nav{gap:12px}.document-body footer{gap:20px}.case-footer{flex-wrap:wrap}}
/* Mobile story: independent text and hardware rows prevent long slogans from overlapping the laptop. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .stage{display:grid;grid-template-rows:auto minmax(190px,1fr);gap:12px;padding:112px 7% 62px;min-height:700px;height:100svh}
 .scene-copy{position:relative;inset:auto;width:100%;transform:none;align-self:start}
 .scene-copy h1{font-size:clamp(34px,10vw,48px);line-height:1.04;letter-spacing:-2px;min-height:0}
 .chapter-kicker{margin-bottom:12px;line-height:1.6}
 .scene-copy>p{margin:12px 0;line-height:1.75;max-width:100%}
 .scene-action{margin-top:12px}
 .computer-world{position:relative;inset:auto;width:calc(100% + 10vw);margin:0 -5vw;height:100%;min-height:190px;overflow:clip;translate:none;perspective:1000px}
 .laptop-position{width:min(80vw,430px);height:min(54vw,290px);top:53%;left:50%}
 .hardware-label{bottom:3px;left:0;right:0;text-align:center;font-size:5px}
 .world-coordinate{display:none}
 .chapter-nav{right:9px;top:50%}
 .stage-top{top:92px}
 .stage-bottom{bottom:23px}
 .chapter-ghost{top:14%;font-size:180px}
}
@media(max-width:360px) and (prefers-reduced-motion:no-preference){
 .stage{padding-top:108px;gap:8px;min-height:690px}
 .scene-copy h1{font-size:33px}
 .scene-tags{font-size:4.5px;gap:4px}
 .scene-copy>p{font-size:10px}
}
@media(max-width:700px) and (max-height:700px) and (prefers-reduced-motion:no-preference){
 .stage{min-height:560px;padding:98px 7% 50px;grid-template-rows:auto minmax(130px,1fr);gap:8px}
 .stage-top{top:82px}
 .scene-copy h1{font-size:clamp(28px,8.4vw,36px);letter-spacing:-1.5px}
 .chapter-kicker{font-size:6px;margin-bottom:8px}
 .scene-copy>p{font-size:10px;line-height:1.65;margin:8px 0}
 .scene-tags{display:none}
 .scene-action{padding:8px 12px;margin-top:8px}
 .computer-world{min-height:130px}
 .laptop-position{width:min(70vw,360px);height:min(46vw,235px);top:52%}
 .hardware-label{font-size:4px}
 .stage-bottom{bottom:18px}
}

.contact-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-form button:disabled,#contact-form button:disabled{opacity:.65;cursor:wait}
/* Readable footer on every page. */
footer{gap:28px;padding:36px 5%;flex-wrap:wrap}
footer>.mono,footer>a.mono,footer>a:last-child{font-size:12px;line-height:1.9;letter-spacing:.5px;color:#b5c8a5}
footer>a.mono{display:inline-flex;align-items:center;min-height:44px}
footer>a:hover{color:var(--green)}
footer>span.mono{max-width:none}
/* The same scroll story becomes a phone on narrow screens. */
@media(max-width:700px){
 .computer-world{perspective:1100px}
 .laptop-position{height:87%;max-height:440px;width:auto;aspect-ratio:0.49;top:49%;left:50%}
 .laptop{filter:drop-shadow(12px 18px 18px #0008)}
 .lid{height:100%;transform-origin:center;transform:rotateX(0deg)!important}
 .lid-back,.base,.base-edge,.bezel-brand{display:none}
 .display{padding:7px;border:2px solid #a0b58a;border-radius:29px;background:linear-gradient(125deg,#829176,#253322 28%,#0c120b 65%,#65745a);box-shadow:inset 0 0 0 2px #0b100b,3px 1px 0 #637b51,5px 1px 0 #263720,0 20px 50px #0008;overflow:hidden}
 .bezel-camera{top:14px;left:50%;transform:translateX(-50%);width:35%;height:10px;border-radius:12px;background:#050805;z-index:12;box-shadow:inset -7px 0 0 #1c2b1880}
 .screen{border-radius:21px;border:1px solid #060906;background:#0c140b}
 .screen:after{content:'';position:absolute;bottom:7px;left:35%;width:30%;height:3px;border-radius:5px;background:#edf3e5a8;z-index:12;pointer-events:none}
 .screen-chrome{height:31px;padding:13px 8px 0;font-size:3px;align-items:center}
 .screen-chrome>span:first-child{gap:2px}.screen-chrome b{width:2px;height:2px}
 .screen-content{top:31px;bottom:0;transform:none!important}
 .laptop:before,.laptop:after{content:'';position:absolute;background:#8d9e7a;border-radius:2px;width:3px;z-index:2}
 .laptop:before{right:-4px;top:27%;height:13%}.laptop:after{left:-3px;top:21%;height:18%}
 .project-screen img{object-fit:cover;object-position:50% 0;transform:none}
 .screen-project-caption{font-size:4px;line-height:1.7;padding:12px 7px 17px;gap:5px;flex-direction:column;align-items:flex-start;background:linear-gradient(transparent,#101b0cf2 35%)}
 .boot-symbol{font-size:52px;letter-spacing:-5px}.boot-terminal{width:80%;font-size:4px;line-height:1.8}.boot-terminal p:first-child{letter-spacing:.6px}.boot-terminal>span{font-size:4px}
 .debug-screen{padding:15% 9%}.debug-top{font-size:3px;gap:5px;flex-wrap:wrap}.debug-screen h2{font-size:25px;margin:20% 0 12%;letter-spacing:-1.1px}.debug-screen p{font-size:7px;line-height:1.8}.debug-screen button{font-size:5px;padding:7px;margin-top:10%}.debug-lines{font-size:3.5px;line-height:1.8;margin-top:15%;overflow-wrap:anywhere}
 .human-screen{flex-direction:column;align-items:stretch}.human-screen>img{width:100%;height:45%;object-position:50% 25%}.human-screen>div{padding:12%}.human-screen h2{font-size:29px;letter-spacing:-1.2px;margin:10% 0}.human-screen p{font-size:8px;line-height:1.6}.human-screen .mono{font-size:3px;letter-spacing:.4px}
 .orbit{width:90%;height:65%;left:5%;top:18%}.computer-shadow{left:22%;width:56%;top:89%;height:7%}.hardware-label{bottom:0;font-size:5px}
 footer{padding:28px 7%;gap:15px 24px}
 footer>.logo{width:100%;font-size:29px}
 footer>.mono,footer>a.mono,footer>a:last-child{font-size:10px;line-height:1.9;letter-spacing:.3px}
 footer>span.mono{width:100%;max-width:none;color:#afc39d}
 footer>a:last-child{margin-left:0}
}
@media(max-width:700px) and (max-height:700px){
 .laptop-position{height:90%;max-height:280px;width:auto;top:48%}
 .display{padding:5px;border-radius:20px}.screen{border-radius:14px}.bezel-camera{top:11px;height:6px}.screen-chrome{height:22px;padding-top:8px;font-size:2px}.screen-content{top:22px}
 .debug-screen h2{font-size:17px}.debug-screen p{font-size:5px}.human-screen h2{font-size:21px}.human-screen p{font-size:6px}.boot-symbol{font-size:35px}.boot-terminal{font-size:3px}.boot-terminal>span{font-size:3px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.computer-world{height:450px}.laptop-position{height:390px;width:auto;top:50%}}
.phone-project-info{display:none}
@media(max-width:700px){
 .project-screen{display:flex;flex-direction:column;background:#121d0f}
 .project-screen img{flex-shrink:0;width:100%;height:39%;object-fit:cover;object-position:top;filter:saturate(.85)}
 .phone-project-info{display:flex;flex:1;min-height:0;flex-direction:column;padding:14px 12px 22px;background:radial-gradient(ellipse at 90% 0,#324a1c55,transparent 75%)}
 .phone-project-info>.mono{font-size:4px;line-height:1.8;letter-spacing:.7px;color:#b2d690}
 .phone-project-info strong{font:500 17px/1.15 var(--display);letter-spacing:-.6px;color:#e4efda;margin:11px 0 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .phone-project-info p{font-size:6px;line-height:1.8;color:#a6bc95;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
 .phone-project-info .phone-project-link{margin-top:auto;padding-top:12px;color:var(--green);font-size:4px}
 .screen-project-caption{display:none}
}
@media(max-width:700px) and (max-height:700px){.phone-project-info{padding:7px 7px 15px}.phone-project-info strong{font-size:11px;margin:6px 0}.phone-project-info p{font-size:4px;-webkit-line-clamp:3}.phone-project-info>.mono,.phone-project-info .phone-project-link{font-size:3px}.phone-project-info .phone-project-link{padding-top:5px}}