:root{--red:#ff3047;--black:#08090b;--panel:#111216;--white:#fafafa;--muted:#b0b0b8;--line:rgba(255,255,255,.13);--body:Manrope,Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}h2{font-family:var(--display);font-weight:600;font-size:clamp(36px,4.5vw,60px);line-height:1.08;letter-spacing:.01em}h2 span,.spark{color:var(--red)}a:focus-visible{outline:2px solid white;outline-offset:5px}a:hover{color:var(--red)}::selection{background:var(--red);color:white}.color-filters{position:absolute;width:0;height:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:black;padding:10px 20px}.skip-link:focus{top:15px}.page-wrap{max-width:1432px;margin:24px 96px 24px 24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--black)}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:var(--muted)}.red-line{display:inline-block;width:27px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#101114;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:22px;font-weight:600;line-height:1.08;letter-spacing:.05em}.brand img{width:39px;height:39px;object-fit:cover;object-position:48% 42%;border-radius:50%;filter:grayscale(1);border:1px solid #777}.brand-detail{display:block;font:8px var(--body);letter-spacing:.15em;margin-top:5px;color:var(--muted)}.topbar nav{display:flex;gap:30px;font-size:11px;color:#ccc}.top-status{font-size:9px;letter-spacing:.09em;white-space:nowrap}.top-status i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #ff3047a0}.cinema-hero{height:690px;position:relative;isolation:isolate;overflow:hidden;background:#0b0c10}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image img{width:73%;height:100%;margin-left:auto;object-fit:cover;object-position:45% 46%;filter:grayscale(1) contrast(1.13);opacity:.83}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c10 0%,#0b0c10e8 19%,#0b0c1066 52%,transparent 75%),linear-gradient(0deg,#0b0c10 0%,transparent 25%,#0b0c1044 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 91% 47%,#ff304724,transparent 51%);border-bottom:1px solid var(--line)}.hero-grid:after{content:'';position:absolute;right:48px;top:80px;width:160px;height:300px;border:1px solid #ffffff10}.hero-copy{position:relative;padding:110px 48px 70px;width:80%;z-index:2}.hero-copy h1{font-family:var(--display);font-size:clamp(90px,12.1vw,174px);line-height:.91;letter-spacing:.02em;font-weight:700;margin:22px 0 28px;white-space:nowrap}.hero-copy h1>span{display:block;font-size:.38em;letter-spacing:.08em;line-height:1.25;font-weight:500;margin-top:10px}.red-dot{color:var(--red)}.hero-manifesto{font-size:20px;line-height:1.5;font-weight:400;color:#d0d0d2}.hero-manifesto strong{font-weight:600;color:white}.hero-description{max-width:320px;color:var(--muted);font-size:12px;margin:18px 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.07em;font-weight:700;padding:14px 18px;border:1px solid #ffffff44;background:#ffffff08;min-height:46px;transition:background .2s,transform .2s}.button:hover{color:white;background:#ffffff1a;transform:translateY(-2px)}.button.primary{background:var(--red);border-color:var(--red);color:white}.button.primary:hover{background:#d5162d}.button span{font-size:17px}.hero-coordinate{position:absolute;top:27px;right:33px;font-size:8px;letter-spacing:.15em;color:#bbb}.portrait-note{position:absolute;right:32px;bottom:92px;display:flex;align-items:center;gap:12px;font-size:8px;line-height:1.5;letter-spacing:.1em;color:#ddd}.crosshair{font-size:36px;font-weight:400;color:var(--red)}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:23px 34px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.12em;color:#aaa}.hero-bottom a{color:white}.hero-bottom a span{margin-left:10px;color:var(--red)}.profile-section{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.profile-visual{position:relative;min-height:510px;background:#121215;overflow:hidden;border-right:1px solid var(--line)}.profile-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:62% 50%;filter:grayscale(1);opacity:.75}.profile-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090b 0%,transparent 60%)}.profile-visual figcaption{position:absolute;z-index:1;left:34px;bottom:34px}.profile-visual figcaption span{font-size:8px;letter-spacing:.13em;color:#ccc}.profile-visual figcaption strong{display:block;font:500 42px/1.04 var(--display);margin-top:12px}.vertical-label{position:absolute;z-index:1;left:24px;top:24px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#ccc}.profile-content{padding:45px 42px;background:linear-gradient(120deg,#191a1e,#101114)}.profile-content h2{font-size:44px;margin:13px 0 20px}.profile-content>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:430px}.profile-data{margin:25px 0}.profile-data div{display:grid;grid-template-columns:110px 1fr;padding:14px 0;border-top:1px solid var(--line);gap:8px}.profile-data dt{font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--red)}.profile-data dd{margin:0;font-size:11px;color:#ddd}.inline-link{font-size:9px;font-weight:700;letter-spacing:.1em;display:inline-flex;gap:28px}.inline-link span{color:var(--red)}.section-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-bar h2{margin-top:8px}.section-bar>a{font-size:9px;letter-spacing:.07em;padding:12px 0;white-space:nowrap}.section-bar>p{font-size:11px;color:var(--muted)}#projects{padding:48px 34px;background:#0d0e11;border-bottom:1px solid var(--line)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);background:#141519;border-radius:10px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));box-shadow:0 6px 0 #050507}.project-card:hover{border-color:#ff304788;box-shadow:0 8px 0 #050507,0 12px 35px #0007}.project-preview{display:block;position:relative;overflow:hidden;background:#202024;border-bottom:1px solid var(--line)}.project-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;filter:url('#red-duotone');transition:transform .3s}.project-preview:hover img{transform:scale(1.035)}.preview-action{position:absolute;bottom:12px;left:12px;right:12px;background:#08090bdc;color:white;border:1px solid #ffffff30;padding:8px 10px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.05em}.preview-action span{color:var(--red)}.project-heading{display:flex;align-items:baseline;gap:12px;padding:22px 20px 0}.project-number{font-family:var(--display);font-size:21px;color:var(--red)}.project-heading h3{font-family:var(--display);font-size:24px;letter-spacing:.02em;line-height:1.05}.project-heading p{font-size:9px;color:#aaa;margin-top:6px}.project-description{font-size:11px;line-height:1.8;color:var(--muted);padding:14px 20px;min-height:108px}.tags{list-style:none;margin:0;padding:0 20px 18px;display:flex;gap:5px;flex-wrap:wrap}.tags li{border:1px solid #ffffff18;padding:4px 6px;font-size:7px;color:#ccc}.project-links{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px}.project-card>.project-links{padding:14px 20px;border-top:1px solid var(--line)}.project-links a:first-child{color:var(--red)}.project-links a:hover{color:white}.ai-feature{display:grid;grid-template-columns:1fr 2.25fr;margin-top:26px;border:1px solid var(--line);background:linear-gradient(110deg,#210c10,#141519);border-radius:10px;overflow:hidden}.ai-art{position:relative;display:grid;place-content:center;text-align:center;min-height:230px;border-right:1px solid var(--line);overflow:hidden}.ai-art>span{font:80px/1 var(--display);z-index:1}.ai-art p{font-size:6px;letter-spacing:.13em;color:#aaa;margin-top:20px}.orbit{position:absolute;width:170px;height:170px;border:1px solid #ff304735;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg) scaleY(.5)}.orbit-two{transform:translate(-50%,-50%) rotate(35deg) scaleY(.5)}.orbit-three{transform:translate(-50%,-50%) rotate(95deg) scaleY(.5)}.ai-copy{padding:35px}.ai-copy h3{font:500 40px/1.1 var(--display);margin:10px 0}.ai-copy>p{max-width:620px;font-size:12px;color:var(--muted);margin-bottom:24px}.ai-copy .project-links{justify-content:flex-start;flex-wrap:wrap}.project-note{font-size:7px;letter-spacing:.08em;color:#aaa}.skills-adventure{padding:48px 34px;border-bottom:1px solid var(--line);background:#0b0c0f}.adventure-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.adventure-heading h2{margin-top:8px}.adventure-heading>p{font-size:11px;color:var(--muted)}.skill-map{position:relative;isolation:isolate;padding:26px 20px 20px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#09090c}.map-scenery{position:absolute;inset:0;z-index:-1;opacity:.6}.map-scenery img{width:100%;height:100%;object-fit:cover}.map-scenery:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08090baa,transparent 35%,#08090b99)}.map-column-headings{display:grid;grid-template-columns:1fr 140px 1fr;gap:0;margin-bottom:26px}.map-column-headings h3{font:500 30px var(--display);letter-spacing:.04em}.map-column-headings h3:last-child{grid-column:3;text-align:right}.map-column-headings span{display:block;font:7px var(--body);letter-spacing:.1em;color:#bbb;margin-top:5px}.map-row{display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;min-height:180px;margin-bottom:28px}.map-card{position:relative;padding:22px;background:linear-gradient(130deg,#24242be8,#111115ed);border:1px solid #ffffff26;border-radius:9px;box-shadow:5px 7px 0 #050508,6px 8px 0 #ffffff1d;transition:transform .25s,border-color .25s;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));min-height:180px}.map-card:hover{border-color:#ff304780}.skill-card{border-left:2px solid var(--red)}.tool-card{border-right:2px solid var(--red);text-align:right}.level-label{font-size:7px;letter-spacing:.1em;color:var(--red)}.map-card h4{font:500 28px/1.05 var(--display);margin:10px 0}.map-card p{font-size:11px;color:#c5c5cc;line-height:1.75}.map-card a,.card-footnote{display:block;font-size:7px;letter-spacing:.06em;color:#b0b0b9;margin-top:18px}.map-card a{color:white}.map-card a:hover{color:var(--red)}.stone-cluster{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.step-number{font:500 30px/1 var(--display);display:grid;place-items:center;width:46px;height:44px;background:linear-gradient(135deg,#ff3047,#841425);box-shadow:4px 6px 0 #4d0b15,0 0 35px #ff304733;border:1px solid #ff7d8a;transform:rotate(-7deg);border-radius:6px}.stone-cluster i{display:block;width:27px;height:9px;background:linear-gradient(#74747a,#25252a);border-radius:45%;box-shadow:1px 3px 0 #151519;transform:translateX(14px) rotate(-13deg)}.stone-cluster i:nth-last-child(2){transform:translateX(-9px) rotate(8deg)}.stone-cluster i:last-child{transform:translateX(5px) rotate(-3deg)}.map-finish{border-top:1px solid #ffffff22;padding-top:20px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.06em}.finish-marker{font-size:22px;color:var(--red)}.map-finish strong{display:block;font:500 22px var(--display)}.map-finish a{margin-left:auto;font-size:8px}.credentials-section{padding:38px 34px;border-bottom:1px solid var(--line);background:#141519}.credentials-section h2{font-size:30px}.credentials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.credentials-grid article{border-left:1px solid var(--red);padding-left:16px}.credential-icon{color:var(--red);font-size:22px}.credentials-grid h3{font-size:11px;font-weight:600;margin:8px 0}.credentials-grid p{font-size:9px;color:var(--muted)}.credential-extra{display:block;margin-top:7px}.links-section{padding:48px 34px;border-bottom:1px solid var(--line)}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.link-grid>a{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid var(--line);background:#141519;transition:background .2s,border-color .2s;border-radius:8px}.link-grid>a:hover{background:#1d1418;border-color:#ff304780;color:white}.link-grid>a>span:last-child{margin-left:auto;color:var(--red);font-size:20px}.link-icon{font:600 25px var(--display);width:35px;color:var(--red)}.link-grid strong{font:500 27px var(--display)}.link-grid small{display:block;font-size:9px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.offscreen{padding:38px 34px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:18px;border-bottom:1px solid var(--line);background:#101114}.offscreen-title{align-self:center}.offscreen-title h2{font-size:40px;margin:16px 0}.offscreen-title p{color:var(--muted);font-size:11px}.offscreen figure{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;min-height:300px}.offscreen img{width:100%;height:300px;object-fit:cover;filter:grayscale(1);opacity:.85}.offscreen figure:nth-child(2) img{object-position:45% 67%}.offscreen figure:nth-child(3) img{object-position:65% 50%}.offscreen figcaption{position:absolute;bottom:0;left:0;width:100%;padding:24px 12px 12px;background:linear-gradient(transparent,#08090be6);font-size:7px;letter-spacing:.1em;color:#ccc}.contact-section{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:55px 34px;background:radial-gradient(ellipse at 0% 100%,#ff30471a,transparent 65%),#0c0d10}.contact-section h2{font-size:clamp(36px,4.4vw,60px);margin-top:18px}.contact-copy{align-self:center}.contact-copy p{font-size:12px;color:var(--muted);margin-bottom:20px;max-width:310px}.email-link{display:block;margin-top:18px;font-size:10px;color:#bbb;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:22px 34px;font-size:7px;letter-spacing:.08em;color:#aaa}.side-rail{position:fixed;right:17px;top:24px;bottom:24px;width:62px;border:1px solid var(--line);border-radius:15px;background:#141519ed;display:flex;flex-direction:column;align-items:center;z-index:10;backdrop-filter:blur(14px)}.rail-brand{font:600 30px var(--display);padding-top:16px}.rail-brand span{color:var(--red)}.rail-links{display:flex;flex-direction:column;align-items:center;gap:17px;margin:auto 0}.rail-links a{position:relative;width:48px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9b9ba4;border-radius:8px;transition:color .2s,background .2s}.rail-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.rail-links span{font-size:7px}.rail-links a:hover{color:white;background:#ffffff08}.rail-links a[aria-current]{color:var(--red);background:#ff304712}.rail-links a[aria-current]:before{content:'';position:absolute;left:-7px;top:12px;bottom:12px;background:var(--red);width:2px}.rail-foot{font-size:7px;color:#777;letter-spacing:.1em;margin-bottom:22px}
@media(min-width:1600px){.page-wrap{margin-left:auto;margin-right:auto}.side-rail{right:max(17px,calc((100vw - 1600px)/2))}}
@media(max-width:1050px){.page-wrap{margin:14px 86px 14px 14px}.topbar{padding:0 24px}.topbar nav{gap:18px}.top-status{display:none}.cinema-hero{height:650px}.hero-copy{padding:115px 32px 60px;width:90%}.hero-copy h1{font-size:12vw}.hero-image img{width:80%;object-position:45% 46%}.profile-content{padding:32px 28px}.profile-content h2{font-size:37px}.profile-visual{min-height:490px}.profile-data div{grid-template-columns:88px 1fr}.projects-grid{gap:12px}.project-heading{padding:18px 14px 0;gap:7px}.project-heading h3{font-size:21px}.project-description{padding:12px 14px;min-height:130px;font-size:10px}.tags{padding:0 14px 14px}.project-card>.project-links{padding:12px 14px}.map-row,.map-column-headings{grid-template-columns:1fr 90px 1fr}.map-card{padding:19px}.map-card h4{font-size:25px}.offscreen{grid-template-columns:.8fr 1fr 1fr}.offscreen figure{min-height:260px}.offscreen img{height:260px}.contact-section{gap:28px}.side-rail{top:14px;bottom:14px;right:12px}}
@media(max-width:760px){body{font-size:13px}.page-wrap{margin:10px 10px 92px;border-radius:13px}.topbar{height:65px;padding:0 19px}.brand{font-size:20px}.brand img{width:34px;height:34px}.topbar nav{gap:14px;font-size:9px}.topbar nav a:last-child{display:none}.cinema-hero{height:650px}.hero-image img{width:100%;object-position:60% 39%;opacity:.72}.hero-image:after{background:linear-gradient(90deg,#0b0c10dd,transparent 95%),linear-gradient(0deg,#0b0c10 0%,#0b0c10b0 18%,transparent 70%)}.hero-copy{width:100%;padding:90px 25px 30px}.hero-copy h1{font-size:clamp(74px,17vw,126px);margin:22px 0}.hero-copy h1>span{font-size:.39em}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em}.hero-manifesto{font-size:18px;margin-top:130px}.hero-description{font-size:11px;max-width:270px;margin:12px 0 20px}.button{font-size:8px;padding:12px 13px;gap:12px;min-height:44px}.hero-coordinate{top:22px;right:22px;font-size:7px}.portrait-note{right:25px;top:285px;bottom:auto;font-size:6px;gap:7px}.hero-grid:after{right:20px;top:45px;width:100px;height:260px}.hero-bottom{padding:18px 24px;font-size:7px}.hero-bottom>span:last-child{display:none}.profile-section{grid-template-columns:1fr 1.1fr}.profile-visual{min-height:470px}.profile-visual figcaption{left:20px;bottom:25px}.profile-visual figcaption strong{font-size:30px}.profile-visual figcaption span{font-size:6px}.profile-content{padding:28px 23px}.profile-content h2{font-size:32px}.profile-content>p:not(.eyebrow){font-size:11px}.profile-data div{display:block;padding:10px 0}.profile-data dd{margin-top:4px;font-size:10px}.profile-data{margin:18px 0}.eyebrow{font-size:8px}#projects,.skills-adventure,.links-section{padding:34px 23px}.section-bar{align-items:start;gap:12px}.section-bar>a{font-size:7px;max-width:85px;white-space:normal;text-align:right}.section-bar h2,.adventure-heading h2{font-size:38px}.projects-grid{grid-template-columns:1fr;gap:22px}.project-preview img{aspect-ratio:16/9}.project-heading{padding:20px 20px 0;gap:14px}.project-heading h3{font-size:28px}.project-heading p{font-size:10px}.project-description{font-size:12px;min-height:0;padding:14px 20px}.tags{padding:0 20px 18px}.tags li{font-size:8px}.project-card>.project-links{font-size:11px;padding:15px 20px}.preview-action{font-size:9px;left:15px;right:15px;padding:10px 12px}.ai-feature{grid-template-columns:1fr 2fr}.ai-art{min-height:230px}.ai-copy{padding:22px}.ai-copy h3{font-size:34px}.ai-copy>p{font-size:11px}.ai-art p{font-size:5px;padding:0 5px}.ai-art>span{font-size:65px}.orbit{width:130px;height:130px}.adventure-heading{display:block}.adventure-heading>p{margin-top:15px;font-size:10px}.skill-map{padding:20px 12px}.map-column-headings,.map-row{grid-template-columns:1fr 55px 1fr}.map-column-headings h3{font-size:25px}.map-column-headings span{font-size:5px}.map-card{padding:14px 12px;min-height:200px;box-shadow:3px 5px 0 #050508,4px 6px 0 #ffffff1d}.map-card h4{font-size:23px}.map-card p{font-size:10px}.map-card a,.card-footnote{font-size:6px;line-height:1.7}.level-label{font-size:6px;line-height:1.6;display:block}.stone-cluster{gap:12px}.step-number{width:32px;height:32px;font-size:23px;box-shadow:3px 4px 0 #4d0b15,0 0 20px #ff304733}.stone-cluster i{width:19px;height:7px}.map-row{margin-bottom:28px}.map-finish{gap:8px;font-size:6px}.map-finish strong{font-size:18px}.map-finish a{font-size:6px;max-width:90px;text-align:right}.credentials-section{padding:30px 23px}.credentials-section .section-bar{display:block}.credentials-section .section-bar>.eyebrow{display:block;margin-top:10px}.credentials-grid{gap:15px}.credentials-grid h3{font-size:10px}.credentials-grid p{font-size:8px}.credentials-grid article{padding-left:10px}.link-grid{gap:12px}.link-grid>a{padding:16px 12px;gap:10px}.link-icon{width:24px;font-size:23px}.link-grid strong{font-size:24px}.link-grid small{font-size:8px}.links-section .section-bar{display:block}.links-section .section-bar>p{margin-top:14px}.offscreen{padding:30px 23px;grid-template-columns:1fr 1fr;gap:12px}.offscreen-title{grid-column:1/-1}.offscreen-title h2{font-size:36px;margin:12px 0}.offscreen-title h2 br{display:none}.offscreen-title p{display:none}.offscreen figure{min-height:250px}.offscreen img{height:250px}.offscreen figcaption{font-size:6px;padding:24px 10px 10px}.contact-section{padding:38px 23px;grid-template-columns:1fr;gap:25px}.contact-section h2{font-size:45px}.contact-copy p{max-width:100%;font-size:12px}.email-link{font-size:11px}footer{padding:20px 23px;font-size:6px;gap:12px}footer>span:nth-child(2){display:none}.side-rail{top:auto;bottom:12px;left:14px;right:14px;width:auto;height:66px;border-radius:14px;background:#16171cf5;box-shadow:0 3px 30px #0009;padding-bottom:env(safe-area-inset-bottom,0px)}.rail-brand,.rail-foot{display:none}.rail-links{flex-direction:row;justify-content:space-around;width:100%;margin:0;gap:0;height:100%}.rail-links a{width:18%;min-height:54px;gap:3px}.rail-links a[aria-current]:before{left:25%;right:25%;top:auto;bottom:0;width:auto;height:2px}.rail-links span{font-size:8px}.rail-links svg{width:20px;height:20px}}
@media(max-width:480px){.profile-section{grid-template-columns:1fr}.profile-visual{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.profile-visual img{object-position:65% 47%}.profile-visual figcaption strong{font-size:37px}.profile-content{padding:30px 23px}.profile-content h2{font-size:40px}.profile-content>p:not(.eyebrow){font-size:12px}.profile-data div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:14px 0}.profile-data dd{font-size:11px;margin:0}.inline-link{font-size:10px}.hero-copy{padding:95px 21px 30px}.hero-copy h1{font-size:17.4vw;letter-spacing:.015em}.hero-manifesto{margin-top:160px;font-size:17px}.hero-description{max-width:275px;font-size:11px}.hero-actions{gap:8px}.hero-actions .button{font-size:7px;gap:10px;padding:10px 11px}.cinema-hero{height:650px}.hero-bottom{padding:18px 20px;font-size:6px}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:.08em}.hero-copy .red-line{width:18px;margin-right:5px}.portrait-note{top:280px}.section-bar h2,.adventure-heading h2{font-size:36px}.ai-feature{grid-template-columns:1fr}.ai-art{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.ai-copy{padding:24px}.ai-copy>p{font-size:12px}.ai-art>span{font-size:73px}.ai-art p{font-size:6px}.skill-map{padding:20px 9px}.map-column-headings,.map-row{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)}.map-column-headings span{font-size:4.8px;letter-spacing:.02em}.map-card{padding:13px 10px;min-height:220px}.map-card h4{font-size:22px}.map-card p{font-size:10px;overflow-wrap:anywhere}.map-card .level-label{font-size:5.8px;letter-spacing:.02em}.map-card a,.card-footnote{font-size:5.7px;letter-spacing:.01em}.stone-cluster i{transform:translateX(5px) rotate(-13deg)}.stone-cluster i:nth-last-child(2){transform:translateX(-5px) rotate(8deg)}.map-finish .finish-marker{display:none}.credentials-grid{grid-template-columns:1fr;gap:20px}.credentials-grid article{display:grid;grid-template-columns:24px 1fr;gap:0 10px;padding-left:15px}.credentials-grid h3{font-size:12px;margin:5px 0}.credentials-grid p{grid-column:2;font-size:10px}.credentials-grid h3 br{display:none}.link-grid{grid-template-columns:1fr}.link-grid>a{padding:20px;gap:18px}.link-grid small{font-size:9px}.link-grid strong{font-size:27px}.offscreen figure{min-height:240px}.offscreen img{height:240px}.offscreen figcaption{font-size:5px;letter-spacing:.06em}.contact-section h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-card,.map-card{transform:none!important}}
@media(max-width:480px){.map-card p{font-size:11px}.map-card{min-height:242px}.map-row{align-items:stretch}.stone-cluster{align-self:center}}

/* Character dossier: the personal, off-duty side of the portfolio. */
.jujutsu-section{border-bottom:1px solid var(--line);background:#121317;isolation:isolate}
.dossier-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 34px;background:#1b1c22;border-bottom:1px solid var(--line)}
.dossier-bar>span{font-size:8px;letter-spacing:.12em;color:#a0a0a9}
.dossier-grid{display:grid;grid-template-columns:1fr 1.1fr}
.sorcerer-art{position:relative;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 60% 54%,#73101f88,transparent 65%),#0a0b0e;border-right:1px solid var(--line);isolation:isolate}
.dossier-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.15;z-index:-2}
.domain-seal{position:absolute;width:125%;max-width:none;height:auto;left:-12.5%;top:18%;fill:none;stroke:var(--red);stroke-width:1;opacity:.45;filter:drop-shadow(0 0 8px #ff304770);z-index:-1;transform:rotate(-10deg)}
.grade-stamp{position:absolute;top:26px;left:26px;width:92px;height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ff304775;border-radius:50%;transform:rotate(-12deg);color:var(--red);background:#0b0b0f66;z-index:2;box-shadow:0 0 0 5px #ff304708}
.grade-stamp strong{font:600 44px/.9 var(--display);margin:5px 0}
.grade-stamp span{font-size:6px;letter-spacing:.12em}
.sorcerer-portrait{position:absolute;width:160%;max-width:none;left:-26%;bottom:35px;filter:grayscale(1) contrast(1.1);z-index:1}
.sorcerer-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0b0e 0%,transparent 40%,#0a0b0e33 100%);z-index:2;pointer-events:none}
.dossier-side-text{position:absolute;top:160px;left:23px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#ddd;z-index:3}
.sorcerer-caption{position:absolute;bottom:30px;left:34px;right:24px;z-index:3}
.sorcerer-caption>span{font-size:9px;letter-spacing:.2em;color:#ccc}
.sorcerer-caption strong{font:600 clamp(45px,6vw,80px)/1.1 var(--display);display:block;letter-spacing:.04em;margin:6px 0}
.sorcerer-caption strong span{color:var(--red)}
.sorcerer-caption p{font-size:11px;color:#aaa}
.dossier-info{padding:40px;background:linear-gradient(110deg,#212228dd,#141519);position:relative}
.dossier-info:before{content:'';position:absolute;left:0;top:110px;width:35px;height:1px;background:var(--red)}
.dossier-info h2{font:600 clamp(60px,6.9vw,98px)/.87 var(--display);letter-spacing:.055em;margin:20px 0}
.dossier-intro{font-size:11px;color:var(--muted);margin-bottom:26px}
.dossier-group{padding:17px 0;border-top:1px solid var(--line)}
.dossier-group h3{font-size:10px;letter-spacing:.07em;margin-bottom:12px;font-weight:700}
.dossier-group h3>span{font:500 16px var(--display);color:var(--red);margin-right:12px}
.dossier-group dl{margin:0}
.dossier-group dl>div{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:9px 0;align-items:baseline}
.dossier-group dt{font-size:7px;letter-spacing:.05em;color:#9d9da7}
.dossier-group dt:before{content:'›';color:var(--red);margin-right:7px}
.dossier-group dd{font-size:10px;color:#ddd;margin:0}
.grade-tag{color:var(--red);font-size:9px;letter-spacing:.06em;font-weight:700}
.domain-panel{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:32px 34px;background:radial-gradient(ellipse at 20% 40%,#ff304714,transparent 65%),#090a0c;border-top:1px solid var(--line);transition:background .4s}
.domain-panel h3{font:500 48px/1.1 var(--display);letter-spacing:.06em;margin:10px 0}
.domain-panel h3 span{color:var(--red)}
.domain-panel>div>p{color:var(--muted);font-size:11px}
.domain-button{cursor:pointer;color:white;background:#ff304710;border-color:#ff304766}
.domain-button .domain-button-label{font:700 9px var(--body);letter-spacing:.07em}
.domain-button:hover{background:#ff30472b}
.domain-content{flex-basis:100%;border-top:1px solid #ff304744;padding-top:24px}
.domain-content[hidden]{display:none}
.domain-content>p{font-size:12px;color:#ddd!important;margin-bottom:18px}
.domain-techniques{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.domain-techniques a{display:block;padding:18px;border:1px solid #ff304755;background:#1a1016;box-shadow:0 4px 0 #050506;transition:transform .2s}
.domain-techniques a:hover{transform:translateY(-3px);color:white;border-color:var(--red)}
.domain-techniques small{font-size:7px;letter-spacing:.05em;color:var(--red)}
.domain-techniques strong{display:block;font:500 28px var(--display);margin-top:5px}
.domain-open .domain-panel{background:radial-gradient(ellipse at 20% 40%,#ff30472b,transparent 70%),#0c0b0e}
.domain-open .domain-seal{opacity:.85;filter:drop-shadow(0 0 13px #ff3047a0)}
@media(max-width:1050px){.dossier-info{padding:35px 28px}.dossier-group dl>div{grid-template-columns:100px 1fr;gap:8px}.dossier-group h3{font-size:9px}.dossier-group dd{font-size:10px}.sorcerer-art{min-height:740px}.sorcerer-portrait{width:190%;left:-40%;bottom:60px}.topbar nav{gap:20px}}
@media(max-width:760px){.jujutsu-top-link{display:none!important}.rail-links a{width:calc(100% / 6)}.rail-links span{font-size:7px}.dossier-bar{padding:18px 23px;gap:12px}.dossier-bar>span{font-size:6px}.dossier-bar .eyebrow{font-size:7px;letter-spacing:.1em}.dossier-grid{grid-template-columns:1fr}.sorcerer-art{min-height:440px;border-right:0;border-bottom:1px solid var(--line)}.sorcerer-portrait{width:100%;left:0;bottom:-55px}.domain-seal{width:80%;left:10%;top:-12%}.grade-stamp{top:22px;left:22px;width:80px;height:80px}.sorcerer-caption{left:23px;bottom:26px}.sorcerer-caption strong{font-size:66px}.dossier-side-text{top:125px;left:20px;font-size:7px}.dossier-info{padding:32px 23px}.dossier-info h2{font-size:78px}.dossier-info:before{display:none}.dossier-intro{font-size:12px}.dossier-group h3{font-size:11px}.dossier-group dl>div{grid-template-columns:130px 1fr;gap:15px}.dossier-group dt{font-size:8px}.dossier-group dd{font-size:12px}.grade-tag{font-size:11px}.domain-panel{padding:28px 23px;gap:22px}.domain-panel h3{font-size:43px}.domain-panel>div>p{font-size:12px}.domain-techniques{grid-template-columns:1fr}.domain-techniques a{padding:18px}.domain-techniques small{font-size:8px}}
@media(max-width:480px){.sorcerer-art{min-height:400px}.sorcerer-portrait{width:145%;left:-22%;bottom:-34px}.domain-seal{width:120%;left:-10%;top:5%}.sorcerer-caption strong{font-size:60px}.sorcerer-caption p{font-size:10px}.dossier-info h2{font-size:76px}.dossier-group dl>div{grid-template-columns:105px 1fr;gap:10px}.dossier-group dt{font-size:7px}.dossier-group dd{font-size:11px}.dossier-group h3{font-size:10px}.domain-panel h3{font-size:40px}.dossier-bar>span{max-width:95px;text-align:right}.rail-links{padding:0 2px}}
@media(max-height:620px) and (min-width:761px){.rail-links{gap:5px}.rail-links a{min-height:46px}.rail-brand{padding-top:10px}.rail-foot{margin-bottom:12px}}
.domain-button:focus-visible{outline:2px solid white;outline-offset:5px}
.sorcerer-portrait{height:auto;width:155%;left:-28%;bottom:20px}
@media(max-width:1050px){.sorcerer-portrait{width:175%;left:-37.5%;bottom:40px}}
@media(max-width:760px){.sorcerer-portrait{width:520px;left:50%;bottom:-65px;transform:translateX(-50%)}}
@media(max-width:480px){.sorcerer-portrait{width:135%;left:-17.5%;bottom:-74px;transform:none}}

/* The Jujutsu experience is a mode, separate from regular section navigation. */
[hidden]{display:none!important}
.mode-switch{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;min-height:44px;flex-shrink:0;background:#1b1c22;border:1px solid #ffffff26;border-radius:24px;color:#bbb;cursor:pointer;transition:background .2s,border-color .2s;color-scheme:dark}
.mode-switch>svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linejoin:round}
.mode-switch>span:not(.switch-track){font-size:8px;letter-spacing:.06em;font-weight:700;white-space:nowrap}
.switch-track{position:relative;width:29px;height:16px;flex-shrink:0;border-radius:10px;background:#34343b;box-shadow:inset 0 0 0 1px #ffffff18;transition:background .2s}
.switch-track i{position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#ccc;transition:transform .2s,background .2s}
.mode-switch[aria-checked=true]{background:#ff304715;border-color:#ff304770;color:white}
.mode-switch[aria-checked=true]>svg{color:var(--red)}
.mode-switch[aria-checked=true] .switch-track{background:var(--red)}
.mode-switch[aria-checked=true] .switch-track i{transform:translateX(13px);background:white}
.mode-switch:hover{border-color:var(--red);color:white}
.mode-switch:focus-visible,.exit-mode:focus-visible{outline:2px solid white;outline-offset:4px}
.jujutsu-mode main>section:not(#jujutsu){display:none}
.jujutsu-mode .topbar{border-bottom-color:#ff304755;background:linear-gradient(100deg,#141115,#211016)}
.jujutsu-mode .page-wrap{border-color:#ff304744}
.jujutsu-mode .rail-brand{color:var(--red)}
.dossier-bar-actions{display:flex;align-items:center;gap:20px}
.dossier-bar-actions>span{font-size:8px;letter-spacing:.12em;color:#a0a0a9}
.exit-mode{border:1px solid #ffffff25;color:#ddd;background:#ffffff05;min-height:36px;cursor:pointer;font-size:8px;letter-spacing:.06em;padding:8px 12px}
.exit-mode span{margin-left:14px;color:var(--red)}
.exit-mode:hover{border-color:var(--red);color:white}
.sorcerer-portrait{bottom:-35px}
@media(max-width:1050px){.topbar nav{gap:16px}.sorcerer-portrait{bottom:-15px}}
@media(max-width:760px){.topbar nav{display:none}.topbar{gap:12px}.mode-switch{padding:9px 10px;gap:7px}.mode-switch>span:not(.switch-track){font-size:7px}.mode-switch>svg{width:15px;height:15px}.rail-links a{width:18%}.rail-links span{font-size:8px}.dossier-bar-actions{gap:10px}.dossier-bar-actions>span{display:none}.exit-mode{font-size:7px;min-height:36px;padding:8px 10px;white-space:nowrap}.dossier-bar .eyebrow{font-size:6.5px;letter-spacing:.06em}.sorcerer-portrait{bottom:-95px}}
@media(max-width:480px){.sorcerer-portrait{bottom:-106px}.topbar{padding:0 15px}.mode-switch{gap:6px;padding:9px}.brand{gap:8px}.brand img{width:30px;height:30px}.brand{font-size:18px}.brand-detail{font-size:6px}.mode-switch>span:not(.switch-track){font-size:6.5px}.mode-switch>svg{display:none}}

/* A rendered vector shrine gives the mode switch a cinematic entry. */
.domain-intro{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#030305;color:white;isolation:isolate}
.domain-intro::backdrop{background:#030305}
.domain-intro:focus,.jujutsu-section:focus{outline:none}
.domain-transition{overflow:hidden}
.intro-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 53%,#870b2280,transparent 60%),linear-gradient(0deg,#06060b,#050507);z-index:-2}
.intro-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:900px;z-index:-1}
.intro-scene img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%;filter:drop-shadow(0 0 20px #ed153530)}
.intro-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030305cc,transparent 30%,transparent 72%,#030305aa),linear-gradient(90deg,#030305bb,transparent 36%,transparent 66%,#030305bb)}
.intro-rings{position:absolute;inset:0;perspective:650px;overflow:hidden;z-index:-1}
.intro-rings i{position:absolute;left:50%;top:72%;width:75vw;height:75vw;border:1px solid #ff3047;border-radius:50%;transform:translate(-50%,-50%) rotateX(76deg);box-shadow:0 0 30px #ff304755,inset 0 0 28px #ff304722;opacity:0}
.intro-rings i:nth-child(2){width:105vw;height:105vw}.intro-rings i:nth-child(3){width:135vw;height:135vw}
.energy-ribbon{position:absolute;left:22%;top:30%;width:56%;height:45%;border:1px solid #ff3855;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-20deg);box-shadow:0 -2px 18px #f21b3433;opacity:0}
.ribbon-two{left:17%;top:36%;width:66%;height:39%;transform:rotate(19deg);border-color:#f1d7df;border-bottom-color:transparent;border-right-color:transparent;box-shadow:0 -2px 22px #ffffff11}
.ribbon-three{left:30%;top:18%;width:38%;height:68%;transform:rotate(45deg);opacity:0;box-shadow:0 -2px 24px #ff304744}
.intro-grain{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff80 1px,transparent 1.5px),radial-gradient(#ff304790 1px,transparent 2px);background-size:181px 211px,227px 193px;background-position:43px 20px,0 0;opacity:0;mix-blend-mode:screen}
.intro-top,.intro-bottom{position:absolute;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:8px;letter-spacing:.15em;color:#ccc;z-index:2}
.intro-top{top:28px}.intro-top>span{border-left:2px solid var(--red);padding-left:12px}
.intro-skip{border:1px solid #ffffff30;background:#0a0a0d99;min-height:44px;padding:12px 15px;color:#ddd;cursor:pointer;font-size:8px;letter-spacing:.1em}
.intro-skip span{color:var(--red);margin-left:16px}.intro-skip:hover{border-color:var(--red);color:white}.intro-skip:focus-visible{outline:1px solid white;outline-offset:4px}
.intro-title{position:absolute;left:6%;bottom:14%;max-width:500px;pointer-events:none;z-index:1}
.intro-title>p{font-size:10px;letter-spacing:.35em;color:#fa6579;margin-bottom:18px}
.intro-title h2{font:600 clamp(70px,8vw,126px)/.86 var(--display);letter-spacing:.06em;text-shadow:0 2px 30px #0008}
.intro-title h2 span{color:var(--red)}
.intro-status{display:block;margin-top:25px;font-size:8px;letter-spacing:.18em;color:#bbb}
.intro-bottom{bottom:28px}.intro-progress{width:30%;height:2px;background:#ffffff26;overflow:hidden}.intro-progress i{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.replay-intro{border:0;background:none;color:#a9a9b4;cursor:pointer;font-size:8px;letter-spacing:.06em;min-height:36px;padding:8px 4px}.replay-intro:hover{color:white}.replay-intro:focus-visible{outline:2px solid white;outline-offset:3px}
.domain-intro[open] .intro-scene{animation:shrine-arrival 4.9s cubic-bezier(.18,.6,.2,1) both}
.domain-intro[open] .intro-rings i{animation:domain-spread 4.9s ease-out both}.domain-intro[open] .intro-rings i:nth-child(2){animation-delay:.15s}.domain-intro[open] .intro-rings i:nth-child(3){animation-delay:.3s}
.domain-intro[open] .energy-ribbon{animation:cursed-orbit 4.9s ease-out both}.domain-intro[open] .ribbon-two{animation-delay:.2s}.domain-intro[open] .ribbon-three{animation-delay:.4s}
.domain-intro[open] .intro-title{animation:domain-title 4.9s ease-out both}.domain-intro[open] .intro-grain{animation:cursed-dust 4.9s linear both}.domain-intro[open] .intro-progress i{animation:domain-progress 4.9s linear both}
@keyframes shrine-arrival{0%{opacity:0;transform:translateY(14%) scale(.76);filter:blur(12px)}20%{opacity:.9;filter:blur(0)}45%{opacity:1;transform:translateY(3%) scale(.94)}88%{opacity:1;transform:translateY(0) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1.07)}}
@keyframes domain-spread{0%{opacity:0;transform:translate(-50%,-50%) rotateX(76deg) scale(.05)}18%{opacity:.7}70%{opacity:.2}100%{opacity:0;transform:translate(-50%,-50%) rotateX(76deg) scale(1.5)}}
@keyframes cursed-orbit{0%,15%{opacity:0;transform:rotate(-55deg) scale(.2)}35%{opacity:.6}80%{opacity:.25}100%{opacity:0;transform:rotate(10deg) scale(1.3)}}
@keyframes cursed-dust{0%{opacity:0;transform:translateY(12%)}20%{opacity:.5}100%{opacity:0;transform:translateY(-15%)}}
@keyframes domain-title{0%,12%{opacity:0;transform:translateY(28px);filter:blur(5px)}35%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes domain-progress{to{transform:scaleX(1)}}
@media(max-width:760px){.intro-top,.intro-bottom{left:21px;right:21px;font-size:6px;letter-spacing:.08em}.intro-top{top:20px}.intro-bottom{bottom:24px}.intro-bottom>span:last-child{display:none}.intro-progress{width:43%}.intro-scene img{object-fit:cover;object-position:50% 45%;width:180%;height:100%;flex-shrink:0}.intro-title{left:23px;bottom:13%;max-width:calc(100% - 46px)}.intro-title h2{font-size:clamp(54px,14vw,88px)}.intro-title>p{font-size:8px;letter-spacing:.23em;margin-bottom:14px}.intro-status{font-size:6px;letter-spacing:.12em;margin-top:20px}.intro-skip{font-size:7px;padding:10px 12px}.intro-rings i{width:180vw;height:180vw}.intro-rings i:nth-child(2){width:240vw;height:240vw}.intro-rings i:nth-child(3){width:300vw;height:300vw}.energy-ribbon{left:3%;width:94%}.dossier-bar-actions{gap:10px}.replay-intro{font-size:6px;padding:8px 0}.dossier-bar .eyebrow{font-size:5.7px;letter-spacing:.015em}.exit-mode span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.domain-intro[open] *{animation:none!important;transition:none!important}.intro-scene,.intro-title{opacity:1}.intro-grain,.energy-ribbon,.intro-rings{display:none}}

/* Play the supplied clip in full before revealing the alternate profile. */
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#030305;z-index:0}
.video-mode .intro-scene,.video-mode .intro-rings,.video-mode .intro-grain{display:none}
.vector-fallback .intro-video,.vector-fallback .intro-sound{display:none}
.domain-intro[open].video-mode .intro-title{animation:none;bottom:12%;text-shadow:0 2px 12px #000}
.video-mode .intro-title h2{font-size:clamp(36px,4.5vw,60px);letter-spacing:.045em}
.video-mode .intro-title>p{font-size:8px;margin-bottom:12px;letter-spacing:.2em}
.video-mode .intro-status{margin-top:14px}
.domain-intro[open].video-mode .intro-progress i{animation:none;transform:scaleX(var(--intro-progress,0));transition:transform .2s linear}
.intro-controls{display:flex;align-items:center;gap:10px}
.intro-sound{border:1px solid #ffffff30;background:#0a0a0d99;min-height:44px;padding:12px 15px;color:#ddd;cursor:pointer;font-size:8px;letter-spacing:.1em}
.intro-sound[aria-pressed=true]{border-color:#ff304788;color:white;background:#3c0c1999}
.intro-sound:hover{border-color:var(--red)}
.intro-sound:focus-visible{outline:1px solid white;outline-offset:4px}
@media(max-width:760px){.intro-top{gap:8px}.intro-top>span{font-size:5.5px;letter-spacing:.04em;padding-left:7px;max-width:100px}.intro-controls{gap:7px}.intro-sound{font-size:6px;padding:10px}.intro-skip{font-size:6px;padding:10px}.intro-skip span{margin-left:8px}.video-mode .intro-video{object-fit:contain}.video-mode .intro-title h2{font-size:38px}.video-mode .intro-title>p{font-size:7px}.video-mode .intro-title{bottom:14%}}

/* Red spotlight cards, adapted from the supplied GlowCard interaction. */
[data-spotlight]{position:relative;--spot-x:50%;--spot-y:50%;--glow-active:0;touch-action:pan-y}
[data-spotlight]::before,[data-spotlight]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--glow-active);transition:opacity .25s;z-index:2}
[data-spotlight]::before{background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),#ff304726,transparent 72%);mix-blend-mode:screen}
[data-spotlight]::after{padding:2px;background:radial-gradient(180px circle at var(--spot-x) var(--spot-y),#fff 0%,#ff7285 18%,#ff3047 38%,transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.dossier-group[data-spotlight]{border:1px solid var(--line);border-radius:7px;padding:17px 16px;margin-top:12px}
@media(hover:none),(prefers-reduced-motion:reduce){[data-spotlight]::before,[data-spotlight]::after{display:none}}

/* Squeeze gallery: one full preview with a tail of cropped, clickable panels. */
.squeeze-enhanced > .projects-grid,.squeeze-enhanced > .ai-feature{display:none}
.squeeze-carousel{min-width:0}
.squeeze-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px}
.squeeze-count{font-size:9px;letter-spacing:.15em;color:var(--muted);margin-right:13px;font-variant-numeric:tabular-nums}
.squeeze-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ff30474d;border-radius:6px;background:#ff304715;color:white;font-size:20px;cursor:pointer}
.squeeze-arrow:hover{background:var(--red)}
.squeeze-strip{display:flex;gap:14px;width:100%;height:clamp(210px,28vw,350px);overflow:hidden;perspective:1100px}
.squeeze-tab{flex:var(--panel-share) 1 0;min-width:16px;padding:0;position:relative;isolation:isolate;border:1px solid #ffffff1c;border-radius:8px;background:#111215;overflow:hidden;cursor:pointer;transition:flex-grow .75s cubic-bezier(.16,1,.3,1),border-color .2s,transform .3s;box-shadow:0 6px 0 #050507}
.squeeze-tab[aria-selected=true]{border-color:#ff304788}
.squeeze-tab img{position:absolute;inset:0;height:100%;width:100%;max-width:none;object-fit:cover;object-position:center;filter:grayscale(1);opacity:.78}
.squeeze-tab:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070709fa,transparent 53%),linear-gradient(110deg,#ff304725,transparent 70%);pointer-events:none}
.squeeze-tab[data-spotlight]:after{padding:0;mask:none;-webkit-mask:none;opacity:1;background:linear-gradient(0deg,#070709fa,transparent 53%),linear-gradient(110deg,#ff304725,transparent 70%);z-index:0}
.squeeze-tab[data-spotlight]:before{border:2px solid #ff3047;border-radius:inherit;background:radial-gradient(240px circle at var(--spot-x) var(--spot-y),#ff304735,transparent 75%);z-index:2}
.squeeze-caption{position:absolute;left:25px;right:25px;bottom:24px;display:block;z-index:1;text-align:left;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s;pointer-events:none;color:white}
.squeeze-tab[aria-selected=true] .squeeze-caption{opacity:1;transform:none}
.squeeze-caption small{display:block;color:#ddd;font-size:7px;letter-spacing:.1em;margin-bottom:8px}
.squeeze-caption strong{display:block;font:500 clamp(24px,2.6vw,40px)/1 var(--display);letter-spacing:.03em}
.squeeze-detail{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:28px 0 6px;min-height:165px}
.squeeze-detail>div:first-child{max-width:650px;min-width:0}
.squeeze-detail h3{font-size:12px;letter-spacing:.07em;margin:0 0 10px}
.squeeze-detail p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px}
.squeeze-detail .tags{margin:0;flex-wrap:wrap}
.squeeze-detail .project-links{flex-shrink:0;gap:16px;border:0;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end;max-width:270px}
.squeeze-detail .project-links a{min-height:44px;display:flex;align-items:center;padding:10px 16px;border-radius:5px;background:#ff304714;border:1px solid #ff30474d;font-size:9px}
.squeeze-detail .project-links a:hover{background:var(--red);color:white}
.squeeze-detail .project-note{width:100%;font-size:7px;text-align:right}
.squeeze-ai-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,#4c0a19,transparent 65%),#0c0d10;overflow:hidden}
.squeeze-ai-art strong{font:500 170px var(--display);color:white;position:relative}
.squeeze-ai-art strong span{font-size:50px;color:var(--red);position:absolute;top:40px;right:-25px}
.squeeze-ai-art i{position:absolute;width:260px;height:180px;border:1px solid #ff304760;border-radius:50%;transform:rotate(-32deg)}
.squeeze-ai-art i:nth-child(2){transform:rotate(32deg)}.squeeze-ai-art i:nth-child(3){transform:rotate(90deg)}
.technique-showcase{padding:38px 34px;background:radial-gradient(ellipse at top right,#460a1826,transparent 70%),#0d0e11;border-top:1px solid var(--line)}
.technique-showcase h3{font:500 42px/1 var(--display);margin-top:8px}.technique-showcase h3>span{color:var(--red)}
.squeeze-arrow:focus-visible,.squeeze-tab:focus-visible,.squeeze-detail a:focus-visible{outline:2px solid white;outline-offset:-4px}
@media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){.squeeze-tab:not([aria-selected=true]):hover{flex-grow:2.4;border-color:var(--red);transform:translateY(-3px)}}
@media(max-width:760px){.squeeze-strip{height:240px;gap:8px}.squeeze-tab:not([aria-selected=true]){flex-grow:.4;min-width:10px}.squeeze-caption{left:17px;right:17px;bottom:20px}.squeeze-caption strong{font-size:30px}.squeeze-caption small{font-size:6px}.squeeze-detail{display:block;min-height:225px;padding-top:22px}.squeeze-detail .project-links{margin-top:20px;justify-content:flex-start;max-width:none}.squeeze-detail .project-note{text-align:left}.technique-showcase{padding:28px 23px}.technique-showcase .section-bar>span{display:none}.technique-showcase h3{font-size:36px}}
@media(max-width:480px){.squeeze-strip{height:215px;gap:6px}.squeeze-caption strong{font-size:26px}.squeeze-detail p{font-size:12px}.squeeze-controls{margin-bottom:14px}.squeeze-detail h3{font-size:11px}.squeeze-detail .tags li{font-size:6px}.squeeze-detail .project-links a{font-size:9px}.squeeze-detail .project-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.squeeze-tab,.squeeze-caption{transition:none;transform:none}}