/* Saabiq Razeen portfolio — responsive, no framework required */
:root{--bg:#08090d;--panel:#0e1118;--panel2:#11151e;--text:#f4f5f8;--muted:#a2a8b6;--dim:#697181;--red:#ff304e;--red2:#b70d2b;--line:rgba(255,255,255,.095);--font:'Manrope',system-ui,sans-serif;--mono:'DM Mono',monospace;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 80% 8%,rgba(135,9,32,.16),transparent 32%),radial-gradient(ellipse at 5% 40%,rgba(12,42,63,.13),transparent 30%),#08090d}.page-glow{position:absolute;top:100px;right:-140px;width:450px;height:450px;border-radius:50%;background:rgba(255,20,60,.07);filter:blur(100px);pointer-events:none;z-index:-1}.section-wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.site-header{height:82px;padding:0 max(32px,calc((100% - var(--wrap))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:50;background:rgba(8,9,13,.83);backdrop-filter:blur(18px)}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);font-weight:800;font-size:13px;white-space:nowrap}.brand-mark{width:36px;height:36px;border:1px solid var(--red);border-radius:11px;display:grid;place-items:center;color:var(--red);font-weight:800;font-size:16px;letter-spacing:-2px;transform:rotate(-4deg)}.brand-dot{color:var(--red)}.site-nav{display:flex;align-items:center;gap:29px}.nav-link{font-size:11px;color:#c2c6d0;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--red)}.header-cta{color:var(--text);border:1px solid var(--red);padding:9px 15px;border-radius:30px;font-size:11px;text-decoration:none;transition:background .2s}.header-cta:hover{background:var(--red)}.header-cta span{color:var(--red);margin-left:5px}.header-cta:hover span{color:white}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;padding-top:48px;padding-bottom:80px}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow,.section-index,.project-type,.timeline-date,.form-title,.hero-bottomline,.art-kicker,.project-count{font-family:var(--mono);font-size:10px;letter-spacing:1.5px}.eyebrow{color:var(--red);font-weight:500;margin:0 0 18px}.status-dot,.form-live i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--red)}h1{font-size:clamp(64px,8vw,108px);line-height:.98;letter-spacing:-6px;margin:0;font-weight:800}h1 span,h2 em{font-style:normal;color:var(--red)}.hero-period{color:var(--red);font-style:normal}.hero-role{font-size:18px;font-weight:600;margin:24px 0 12px}.hero-role span{color:var(--red);margin:0 8px}.hero-intro{max-width:470px;color:var(--muted);font-size:13px;line-height:1.95}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{border:1px solid transparent;border-radius:30px;padding:12px 19px;font:700 11px var(--font);text-decoration:none;display:inline-flex;gap:15px;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:white;box-shadow:0 7px 30px rgba(255,48,78,.16)}.button-primary:hover{background:#ff4962;box-shadow:0 10px 35px rgba(255,48,78,.3)}.button-ghost{border-color:#414653;color:var(--text)}.button-ghost:hover{border-color:var(--red)}.social-links{display:flex;gap:11px;margin-top:27px}.social-links a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#d9dce4;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,background .2s ease;background:rgba(255,255,255,.02)}.social-links a svg{width:18px;height:18px;display:block;transition:transform .2s ease}.social-links a:hover{border-color:var(--red);color:var(--red);transform:translateY(-3px);box-shadow:0 6px 18px rgba(255,48,78,.28);background:rgba(255,48,78,.08)}.social-links a:hover svg{transform:scale(1.12)}.social-links a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.social-links a[aria-label="LinkedIn profile"]:hover{border-color:#0a66c2;color:#4aa3ff;box-shadow:0 6px 18px rgba(10,102,194,.4);background:rgba(10,102,194,.1)}.social-links a[aria-label="Instagram profile"]:hover{border-color:#ff5a70;color:#ff7a9a;box-shadow:0 6px 18px rgba(255,90,112,.35);background:linear-gradient(135deg,rgba(255,48,78,.14),rgba(255,170,60,.1))}.hero-art{height:490px;position:relative;perspective:1000px;isolation:isolate}.hero-orb{position:absolute;width:min(390px,80%);aspect-ratio:1;right:12%;top:8%;border-radius:50%;background:radial-gradient(circle at 35% 27%,#ff5a70 0,#d91537 23%,#4d0719 53%,#10080f 70%);box-shadow:0 0 25px rgba(255,35,70,.45),0 0 95px rgba(255,20,60,.17),inset -25px -30px 65px #030408;animation:orb-float 7s ease-in-out infinite}.hero-orb::before{content:"";position:absolute;inset:-8px;border:2px solid rgba(255,48,78,.65);border-radius:50%;box-shadow:0 0 20px rgba(255,48,78,.35)}.orb-shine{position:absolute;right:25%;top:17%;width:150px;height:70px;border-radius:50%;background:rgba(255,230,235,.14);filter:blur(20px);transform:rotate(-35deg)}.orbit{position:absolute;border:1px solid rgba(255,48,78,.3);border-radius:50%;right:1%;top:17%;width:95%;height:66%;transform:rotate(-28deg)}.orbit-two{right:5%;top:20%;width:84%;height:60%;transform:rotate(40deg);border-color:rgba(125,170,205,.2)}.hero-avatar{position:absolute;z-index:3;width:53%;height:65%;right:19%;bottom:9%;border-radius:45% 45% 15% 15%;background:linear-gradient(145deg,#252a35,#080a10 68%);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px #000, inset 0 0 35px rgba(255,48,78,.1);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transform:rotateY(-9deg);transition:transform .25s}.hero-avatar::before{content:"";position:absolute;top:5%;width:45%;height:45%;border-radius:48% 48% 40% 40%;background:linear-gradient(120deg,#141923,#030406 70%);border:1px solid #3e2630;box-shadow:inset 9px 0 15px rgba(255,48,78,.2)}.hero-avatar::after{content:"";position:absolute;top:38%;width:78%;height:60%;border-radius:45% 45% 0 0;background:linear-gradient(120deg,#252a35,#07080d 70%);border-top:1px solid rgba(255,255,255,.12)}.avatar-symbol{position:relative;z-index:4;font-family:var(--mono);font-size:22px;color:#fff;margin-bottom:45px;text-shadow:0 0 16px var(--red)}.avatar-caption{position:absolute;z-index:4;bottom:13px;font:9px var(--mono);letter-spacing:2px;color:#ff7b8e}.hero-avatar.has-photo::before,.hero-avatar.has-photo::after{display:none}.hero-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:2}.hero-avatar.has-photo .avatar-caption{text-shadow:0 2px 12px #000;background:rgba(5,6,10,.5);padding:4px 10px;border-radius:20px}.floating-cube{position:absolute;z-index:4;width:35px;height:35px;border:1px solid var(--red);transform:rotate(30deg) skew(-8deg);box-shadow:0 0 20px rgba(255,48,78,.2);animation:cube-float 6s ease-in-out infinite}.cube-one{left:11%;top:29%;background:linear-gradient(135deg,rgba(255,48,78,.35),transparent)}.cube-two{right:4%;top:47%;width:22px;height:22px;animation-delay:-3s}.hero-card{position:absolute;z-index:5;padding:12px 15px;background:rgba(12,14,20,.8);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.hero-card span{display:block;font:9px var(--mono);color:var(--dim);letter-spacing:1px}.hero-card strong{font-size:12px}.card-top{left:0;top:16%}.card-bottom{right:0;bottom:17%}.vertical-note{position:absolute;right:-15px;top:7%;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:3px;color:#a9afbd}.vertical-note b{color:var(--red);padding:8px 0}.hero-bottomline{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;color:#697181;font-size:9px}.hero-bottomline a{color:#a6acb9;text-decoration:none}.hero-bottomline a span{color:var(--red);margin-left:7px}.section-block{padding-top:74px;padding-bottom:45px}.section-heading{margin-bottom:31px}.section-index{color:var(--red);display:flex;gap:12px;align-items:center;margin:0 0 13px}.section-index span{width:36px;height:1px;background:var(--red);display:inline-block}.section-heading h2,.contact-copy h2{font-size:clamp(32px,4vw,47px);line-height:1.2;letter-spacing:-2px;margin:0;font-weight:800}.section-subtitle{font-size:12px;color:var(--muted);margin:9px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-copy p{color:var(--muted);font-size:13px;line-height:2}.about-copy .lead{font-size:17px;color:#e8eaf0;font-weight:600;line-height:1.8}.text-link{display:inline-flex;gap:15px;align-items:center;color:var(--red);font-size:11px;font-weight:800;text-decoration:none;margin-top:13px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.profile-panel{display:grid;grid-template-columns:.9fr 1fr;gap:20px;padding:16px;background:linear-gradient(145deg,#10151d,#090b10);border:1px solid var(--line);border-radius:15px;min-height:270px;overflow:hidden}.profile-visual{position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 70% 35%,rgba(255,48,78,.25),transparent 40%),linear-gradient(135deg,#131a25,#07090d);display:flex;flex-direction:column;justify-content:space-between;padding:18px}.profile-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(black,transparent)}.profile-initials{font-size:55px;letter-spacing:-5px;font-weight:800;color:#d9dce4;position:relative;z-index:1}.profile-photo{width:100%;height:195px;object-fit:cover;object-position:top center;border-radius:8px;border:1px solid rgba(255,48,78,.35);box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative;z-index:1}.profile-initials span{color:var(--red)}.profile-quote{font-size:18px;line-height:1.25;font-weight:800;color:var(--red);position:relative;z-index:1;transform:rotate(-7deg);align-self:flex-end}.profile-facts{display:flex;flex-direction:column;justify-content:space-around;gap:10px}.profile-facts>div{display:flex;gap:10px;align-items:flex-start}.fact-icon{flex:0 0 28px;height:28px;border-radius:8px;background:rgba(255,48,78,.12);color:var(--red);display:grid;place-items:center}.profile-facts p{margin:0;min-width:0}.profile-facts small{display:block;color:var(--dim);font:9px var(--mono);letter-spacing:1px}.profile-facts strong{display:block;font-size:10px;line-height:1.6;margin-top:3px}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.skill-card{padding:20px 10px 18px;text-align:center;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,rgba(17,21,30,.85),rgba(9,11,16,.8));transition:transform .25s,border-color .25s,background .25s}.skill-card:hover{transform:translateY(-5px);border-color:rgba(255,48,78,.5);background:#12131a}.skill-symbol{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.skill-symbol img,.skill-symbol svg{width:30px;height:30px;display:block;object-fit:contain}.skill-card:hover .skill-symbol{transform:scale(1.1) rotate(-3deg);border-color:rgba(255,48,78,.45);box-shadow:0 8px 22px rgba(255,48,78,.22)}.orange{color:#ff7043}.blue{color:#4e9fff}.yellow{color:#f3d54e}.cyan{color:#4de7ed}.green{color:#5cd68a}.pale{color:#d9e0e9}.red{color:var(--red)}.skill-card h3{font-size:12px;margin:0 0 4px}.skill-card p{font-size:10px;color:var(--muted);margin:0}.skills-note{color:var(--dim);font-size:11px;margin:18px 0 0}.skills-note span{color:var(--red);margin-right:7px}.project-heading{display:flex;justify-content:space-between;align-items:flex-end}.project-count{color:var(--dim);padding-bottom:8px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#10131a,#090b10);transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-5px);border-color:rgba(255,48,78,.42)}.project-art{height:205px;position:relative;overflow:hidden;display:grid;place-items:center}.project-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 90%,rgba(255,48,78,.16),transparent 55%)}.art-sq{background:linear-gradient(135deg,#160b12,#080b12)}.art-resume{background:linear-gradient(135deg,#071c2a,#0b0d19)}.art-nova{background:linear-gradient(135deg,#111036,#080c18)}.art-kicker{position:absolute;top:15px;left:17px;font-size:8px;color:#9ca4b5}.art-number{position:absolute;right:16px;bottom:10px;font:10px var(--mono);color:#687081}.art-window{width:68%;height:65%;border:1px solid rgba(255,48,78,.42);border-radius:8px;background:rgba(7,8,12,.84);box-shadow:0 0 35px rgba(255,48,78,.12);padding:10px 13px;transform:perspective(700px) rotateY(-7deg) rotateX(3deg);transition:transform .3s}.project-card:hover .art-window,.project-card:hover .resume-ui,.project-card:hover .nova-ui{transform:perspective(700px) rotateY(0) rotateX(0) translateY(-3px)}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#ff4d61}.window-dots i:nth-child(2){background:#f0c66a}.window-dots i:nth-child(3){background:#5ed5a1}.window-brand{font-size:18px;font-weight:800;margin-top:17px;color:#fff}.window-brand span{color:var(--red)}.window-lines{display:grid;gap:5px;margin-top:10px}.window-lines b{height:3px;width:85%;background:#383c49;border-radius:5px}.window-lines b:nth-child(2){width:65%}.window-lines b:nth-child(3){width:45%}.window-button{margin-top:13px;width:52px;height:13px;border-radius:3px;background:var(--red)}.resume-ui{width:67%;height:69%;background:rgba(5,11,19,.85);border:1px solid rgba(69,175,239,.45);border-radius:9px;padding:15px;box-shadow:0 0 30px rgba(23,146,222,.12);transform:perspective(700px) rotateY(7deg);transition:transform .3s}.resume-mark{font-size:21px;font-weight:800;color:#f4f7fc}.resume-mark span{color:#49b9f0}.resume-ui>b{display:block;font-size:13px;margin-top:6px}.resume-ui>small{font-size:8px;color:#98a7b7}.resume-lines{display:grid;gap:5px;margin:12px 0}.resume-lines i{height:3px;border-radius:5px;background:#24445c}.resume-lines i:nth-child(2){width:75%}.resume-lines i:nth-child(3){width:55%}.resume-pill{display:inline-block;font:7px var(--mono);color:#6fd2ff;border:1px solid #286487;border-radius:20px;padding:4px 6px}.nova-ui{width:72%;background:rgba(8,8,20,.88);border:1px solid rgba(125,108,255,.45);border-radius:12px;padding:14px;box-shadow:0 0 32px rgba(98,78,240,.15);transform:perspective(700px) rotateY(-5deg);transition:transform .3s}.nova-star{color:#9b90ff;font-size:21px}.nova-title{font-size:14px;font-weight:800;letter-spacing:1px}.nova-message{font-size:8px;color:#a7a4c8;margin:9px 0}.nova-input{border:1px solid #3c376d;border-radius:6px;padding:7px;font-size:8px;color:#8582a6}.nova-input span{float:right;color:#aaa1ff}.project-info{padding:18px}.project-type{font-size:8px;color:var(--red);margin-bottom:6px}.project-info h3{font-size:17px;margin:0 0 7px}.project-info p{color:var(--muted);font-size:11px;line-height:1.85;min-height:60px;margin:0}.tag-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}.tag-list span{font-size:9px;color:#c4c9d3;border:1px solid var(--line);padding:4px 7px;border-radius:5px}.project-info .text-link{margin-top:16px}.project-disclaimer{font-size:10px;color:var(--dim);margin-top:18px}.timeline{position:relative;margin-top:12px}.timeline::before{content:"";position:absolute;left:22px;top:20px;bottom:22px;width:1px;background:linear-gradient(var(--red),rgba(255,48,78,.08))}.timeline-item{position:relative;display:grid;grid-template-columns:46px 1.1fr .9fr;gap:22px;padding:17px 0;align-items:center;border-bottom:1px solid rgba(255,255,255,.055)}.timeline-marker{width:44px;height:44px;border:1px solid rgba(255,48,78,.6);background:#11131a;border-radius:50%;display:grid;place-items:center;color:var(--red);font:11px var(--mono);z-index:1}.timeline-date{font-size:9px;color:var(--red);margin:0 0 5px}.timeline-main h3{font-size:13px;margin:0 0 4px}.timeline-main>p:last-child,.timeline-detail{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.contact-section{margin-top:80px;padding:80px 0;background:radial-gradient(ellipse at 5% 100%,rgba(255,48,78,.12),transparent 45%),linear-gradient(180deg,rgba(11,13,19,.7),rgba(9,10,14,.9));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.contact-copy h2{font-size:clamp(38px,5vw,58px);margin:15px 0}.contact-copy>p:not(.section-index){color:var(--muted);font-size:13px;max-width:400px;line-height:1.9}.contact-email{display:inline-flex;align-items:center;gap:18px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;margin-top:19px}.contact-email span{color:var(--red)}.contact-meta{font-size:10px;color:var(--muted);margin-top:25px}.contact-meta>span:first-child{color:var(--red);margin-right:7px}.meta-divider{margin:0 7px;color:var(--red)}.contact-form{padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,10,15,.72);box-shadow:0 20px 60px rgba(0,0,0,.18)}.form-title{display:flex;justify-content:space-between;gap:10px;color:#d6dae3;font-size:9px;margin-bottom:23px}.form-live{color:#858c9b;font-size:8px}.form-live i{width:6px;height:6px;background:#4fd99a;box-shadow:0 0 10px #4fd99a}.form-row{display:grid;gap:7px;margin-bottom:15px}.form-row label{font-size:11px;color:#c9ced8;font-weight:600}.form-row label span{color:var(--red)}.form-row input,.form-row textarea{width:100%;border:1px solid #242a36;border-radius:7px;background:#0d1119;color:var(--text);font:12px var(--font);padding:12px 13px;outline:none;transition:border .2s;resize:vertical}.form-row input:focus,.form-row textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,48,78,.09)}.form-row input::placeholder,.form-row textarea::placeholder{color:#606878}.form-submit{width:100%;margin-top:3px}.form-submit:disabled{opacity:.65;cursor:wait;transform:none}.botcheck{position:absolute!important;opacity:0!important;height:0!important;width:0!important;pointer-events:none}.form-note{font-size:9px;line-height:1.6;color:#788191;margin:12px 0 0}.form-note.success{color:#4fd99a}.form-note.error{color:#ff7a8a}.site-footer{position:relative;padding:30px max(32px,calc((100% - var(--wrap))/2)) 18px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:15px}.site-footer>p{font-size:10px;color:var(--dim);text-align:center}.back-top{width:34px;height:34px;border:1px solid var(--red);border-radius:9px;color:var(--red);display:grid;place-items:center;text-decoration:none}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:13px;display:flex;justify-content:space-between;color:#697181;font:9px var(--mono)}.footer-bottom b{color:var(--red);font-weight:400}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes orb-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes cube-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:15deg}}.skip-link{position:absolute;left:12px;top:-50px;padding:10px;background:var(--red);color:white;z-index:100}.skip-link:focus{top:12px}
@media(min-width:1400px){.hero{min-height:720px}.hero-art{height:560px}}
@media(max-width:900px){.site-header{padding-inline:24px}.site-nav{gap:16px}.header-cta{display:none}.hero{min-height:590px;grid-template-columns:1fr 1fr}.hero-art{height:420px}.hero-card{padding:10px}.about-grid{gap:30px}.skills-grid{grid-template-columns:repeat(5,1fr)}.skill-card{padding-inline:6px}.projects-grid{gap:12px}.project-art{height:170px}.project-info{padding:14px}.contact-grid{gap:35px}.site-footer{padding-inline:24px}}
@media(max-width:680px){html{scroll-padding-top:76px}.section-wrap{width:calc(100% - 36px)}.site-header{height:70px;padding-inline:18px}.brand{font-size:12px}.brand-mark{width:32px;height:32px}.menu-toggle{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px;align-items:center;border:1px solid var(--line);border-radius:9px;cursor:pointer}.menu-toggle span{height:2px;width:16px;background:white;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:absolute;top:69px;left:0;right:0;background:rgba(8,9,13,.98);border-bottom:1px solid var(--line);padding:14px 20px 20px;display:none;align-items:stretch;gap:0;flex-direction:column}.site-nav.open{display:flex}.nav-link{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:58px;padding-bottom:66px;min-height:0}.hero-copy{padding-bottom:0}.eyebrow{font-size:9px}h1{font-size:clamp(65px,18vw,90px);letter-spacing:-4px}.hero-role{font-size:15px;margin-top:20px}.hero-intro{font-size:12px;max-width:100%}.hero-art{height:340px;width:100%;margin-top:15px}.hero-orb{width:260px;right:14%;top:6%}.hero-avatar{width:52%;height:70%;right:23%;bottom:6%}.hero-card{padding:9px 11px}.hero-card strong{font-size:10px}.hero-card span{font-size:7px}.card-top{top:14%;left:0}.card-bottom{bottom:13%;right:0}.vertical-note{right:0;top:8%;font-size:7px}.hero-bottomline{font-size:7px;gap:12px;bottom:16px}.hero-bottomline .mono{display:none}.section-block{padding-top:56px;padding-bottom:28px}.section-heading h2{font-size:35px}.about-grid{grid-template-columns:1fr;gap:25px}.about-copy .lead{font-size:15px}.about-copy p{font-size:12px}.profile-panel{grid-template-columns:.8fr 1fr;gap:12px;padding:11px;min-height:245px}.profile-visual{padding:13px}.profile-initials{font-size:43px}.profile-quote{font-size:15px}.profile-facts strong{font-size:9px}.profile-facts small{font-size:8px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skill-card{padding:16px 7px}.skill-card h3{font-size:11px}.skill-card p{font-size:9px}.skill-symbol{width:38px;height:38px;font-size:19px}.project-heading{align-items:flex-start}.project-count{display:none}.projects-grid{grid-template-columns:1fr;gap:14px}.project-art{height:205px}.project-info{padding:17px}.project-info p{min-height:0}.project-info h3{font-size:16px}.timeline::before{left:17px}.timeline-item{grid-template-columns:36px 1fr;gap:13px;padding:17px 0}.timeline-marker{width:35px;height:35px;font-size:9px}.timeline-detail{grid-column:2;font-size:10px}.timeline-main h3{font-size:12px}.timeline-main>p:last-child{font-size:10px}.timeline-date{font-size:8px}.contact-section{margin-top:50px;padding:55px 0}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-copy h2{font-size:45px}.contact-form{padding:17px}.form-title{font-size:8px}.form-live{font-size:7px}.site-footer{padding:24px 18px 16px;grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1;grid-row:2;text-align:left;margin:0}.back-top{grid-column:2;grid-row:1}.footer-bottom{gap:10px;flex-wrap:wrap;font-size:8px}.footer-bottom span:last-child{display:none}}
/* Mobile responsiveness polish: image guard, tablet stacking, touch targets, iOS zoom fix, small-phone stacking */
img{max-width:100%}
html{-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:28px}.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:680px){.page-glow{width:280px;height:280px;right:0;top:60px}h1{letter-spacing:-2px;overflow-wrap:break-word}.hero-actions .button{flex:1 1 140px;min-height:48px;font-size:12px}.social-links a{width:44px;height:44px}.site-nav{max-height:calc(100vh - 69px);overflow-y:auto}.section-heading h2{font-size:clamp(28px,8vw,35px);letter-spacing:-1px}.hero-bottomline{flex-wrap:wrap;row-gap:6px}.profile-photo{height:220px}.contact-copy h2{font-size:clamp(34px,10vw,45px);letter-spacing:-1px}.contact-email{overflow-wrap:anywhere;word-break:break-word;font-size:13px;gap:10px}.form-row input,.form-row textarea{font-size:16px;padding:13px}}
@media(max-width:480px){.section-wrap{width:calc(100% - 32px)}.hero{padding-top:44px}h1{font-size:clamp(52px,17vw,68px)}.hero-art{height:300px}.hero-avatar{width:60%;right:20%}.hero-card{max-width:46%}.vertical-note{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.profile-panel{grid-template-columns:1fr}.profile-photo{height:240px}.profile-quote{align-self:flex-start;margin-top:12px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.projects-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:34px 1fr;gap:10px}.contact-email{font-size:12px}.form-title{flex-wrap:wrap;row-gap:6px}}
@media(max-width:380px){.hero-art{height:280px}.hero-avatar{width:64%}.hero-card strong{font-size:9px}.contact-form{padding:14px}.skill-symbol{width:34px;height:34px}}
/* Mobile enhancement pass 2: tap targets, mid-size grids, safe-areas, landscape phones */
@media(max-width:680px){*{-webkit-tap-highlight-color:transparent}.button{touch-action:manipulation}.nav-link{min-height:44px;display:flex;align-items:center;font-size:13px}.section-heading h2,.contact-copy h2{text-wrap:balance}.profile-panel{grid-template-columns:1fr}.profile-photo{height:250px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-bottom:76px}.site-header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.site-footer{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){.hero{padding-top:32px;padding-bottom:60px}.hero-art{height:260px}.hero-bottomline{display:none}.section-block{padding-top:40px;padding-bottom:24px}}
@media(max-width:480px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photo{height:240px}}
/* Hero CTA buttons — mobile enhancement: bigger, bolder, press feedback */
@media(max-width:680px){.hero-actions{gap:6px;margin-top:16px}.hero-actions .button{flex:1 1 70px;min-height:32px;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.2px;gap:4px}.hero-actions .button-primary{background:linear-gradient(135deg,#ff304e,#d91537);box-shadow:0 6px 20px rgba(255,48,78,.28)}.hero-actions .button-ghost{background:rgba(255,255,255,.03);border-color:#303440}.hero-actions .button:active{transform:scale(.94)}.hero-actions .button:focus-visible{outline:2px solid var(--red);outline-offset:2px}}
@media(max-width:480px){.hero-actions .button{width:100%;min-height:32px;font-size:9px}}
/* Final mobile perfect-pass: comfort, rhythm, details */
::selection{background:var(--red);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}
img{height:auto}
@media(max-width:680px){.menu-toggle{width:44px;height:44px}.hero-card{max-width:44%}.text-link{padding:8px 0;min-height:44px}.form-submit{min-height:52px;font-size:13px}.back-top{width:44px;height:44px}.project-art{height:190px}.social-links{gap:12px}.contact-meta{line-height:2}}
@media(max-width:480px){.hero-card{max-width:46%}.project-art{height:180px}.section-block{padding-top:48px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}