.replica-page{--ink:#2d302d;--cream:#f7efd4;color:#fff;min-height:100vh;font-family:var(--font-sans);scroll-snap-type:y mandatory;background:#172219}.replica-screen{scroll-snap-align:start;background:#172219;min-height:100svh;position:relative;overflow:hidden}.replica-screen:after{content:"";pointer-events:none;background:linear-gradient(#0a130eb8,#0a130e14 35%,#0a130e59);position:absolute;inset:0}.hero-screen{background-image:linear-gradient(90deg,#1223136b,#12231357),url(/portfolio/forest-clean.jpg);background-position:50%;background-size:cover}.forest-screen{background-image:url(/portfolio/forest-clean.jpg);background-position:50%;background-size:cover}.replica-nav{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141c15a8;border-radius:999px;gap:6px;padding:5px 8px;display:flex;position:absolute;top:4.5%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000029}.replica-nav button{color:#ffffffd1;font:600 10px/1 var(--font-sans);letter-spacing:.16em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;transition:background .2s,color .2s}.replica-nav button:hover,.replica-nav button.active{background:var(--cream);color:var(--ink)}.hero-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#604b39;background:#e5e6c1a6;border:1px solid #ffffff7a;border-radius:16px;width:min(430px,100% - 44px);padding:26px 28px 24px;position:absolute;top:29%;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0003}.hero-title{letter-spacing:.04em;text-align:center;white-space:nowrap;margin:0 0 28px;font:700 clamp(22px,2.8vw,31px)/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-card h1{letter-spacing:.08em;text-align:center;margin:0 0 11px;font:700 clamp(18px,2vw,25px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.type-caret{margin-left:3px;font-size:.7em;animation:1s step-end infinite blink}.hero-subtitle{text-align:center;color:#8d755d;margin:0 0 20px;font-size:11px}.trait-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.trait-grid span{color:#665640;background:#fff7d7e6;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;display:flex;box-shadow:inset 0 0 0 1px #84724b1f}.trait-grid b{font-size:13px}.character{z-index:2;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(.9)contrast(1.12)brightness(1.05);display:block;position:absolute;-webkit-mask-image:radial-gradient(#000 52%,#0000 76%);mask-image:radial-gradient(#000 52%,#0000 76%)}.character-home{border-radius:38% 38% 10% 10%;width:160px;height:220px;bottom:10%;left:8%}.scroll-hint{z-index:3;color:#ffffffdb;letter-spacing:.08em;align-items:center;gap:8px;font:11px ui-monospace,SFMono-Regular,monospace;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.screen-index{color:var(--cream);letter-spacing:.18em;font:600 11px/1.2 ui-monospace,SFMono-Regular,monospace;display:block}.section-copy,.program-heading,.creation-heading,.more-heading{z-index:2;position:absolute}.internship-copy{max-width:280px;top:21%;left:9%}.section-copy h2,.program-heading h2,.creation-heading h2,.more-heading h2{letter-spacing:.05em;text-shadow:0 5px 12px #0000004d;margin:15px 0 18px;font:700 clamp(38px,6vw,76px)/.95 ui-monospace,SFMono-Regular,monospace}.section-copy p,.program-heading p,.creation-heading p,.more-heading p{color:#fffc;margin:0;font-size:14px;line-height:1.7}.experience-stack{z-index:2;gap:14px;width:min(470px,43%);display:grid;position:absolute;top:26%;right:9%}.experience-card{text-align:left;color:#433b30;cursor:pointer;background:#faf8dfeb;border:0;border-radius:12px;grid-template-columns:36px 1fr 20px;align-items:center;gap:11px;padding:19px 18px;transition:transform .2s;display:grid;box-shadow:0 13px 30px #0003}.experience-card:hover{transform:translate(-7px)}.experience-card b,.experience-card small{display:block}.experience-card b{margin-bottom:6px;font-size:15px}.experience-card small{color:#766753;font-size:11px;line-height:1.5}.card-mark{color:#c04438;font-size:18px}.character-work{border-radius:35% 35% 12% 12%;width:175px;height:235px;bottom:12%;left:10%}.program-screen{color:#fff;background:linear-gradient(#739caf 0%,#5d87a0 100%)}.program-screen:after{background:linear-gradient(#22394780,#2239470f 45%,#2239474d)}.program-heading{text-align:center;top:18%;left:50%;transform:translate(-50%)}.program-heading h2{color:#f7efd4;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(37px,6vw,72px)}.program-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:16px;display:grid;position:absolute;bottom:10%;left:8%;right:8%}.program-card{text-align:left;color:#514630;cursor:pointer;background:#d8c58f;border:1px solid #3850514d;border-radius:4px;min-height:210px;padding:23px;transition:transform .2s;position:relative;box-shadow:0 12px #2d313133}.program-card:nth-child(2){background:#f0e1b0}.program-card:nth-child(3){background:#c9d8b5}.program-card:hover{transform:translateY(-8px)rotate(-1deg)}.program-number{color:#8d7754;font:12px ui-monospace;position:absolute;top:16px;right:18px}.program-card svg{margin-bottom:25px}.program-card b,.program-card strong,.program-card small{display:block}.program-card b{letter-spacing:.16em;margin-bottom:9px;font:700 10px ui-monospace}.program-card strong{margin-bottom:9px;font-size:17px;line-height:1.2}.program-card small{max-width:250px;font-size:11px;line-height:1.5}.creation-screen{background-image:url(/portfolio/forest-clean.jpg)}.creation-heading{text-align:center;top:19%;left:50%;transform:translate(-50%)}.creation-heading h2{color:#f7efd4;letter-spacing:.14em;font-size:clamp(38px,5vw,64px)}.phone-stage{z-index:2;filter:drop-shadow(0 20px 30px #00000057);width:min(570px,46vw);position:absolute;top:34%;right:50%;transform:translate(50%)rotate(-1deg)}.phone-stage img{width:100%;height:auto;display:block}.phone-hotspot{color:#fff;cursor:pointer;background:#1a212d9e;border:2px solid #fffc;border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.character-creation{border-radius:40% 40% 12% 12%;width:140px;height:190px;bottom:8%;right:11%}.more-screen{color:#fff;background-image:url(/portfolio/forest-clean.jpg);background-position:50%;background-size:cover}.more-heading{top:17%;left:9%}.more-heading h2{font-size:clamp(29px,4.6vw,58px)}.photo-board{z-index:2;background:#b9966d;border:15px solid #d7b984;width:min(560px,48vw);height:min(370px,37vw);position:absolute;top:24%;left:50%;transform:translate(-42%);box-shadow:inset 0 0 0 2px #6c4e3259,0 20px 32px #0000003d}.photo{color:#665a49;background:#f7f4e8;padding:7px 7px 19px;font:11px ui-monospace;position:absolute;transform:rotate(-5deg);box-shadow:0 5px 12px #0003}.photo img{object-fit:cover;width:112px;height:115px;margin-bottom:8px;display:block}.photo-b{top:3%;left:30%;transform:rotate(2deg)}.photo-c{top:4%;right:5%;transform:rotate(5deg)}.photo-d{bottom:7%;right:13%;transform:rotate(-4deg)}.photo-e{top:44%;left:4%;transform:rotate(3deg)}.photo-f{z-index:2;top:34%;left:37%;transform:rotate(-4deg)}.photo-g{bottom:4%;left:55%;transform:rotate(2deg)}.photo-a{bottom:5%;left:5%}.photo-board .pin{z-index:3;background:#f18c9d;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 1px 3px #0000004d}.pin-a{top:2%;left:15%}.pin-b{top:1%;left:50%}.pin-c{top:3%;right:20%;background:#84b6ca!important}.pin-d{top:46%;left:36%;background:#f4ca8b!important}.pin-e{bottom:35%;left:52%;background:#f1a1a8!important}.pin-f{bottom:34%;right:17%;background:#9bb3dc!important}.character-more{border-radius:40% 40% 12% 12%;width:135px;height:205px;bottom:8%;right:8%}.contact-link{z-index:3;color:var(--cream);align-items:center;gap:7px;font:12px ui-monospace;text-decoration:none;display:inline-flex;position:absolute;bottom:6%;right:9%}.floating-top{z-index:5;color:#fff;cursor:pointer;background:#111c13b8;border:1px solid #ffffff80;border-radius:50%;width:38px;height:38px;position:fixed;bottom:24px;right:24px}.floating-top svg{transform:rotate(180deg)}.replica-overlay{z-index:20;background:#0c160fb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.replica-modal,.creation-modal{background:var(--cream);color:#443d32;border-radius:14px;width:min(530px,100%);padding:38px;position:relative;box-shadow:0 22px 70px #0006}.modal-close{color:inherit;cursor:pointer;background:0 0;border:0;position:absolute;top:14px;right:14px}.replica-modal h2,.creation-modal h2{margin:20px 0 13px;font:700 29px ui-monospace}.replica-modal p,.creation-modal p{margin:0;font-size:14px;line-height:1.7}.modal-note{border-top:1px solid #443d3233;margin-top:28px;padding-top:15px;font:11px ui-monospace}.creation-modal a{color:#c04438;align-items:center;gap:6px;margin-top:24px;font-weight:700;text-decoration:none;display:inline-flex}@keyframes blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (width<=800px){.replica-page{scroll-snap-type:none}.replica-screen{min-height:760px}.replica-nav{justify-content:flex-start;max-width:calc(100% - 20px);top:18px;overflow:auto;transform:translate(-50%)}.replica-nav button{padding:8px 10px;font-size:8px}.hero-card{padding:25px 20px;top:27%}.hero-title{margin-bottom:22px;font-size:24px}.hero-card h1{font-size:19px}.character-home{width:120px;height:170px;bottom:8%;left:8%}.scroll-hint{display:none}.internship-copy{top:17%;left:7%}.section-copy h2,.program-heading h2,.creation-heading h2,.more-heading h2{font-size:34px}.experience-stack{width:auto;top:43%;left:7%;right:7%}.character-work{width:120px;height:165px;bottom:4%;left:6%}.program-heading{width:90%;top:16%}.program-grid{grid-template-columns:1fr;gap:10px;bottom:7%;left:7%;right:7%}.program-card{min-height:145px;padding:17px}.program-card svg{margin-bottom:12px}.phone-stage{width:auto;top:34%;left:7%;right:7%;transform:none}.creation-heading{width:90%;top:16%;left:50%;transform:translate(-50%)}.character-creation{width:110px;height:150px;bottom:4%;right:3%}.more-heading{top:16%;left:7%}.photo-board{border-width:10px;width:auto;height:330px;top:32%;left:7%;right:7%;transform:none}.photo img{width:74px;height:86px}.photo{padding:5px 5px 13px;font-size:8px}.character-more{width:100px;height:150px;bottom:3%;right:3%}.contact-link{inset:auto auto 5% 7%}.floating-top{bottom:14px;right:14px}}