:root{--black:#070707;--midnight:#081326;--gold:#d4af37;--soft:#e6c76b;--bronze:#8c6a3b;--emerald:#063b3b;--cyan:#00e5ff;--ink:#12100c;--paper:#cbb988;--white:#eee9dc;--muted:#938e82;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-weight:300;overflow-x:hidden;cursor:none}body.intro-open{overscroll-behavior:none}a,button{color:inherit}button{font:inherit}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.038;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}#particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.cursor{position:fixed;left:0;top:0;z-index:9998;pointer-events:none;border-radius:50%;mix-blend-mode:difference}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-ring{width:36px;height:36px;border:1px solid var(--soft);transition:width .25s,height .25s,background .25s,border-color .25s}.cursor-ring.active{width:62px;height:62px;background:rgba(212,175,55,.18);border-color:var(--cyan)}
.intro{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#020202;transition:opacity 1.1s var(--ease),visibility 1.1s}.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,rgba(140,106,59,.2),transparent 36%)}.intro.hidden{opacity:0;visibility:hidden}.intro-aura{position:absolute;width:min(65vw,700px);aspect-ratio:1;border:1px solid rgba(212,175,55,.12);border-radius:50%;box-shadow:0 0 100px rgba(212,175,55,.08),inset 0 0 80px rgba(0,229,255,.03);animation:introAura 4s ease forwards}.intro-mark{position:absolute;font-family:serif;font-size:clamp(5rem,18vw,16rem);color:var(--gold);filter:blur(1px) drop-shadow(0 0 30px #d4af3766);opacity:0;animation:glyph 4.2s ease forwards}.intro-kicker,.intro-name,.intro-enter,.intro-line{position:relative;z-index:2}.intro-kicker{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5em;font-size:.6rem;color:var(--soft);opacity:0;animation:rise 1s 1.7s forwards}.intro-name{font:500 clamp(3.3rem,10vw,9rem)/.75 var(--serif);letter-spacing:-.05em;margin:0;overflow:hidden}.intro-name span{display:inline-block;transform:translateY(110%);animation:riseName 1.2s var(--ease) 2s forwards}.intro-name span:last-child{color:transparent;-webkit-text-stroke:1px var(--soft);animation-delay:2.12s}.intro-line{width:0;height:1px;margin:1.8rem 0 1rem;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:line 1.3s 2.7s forwards}.intro-enter{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;opacity:0;animation:rise 1s 3s forwards}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(#070707aa,transparent);backdrop-filter:blur(6px)}.brand{text-decoration:none;display:flex;align-items:center;gap:.8rem;font-size:.72rem;letter-spacing:.22em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(212,175,55,.5);border-radius:50%;font-family:serif;color:var(--gold);font-size:1.2rem}.site-header nav{display:flex;gap:2.3rem}.site-header nav a{position:relative;text-decoration:none;text-transform:uppercase;font-size:.58rem;letter-spacing:.2em;color:#c6c0b2}.site-header nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.4s var(--ease)}.site-header nav a:hover::after{width:100%}.sound-toggle{display:flex;align-items:center;gap:.7rem;border:0;background:none;text-transform:uppercase;font-size:.55rem;letter-spacing:.16em;cursor:none}.sound-bars{display:flex;align-items:center;gap:2px;height:15px}.sound-bars i{display:block;width:1px;height:5px;background:var(--gold);transition:.3s}.sound-toggle[aria-pressed=true] i{animation:sound .8s infinite alternate}.sound-toggle[aria-pressed=true] i:nth-child(2){animation-delay:.2s}.sound-toggle[aria-pressed=true] i:nth-child(3){animation-delay:.4s}
main,footer{position:relative;z-index:2}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#050707}.hero-image{position:absolute;inset:-5%;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.05) 55%,#070707 100%),url('assets/images/cyber-keraton-hero.webp') center/cover no-repeat;filter:saturate(.85) contrast(1.08);transform:scale(1.08)}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 48% 53%,rgba(212,175,55,.12),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 36%,transparent 72%,rgba(0,0,0,.38))}.wayang{position:absolute;top:15%;height:65%;width:16%;opacity:.18;filter:drop-shadow(0 0 15px var(--gold));mix-blend-mode:screen}.wayang-left{left:-5%;background:radial-gradient(ellipse at center,#d4af3777,transparent 55%);transform:rotate(5deg)}.wayang-right{right:-5%;background:radial-gradient(ellipse at center,#00e5ff33,transparent 55%);transform:rotate(-5deg)}.hero-content{position:relative;width:88%;max-width:1500px;margin:auto;padding-top:8vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);align-items:center;gap:clamp(2rem,5vw,7rem)}.hero-copy{text-align:left;position:relative;z-index:2}.eyebrow{display:flex;justify-content:flex-start;align-items:center;gap:1rem;text-transform:uppercase;font-size:.58rem;letter-spacing:.36em;color:var(--soft)}.eyebrow span{width:42px;height:1px;background:var(--gold)}.hero-title{margin:1.6rem 0 1.2rem;max-width:670px;text-transform:uppercase;font:500 clamp(.72rem,1.15vw,1.08rem)/1.45 var(--serif);letter-spacing:.11em;color:#c8c0af;text-shadow:0 3px 25px #000}.hero-title span{display:block}.hero-title span:nth-child(2){color:var(--soft)}.hero-signature{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.hero-signature h1{margin:0;font:500 clamp(4.2rem,8.7vw,9.6rem)/.73 var(--serif);letter-spacing:-.055em;text-shadow:0 5px 35px #000}.hero-signature h1::first-letter{color:var(--soft)}.hero-signature em{font-style:normal;color:#aaa396;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.hero-portrait{position:relative;margin:0;width:min(27vw,390px);justify-self:end;filter:drop-shadow(0 30px 45px #000);z-index:1}.portrait-frame{position:relative;aspect-ratio:3/4;overflow:hidden;clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%);background:#17130c;padding:7px}.portrait-frame::before{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(230,199,107,.8);clip-path:inherit;pointer-events:none}.portrait-frame::after{content:"";position:absolute;inset:7px;z-index:2;background:linear-gradient(110deg,transparent 35%,rgba(230,199,107,.2) 49%,transparent 62%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.28));mix-blend-mode:screen;pointer-events:none}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.66) sepia(.15) contrast(1.06)}.portrait-orbit{position:absolute;inset:-8%;border:1px solid rgba(212,175,55,.28);border-radius:50%;animation:spin 25s linear infinite}.portrait-orbit::before,.portrait-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.portrait-orbit::before{top:8%;left:18%}.portrait-orbit::after{right:4%;bottom:25%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.hero-portrait figcaption{margin-top:1rem;text-align:center;text-transform:uppercase;font-size:.48rem;letter-spacing:.22em;color:#aaa396}.hero-portrait figcaption span{color:var(--gold);font:1.1rem serif;margin-right:.55rem}.hero-meta{position:absolute;bottom:3rem;left:4vw;right:4vw;display:flex;justify-content:space-between;text-transform:uppercase;font-size:.52rem;letter-spacing:.22em;color:#898478}.scroll-orbit{position:absolute;right:4vw;bottom:6rem;width:82px;height:82px;border:1px solid rgba(212,175,55,.3);border-radius:50%;text-decoration:none;display:grid;place-items:center}.scroll-orbit span{position:absolute;font-size:.46rem;letter-spacing:.16em;text-transform:uppercase;animation:spin 12s linear infinite}.scroll-orbit i{font-style:normal;color:var(--gold)}
section{position:relative;padding:clamp(6rem,12vw,12rem) 7vw}.section-index{text-transform:uppercase;font-size:.55rem;letter-spacing:.32em;color:var(--soft)}.section-heading h2{font:500 clamp(3.4rem,8vw,8.5rem)/.8 var(--serif);letter-spacing:-.045em;margin:1.4rem 0}.section-heading h2 em,.manifesto h2 em,.contact h2 em{font-weight:400;color:var(--soft)}.section-heading.centered{text-align:center}.section-heading.centered>p:last-child{color:var(--muted);font-size:.72rem;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}.manifesto{min-height:90vh;display:grid;grid-template-columns:22% 1fr;align-items:center;background:radial-gradient(circle at 80% 20%,#063b3b33,transparent 35%)}.manifesto-copy{max-width:960px}.javanese{display:block;color:var(--gold);font-size:2rem;letter-spacing:.4em}.manifesto h2{font:500 clamp(3rem,6.5vw,7rem)/.92 var(--serif);letter-spacing:-.04em;margin:1rem 0 2rem}.manifesto-copy>p{max-width:650px;margin-left:auto;color:#aaa396;line-height:1.9;font-size:.9rem}.marquee{position:absolute;left:0;bottom:2rem;width:100%;overflow:hidden;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.17);font:500 5rem var(--serif)}.marquee div{width:max-content;animation:marquee 30s linear infinite}
.about{background:linear-gradient(130deg,#070707,#0a1217 55%,#070707)}.about>.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:5rem}.manuscript{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;max-width:1200px;margin:auto;color:var(--ink);background:linear-gradient(100deg,#b9a676,#d4c38f 49%,#b8a575 51%,#d1c08b);box-shadow:0 35px 80px #000,0 0 0 1px #d4af3755;transform:perspective(1200px) rotateX(4deg)}.manuscript::before{content:"";position:absolute;inset:12px;border:1px solid rgba(77,49,11,.35);pointer-events:none}.manuscript-page{min-height:560px;padding:clamp(3rem,6vw,6rem);position:relative;background-image:radial-gradient(#60471722 1px,transparent 1px);background-size:10px 10px}.manuscript-spine{background:#5c451e;box-shadow:0 0 20px #3f2d0f}.manuscript-ornament{position:absolute;z-index:2;left:50%;top:2rem;transform:translateX(-50%);color:#5c451e}.page-number{font-size:.5rem;letter-spacing:.3em}.manuscript h3{font:600 clamp(2.7rem,5vw,5rem)/1 var(--serif);margin:2rem 0 1rem}.manuscript .lead{font:500 1.35rem/1.4 var(--serif)}.manuscript dl{margin-top:3rem}.manuscript dl div{border-top:1px solid #5d491f55;padding:.8rem 0;display:flex;justify-content:space-between;font-size:.7rem}.manuscript dd{margin:0}.manuscript blockquote{font:500 clamp(1.7rem,3vw,2.7rem)/1.15 var(--serif);margin:2.5rem 0}.manuscript-page>p:last-of-type{font-size:.78rem;line-height:1.8}.seal{position:absolute;right:3rem;bottom:3rem;width:70px;height:70px;border:3px double #783d24;border-radius:50%;display:grid;place-items:center;color:#783d24;font:2rem serif;transform:rotate(-12deg)}
.skills{min-height:110vh;overflow:hidden;background:radial-gradient(circle at 50% 60%,#081326 0,#070707 55%)}.constellation{position:relative;max-width:1200px;height:650px;margin:2rem auto 0}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation-lines line{stroke:url(#lineGradient);stroke-width:.8;opacity:.45}.skill-star{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.7rem;border:0;background:none;color:#c7c2b7;font-size:.58rem;letter-spacing:.12em;cursor:none;transition:transform .5s var(--ease),color .4s}.skill-star i{display:block;width:8px;height:8px;background:var(--soft);border-radius:50%;box-shadow:0 0 10px var(--gold),0 0 30px var(--gold);transition:.4s}.skill-star:hover,.skill-star:focus{color:#fff;transform:scale(1.25)}.skill-star:hover i,.skill-star:focus i{background:var(--cyan);box-shadow:0 0 12px var(--cyan),0 0 50px var(--cyan)}.skill-star.core{left:50%;top:48%;transform:translate(-50%,-50%);font-size:.7rem;color:#fff}.skill-star.core:hover{transform:translate(-50%,-50%) scale(1.2)}.skill-star.core i{width:18px;height:18px}.s1{left:10%;top:24%}.s2{left:26%;top:11%}.s3{left:32%;top:66%}.s4{left:68%;top:19%}.s5{left:15%;top:75%}.s6{left:78%;top:65%}.s7{left:89%;top:33%}.s8{left:61%;top:78%}.s9{left:43%;top:15%}.s10{left:90%;top:83%}.skill-status{position:absolute;bottom:3%;width:100%;text-align:center;color:var(--soft);font:.55rem var(--sans);letter-spacing:.35em}
.journey{background:linear-gradient(180deg,#070707,#0a0a08)}.timeline{position:relative;max-width:1100px;margin:7rem auto 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#3b3423}.timeline-line i{display:block;width:100%;height:0;background:linear-gradient(var(--gold),var(--cyan));box-shadow:0 0 12px var(--gold);transition:height .1s}.timeline-item{display:grid;grid-template-columns:1fr 80px 1fr;min-height:280px;align-items:start}.timeline-item>span{grid-column:2;justify-self:center;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--gold);background:#070707;border-radius:50%;color:var(--soft);font:1rem var(--serif)}.timeline-item>div{grid-column:3;padding:0 0 0 3rem}.timeline-item:nth-of-type(even)>div{grid-column:1;grid-row:1;text-align:right;padding:0 3rem 0 0}.timeline-item div>p:first-child{text-transform:uppercase;color:var(--soft);font-size:.5rem;letter-spacing:.3em}.timeline-item h3{font:500 clamp(2rem,3.2vw,3.2rem)/1 var(--serif);margin:.9rem 0}.timeline-item div>p:last-child{color:var(--muted);font-size:.75rem;line-height:1.8;max-width:390px}.timeline-item:nth-of-type(even) div>p:last-child{margin-left:auto}
.works{background:#090909}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:6rem;background:#ffffff14;border:1px solid #ffffff14}.project-card{position:relative;min-height:430px;padding:3rem;text-align:left;border:0;background:#090909;overflow:hidden;cursor:none}.project-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(212,175,55,.18),transparent 35%);opacity:0;transition:.5s}.project-card:hover::before{opacity:1}.project-card>span,.project-card>em{position:relative;display:block;text-transform:uppercase;font-style:normal;font-size:.5rem;letter-spacing:.25em;color:var(--muted)}.project-card strong{position:relative;display:block;margin:5rem 0 1.2rem;font:500 clamp(2.7rem,5vw,5.5rem)/.85 var(--serif)}.project-card>i{position:absolute;right:2.5rem;top:2.5rem;font-style:normal;color:var(--gold);font-size:1.5rem;transition:.4s}.project-card:hover>i{transform:rotate(45deg)}
.contact{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#063b3b55,transparent 42%)}.command-ring{position:absolute;width:min(70vw,800px);aspect-ratio:1;border:1px solid #d4af3722;border-radius:50%;animation:spin 40s linear infinite}.command-ring::before,.command-ring::after{content:"";position:absolute;border:1px dashed #00e5ff22;border-radius:50%;inset:10%}.command-ring::after{inset:24%;border-color:#d4af3733}.command-ring i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 25px var(--gold)}.command-ring i:nth-child(1){left:50%;top:-5px}.command-ring i:nth-child(2){right:8%;bottom:24%}.command-ring i:nth-child(3){left:6%;bottom:30%;background:var(--cyan)}.contact-copy{position:relative}.contact-copy>p{text-transform:uppercase;letter-spacing:.3em;font-size:.55rem;color:var(--soft)}.contact h2{font:500 clamp(4rem,10vw,11rem)/.74 var(--serif);letter-spacing:-.05em;margin:1.5rem 0 3rem}.contact-button{display:inline-flex;align-items:center;gap:2rem;border:1px solid rgba(212,175,55,.5);border-radius:50%;padding:1.4rem 2rem;text-decoration:none;text-transform:uppercase;font-size:.58rem;letter-spacing:.2em;background:#070707aa;backdrop-filter:blur(8px)}.contact-button i{font-style:normal;color:var(--gold)}.contact-meta{position:absolute;left:7vw;right:7vw;bottom:3rem;display:flex;justify-content:space-between;font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.contact-meta a{color:inherit;text-decoration:none}footer{padding:6rem 7vw 3rem;background:#050505;border-top:1px solid #ffffff11}footer>p{font:italic clamp(2rem,4vw,4rem) var(--serif);color:#a99c7f;max-width:800px}footer>div{margin-top:5rem;padding-top:2rem;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;align-items:end}footer strong{font:500 1.4rem var(--serif);letter-spacing:.15em}footer span{font-size:.5rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.project-modal{width:min(860px,90vw);padding:clamp(3rem,7vw,7rem);color:var(--white);background:#0b0d0d;border:1px solid #d4af3744;box-shadow:0 30px 100px #000}.project-modal::backdrop{background:#000c;backdrop-filter:blur(16px)}.project-modal[open]{animation:modalIn .6s var(--ease)}.modal-close{position:absolute;right:1.5rem;top:1.5rem;width:45px;height:45px;border-radius:50%;border:1px solid #ffffff33;background:none;font-size:1.4rem;cursor:none}.modal-index{color:var(--soft);font-size:.55rem;letter-spacing:.3em}.project-modal h2{font:500 clamp(3rem,7vw,7rem)/.85 var(--serif);margin:2rem 0}.modal-copy{color:#aaa396;line-height:1.9;max-width:600px}.modal-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:3rem}.modal-tags span{border:1px solid #ffffff22;border-radius:50px;padding:.7rem 1rem;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}

/* Scroll-led cinematic entrance */
.site-header{transition:opacity .9s var(--ease),transform .9s var(--ease),background .35s}.intro-open .site-header{opacity:0;transform:translateY(-28px);pointer-events:none}.intro{touch-action:pan-y;will-change:transform,opacity;transition:transform 1.25s var(--ease),opacity 1.05s ease,visibility 1.25s}.intro.hidden{opacity:0;transform:translateY(-105%) scale(.985);visibility:hidden}.intro-title{position:relative;z-index:2;margin:0 0 1rem;text-align:center;text-transform:uppercase;font:500 clamp(.64rem,1.05vw,.94rem)/1.45 var(--serif);letter-spacing:.13em;color:#cfc5af;opacity:0;transform:translateY(18px);animation:rise 1s .75s forwards}.intro-title span{display:block}.intro-title span:nth-child(2){color:var(--soft)}.intro-kicker{animation-delay:.3s}.intro-name span{animation-delay:1.15s}.intro-name span:last-child{animation-delay:1.28s}.intro-line{animation-delay:1.75s}.intro-enter{animation-delay:2s}.intro-scroll{position:absolute;z-index:3;left:50%;bottom:3.5vh;display:flex;flex-direction:column;align-items:center;gap:.8rem;translate:-50% 0;text-transform:uppercase;font-size:.48rem;letter-spacing:.28em;color:#8f897d;opacity:0;animation:rise 1s 2.25s forwards}.intro-scroll i{display:block;width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:scrollPulse 1.7s ease-in-out infinite}.hero-copy::before{content:"";position:absolute;left:-3vw;top:50%;width:1px;height:110%;translate:0 -50%;background:linear-gradient(transparent,var(--gold),transparent);opacity:.35}.hero-signature h1{background:linear-gradient(105deg,#fff 15%,var(--soft) 48%,#b89636 70%,#fff 92%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:textShine 8s linear infinite}@keyframes textShine{to{background-position:220% center}}
@keyframes introAura{0%{transform:scale(.3);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:.1}}@keyframes glyph{0%{opacity:0;transform:scale(.7);filter:blur(20px)}35%{opacity:.45;filter:blur(1px)}70%,100%{opacity:0;transform:scale(1.15)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes riseName{to{transform:translateY(0)}}@keyframes line{to{width:260px}}@keyframes sound{to{height:14px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes modalIn{from{opacity:0;transform:translateY(30px) scale(.96)}}@keyframes scrollPulse{0%,100%{transform:scaleY(.3);transform-origin:top;opacity:.35}50%{transform:scaleY(1);transform-origin:top;opacity:1}}
@media(max-width:850px){body{cursor:auto}.cursor{display:none}.site-header{height:72px;padding:0 1.2rem}.site-header nav{display:none}.hero{min-height:100svh}.hero-content{width:100%;min-height:100svh;padding:88px 1.2rem 58px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:0;align-items:end}.hero-copy{z-index:3;text-align:center;padding-bottom:1.2rem}.eyebrow{justify-content:center;font-size:.46rem;letter-spacing:.22em}.hero-title{margin:1rem auto .65rem;font-size:clamp(.58rem,2.65vw,.78rem);line-height:1.4;letter-spacing:.07em}.hero-signature{align-items:center;gap:.5rem}.hero-signature h1{font-size:clamp(3.35rem,16vw,5.4rem);line-height:.78}.hero-signature em{font-size:.46rem;line-height:1.6;letter-spacing:.11em}.hero-portrait{position:absolute;z-index:1;top:82px;left:50%;margin-left:clamp(-127.5px,-28.5vw,0px);width:min(57vw,255px);opacity:.9}.hero-portrait::after{content:"";position:absolute;inset:40% -20% -15%;background:linear-gradient(transparent,#050707 75%);z-index:3;pointer-events:none}.hero-portrait figcaption{display:none}.hero-glow{background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 40%,#050707 83%)}.scroll-orbit{display:none}.hero-meta{bottom:1rem}.hero-meta span:last-child{display:none}section{padding:7rem 1.3rem}.manifesto{display:block;min-height:auto}.manifesto .section-index{margin-bottom:4rem}.manifesto-copy>p{margin-left:0}.marquee{font-size:3rem}.about>.section-heading{display:block}.manuscript{grid-template-columns:1fr;transform:none}.manuscript-spine{height:1px}.manuscript-page{min-height:auto;padding:3rem 2rem}.skills{padding-left:0;padding-right:0}.skills .section-heading{padding:0 1.2rem}.constellation{height:560px}.skill-star span{font-size:.5rem}.s1{left:8%}.s7{left:82%}.s10{left:82%}.timeline-line{left:22px}.timeline-item{grid-template-columns:45px 1fr;min-height:260px}.timeline-item>span{grid-column:1}.timeline-item>div,.timeline-item:nth-of-type(even)>div{grid-column:2;grid-row:1;text-align:left;padding:0 0 0 1.5rem}.timeline-item:nth-of-type(even) div>p:last-child{margin-left:0}.project-grid{grid-template-columns:1fr}.project-card{min-height:360px;padding:2rem}.contact-meta{left:1.3rem;right:1.3rem}.contact-meta span{display:none}footer{padding:5rem 1.3rem 2rem}footer>div{align-items:start;gap:2rem;flex-direction:column}}
@media(min-width:851px) and (max-width:1100px){.hero-content{width:92%;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:2rem}.hero-portrait{width:min(34vw,350px)}.hero-signature h1{font-size:clamp(4.4rem,8.5vw,7rem)}.scroll-orbit{display:none}.manuscript-page{padding:4rem}.project-card{min-height:380px}.site-header{padding-inline:3vw}}
@media(max-width:600px){.intro-aura{width:105vw}.intro-kicker{font-size:.48rem;letter-spacing:.32em;margin-bottom:.75rem}.intro-title{width:90%;font-size:clamp(.56rem,2.55vw,.72rem);line-height:1.42;letter-spacing:.07em;margin-bottom:.8rem}.intro-name{font-size:clamp(3rem,18vw,4.8rem);line-height:.78}.intro-line{margin:1.15rem 0 .8rem}.intro-enter{font-size:.48rem;letter-spacing:.28em}.intro-scroll{bottom:2.2vh;font-size:.42rem;letter-spacing:.2em}.sound-label{display:none}.sound-toggle{padding:.7rem}.hero-copy::before{display:none}.hero-signature h1{font-size:clamp(3.1rem,15vw,4.6rem)}.hero-signature em{max-width:290px}.hero-meta{font-size:.43rem;letter-spacing:.15em}.section-heading h2{font-size:clamp(3rem,16vw,5.2rem);line-height:.82}.manifesto h2{font-size:clamp(2.8rem,14vw,4.6rem)}.manifesto-copy>p{font-size:.78rem;line-height:1.75}.about>.section-heading{margin-bottom:3rem}.manuscript-page{padding:2.7rem 1.5rem}.manuscript h3{font-size:2.7rem}.manuscript blockquote{font-size:1.65rem}.constellation{height:500px}.skill-star{font-size:.48rem}.skill-star.core{font-size:.58rem}.s2{left:21%}.s4{left:70%}.s7,.s10{left:77%}.s8{left:57%}.skill-status{font-size:.44rem;letter-spacing:.2em}.timeline{margin-top:4rem}.timeline-item{min-height:235px}.timeline-item h3{font-size:2rem}.project-card{min-height:310px;padding:1.6rem}.project-card strong{margin-top:4rem;font-size:clamp(2.7rem,14vw,4rem)}.contact h2{font-size:clamp(3.7rem,18vw,6.5rem)}.contact-button{padding:1.15rem 1.4rem;gap:1rem}.project-modal{padding:4.5rem 1.5rem 2.5rem}.project-modal h2{font-size:3.2rem}}
@media(max-width:370px){.hero-portrait{top:76px;width:205px;margin-left:-102.5px}.hero-signature h1{font-size:2.95rem}.hero-signature em{font-size:.4rem}.eyebrow{font-size:.4rem}.hero-meta{display:none}.manuscript dl div{display:block}.manuscript dd{margin-top:.25rem;color:#4e3b1e}.constellation{height:460px}.skill-star span{font-size:.43rem}}
@media(max-width:850px) and (orientation:landscape) and (max-height:620px){.intro-kicker{display:none}.intro-title{font-size:.55rem;margin-bottom:.5rem}.intro-name{font-size:3.6rem}.intro-line{margin:.75rem 0}.intro-scroll{right:1.5rem;left:auto;bottom:1rem;translate:0}.hero-content{display:flex;align-items:center;padding:72px 5vw 35px}.hero-copy{width:67%;text-align:left;padding:0}.eyebrow{justify-content:flex-start}.hero-signature{align-items:flex-start}.hero-signature h1{font-size:9vw}.hero-portrait{top:72px;right:7%;left:auto;margin:0;width:min(25vw,175px)}.hero-meta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}.reveal{opacity:1;transform:none}.parallax{transform:none!important}}@media(pointer:coarse){body,a,button{cursor:auto}.cursor{display:none}}