/* The user's hand-drawn hierarchy: identity/work → skills/social → proof/journey → more. */
header,main,footer{max-width:1240px}.home-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.home-grid>.intro{grid-column:1/7;grid-row:auto;min-height:430px;padding:30px}.home-grid>.intro h1{font-size:clamp(38px,4vw,50px);margin:22px 0}.home-grid .bio{font-size:13px;line-height:1.85}.home-grid .intro-bottom{margin-top:24px}.glyph{width:24px;height:24px;flex-shrink:0;color:var(--accent);filter:drop-shadow(0 0 5px #16a36a50)}
nav{position:relative;isolation:isolate;gap:3px}nav .nav-liquid{position:absolute;left:6px;top:6px;bottom:6px;border-radius:16px;z-index:-1;background:linear-gradient(135deg,#8de0bd22,#073f3560);box-shadow:inset 0 1px 0 #d4ffe94a,inset 0 -1px 0 #16a36a35,0 0 18px #16a36a18;backdrop-filter:blur(15px);transition:transform .65s cubic-bezier(.2,.85,.2,1.05),width .6s}nav a.active,nav a.active:hover{background:transparent;box-shadow:none;color:#8de0bd;text-shadow:0 0 10px #8de0bd50}nav a:hover{background:#8de0bd08;box-shadow:none}[data-scheme=light] nav .nav-liquid{background:linear-gradient(130deg,#fff8,#8de0bd45);box-shadow:inset 0 1px 0 #fff,0 4px 12px #073f3520}[data-scheme=light] nav a.active{color:#073f35;text-shadow:0 0 7px #16a36a30}
.project-roller{grid-column:7/13;min-width:0;border-radius:30px;position:relative;background:radial-gradient(ellipse at 50% 50%,#073f3525,transparent 70%);display:flex;flex-direction:column;isolation:isolate;min-height:430px}.roller-top,.roller-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;font-size:10px;color:var(--muted);position:relative;z-index:3}.roller-count{font-variant-numeric:tabular-nums;letter-spacing:.12em}.roller-stage{flex:1;min-height:328px;perspective:1200px;position:relative;overflow:hidden;border-radius:26px;touch-action:pan-x;outline-offset:3px}.roller-drum{--radius:196px;--step:72deg;position:absolute;top:50%;left:15px;right:15px;height:280px;margin-top:-140px;transform-style:preserve-3d;transform:translateZ(calc(-1*var(--radius))) rotateX(var(--rotation,0deg));transition:transform .95s cubic-bezier(.3,.75,.15,1)}.roller-card{position:absolute;inset:0;border:1px solid #fff5;border-radius:24px;overflow:hidden;background:#081b31;color:#f5f4ee;backface-visibility:hidden;transform:rotateX(calc(var(--face) * -1 * var(--step,90deg))) translateZ(var(--radius));box-shadow:0 8px 18px #0005}.roller-card>a{display:block;height:100%;position:relative}.roller-card a:focus-visible{outline:3px solid #8de0bd;outline-offset:-5px}.roller-visual{position:absolute;inset:0 0 92px;overflow:hidden;background:#0a1c32}.roller-visual>img{width:100%;height:100%;object-fit:contain;display:block}.roller-copy{position:absolute;left:0;right:0;bottom:0;padding:16px 23px 18px;background:#091c30}.roller-copy>span{font-size:8px;letter-spacing:.12em;color:#76cfdf}.roller-copy h2{font-size:28px;letter-spacing:-.03em;margin:5px 0}.roller-copy h2 b{float:right;font-size:20px;font-weight:400}.roller-copy p{font-size:11px;color:#b8ccdb}.brand-sage,.brand-sage .roller-visual{background:#f7f7f6}.brand-sage .roller-copy{background:#f7f7f6;color:#182446}.brand-sage .roller-copy>span{color:#315af4}.brand-sage .roller-copy p{color:#53607d}.brand-oneli8,.brand-oneli8 .roller-visual{background:#e7e5ef}.brand-oneli8 .roller-copy{background:#e7e5ef;color:#29223b}.brand-oneli8 .roller-copy>span{color:#665181}.brand-oneli8 .roller-copy p{color:#605772}.roller-controls{display:flex;gap:8px}.roller-controls button{width:34px;height:34px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--inset);display:grid;place-items:center}.roller-controls .glyph{width:17px;height:17px}.system-art{height:100%;display:flex;align-items:center;justify-content:center;gap:35px;padding:20px;background:radial-gradient(ellipse at 80% 20%,#fff9,transparent 60%),#e7e5ef;color:#37304b}.system-word{font-size:34px;font-weight:600;letter-spacing:-.06em;line-height:1}.system-word span{display:block;font-size:8px;letter-spacing:.2em;margin-top:12px}.system-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-8deg)}.system-parts span{display:grid;place-items:center;width:49px;height:40px;border-radius:12px;background:#eeeef5;box-shadow:5px 5px 12px #83769540,-4px -4px 10px #fffb;font-size:20px}.system-rule{position:absolute;top:16px;left:23px;font-size:7px;letter-spacing:.15em;color:#796d8c}
.skill-tile,.social-tile{grid-column:span 3;padding:24px;min-height:183px}.skill-symbol{font-size:38px;line-height:1;color:var(--accent);text-shadow:0 0 16px #16a36a40;height:57px}.skill-symbol .glyph{width:39px;height:39px}.skill-tile h2{font-size:21px;letter-spacing:-.04em;margin-top:8px}.skill-tile p,.social-tile p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}.social-links{display:flex;gap:12px;margin:21px 0}.social-links a{display:grid;place-items:center;min-width:42px;height:42px;border-radius:13px;box-shadow:var(--shadow),var(--inset);color:var(--accent);font-weight:600;font-size:20px}.social-links svg{width:23px;height:23px}.story-stack{grid-column:1/7;display:grid;gap:20px;align-content:stretch}#experience{grid-column:7/13;scroll-margin-top:110px}.journey{height:100%;padding:30px}.journey h2{font-size:35px;margin-top:14px}.timeline{border:0;padding-left:42px;margin-top:30px}.timeline li{padding-bottom:20px}.timeline li:before{display:none}.timeline li:after{content:'';position:absolute;left:-27px;top:32px;bottom:0;width:1px;background:linear-gradient(var(--line),#8de0bd25)}.timeline li:last-child:after{display:none}.timeline .journey-icon{position:absolute;left:-43px;top:0;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--raised);border:1px solid var(--line);box-shadow:var(--inset)}.journey-icon .glyph{width:17px;height:17px}.timeline li>span:not(.journey-icon){font-size:9px}.timeline h3{font-size:15px}.timeline p{font-size:11px;line-height:1.6}.evidence-tile,.craft-tile{padding:30px}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}.evidence-pair>a+ a{border-left:1px solid var(--line);padding-left:24px}.proof-icon{display:block;margin-bottom:20px;color:var(--gold)}.proof-icon .glyph{width:35px;height:35px;color:var(--gold)}.evidence-pair h2{font-size:27px;line-height:1.15}.evidence-pair p{font-size:11px;color:var(--muted);margin-top:14px}.evidence-pair .text-button{font-size:11px}.craft-tile h2{font-size:30px;margin-top:15px}.craft-grid{display:grid;grid-template-columns:1fr 1fr;margin:35px 0 25px;gap:25px}.craft-grid .glyph{width:34px;height:34px}.craft-grid h3{font-size:21px;margin:16px 0 10px}.craft-grid p{font-size:12px;color:var(--muted);line-height:1.8}.craft-tags{display:flex;flex-wrap:wrap;gap:8px}.craft-tags span{font-size:9px;border:1px solid var(--line);border-radius:9px;padding:6px 10px;color:var(--muted)}
.after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;scroll-margin-top:110px}.after-grid>.tile{min-height:310px}.behind-tile>img{width:100%;height:150px;object-fit:cover;object-position:left;filter:saturate(.6);mask-image:linear-gradient(#000 70%,transparent)}.behind-tile>div{padding:15px 25px 25px}.after-grid h2{font-size:29px;margin:15px 0}.archive-tile,.sanctuary-tile{padding:25px}.archive-tile>a{display:block;font-size:13px;color:var(--accent);margin:23px 0}.archive-tile b{float:right}.archive-list{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}.archive-list span{padding:6px 9px;border:1px solid var(--line);border-radius:8px}.archive-tile p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:20px}.sanctuary-tile{background:radial-gradient(ellipse at 50% 100%,#073f3560,transparent 70%),var(--surface)}.sanctuary-tile .artifact-seal{height:65%;bottom:0;width:80%;left:10%}.sanctuary-tile>a{position:absolute;top:24px;right:20px;border-radius:50%;padding:9px;box-shadow:var(--inset);z-index:3}.contact{margin-top:40px}.contact h2{font-size:50px}
[data-scheme=light] .project-roller{background:radial-gradient(ellipse,#16a36a14,transparent 70%)}[data-scheme=light] .roller-card{box-shadow:0 10px 20px #073f3530}[data-scheme=light] .brand-varah{border-color:#0b2c4c}[data-scheme=light] .timeline .journey-icon{background:var(--surface)}
@media(min-width:1000px){header nav{position:fixed;top:24px;left:50%;transform:translateX(-50%)}}
@media(max-width:1000px){.home-grid>.intro{padding:26px}.home-grid>.intro h1{font-size:37px}.skill-tile,.social-tile{padding:20px}.skill-tile h2{font-size:19px}.social-links{gap:7px}.social-links a{min-width:35px;height:37px}.evidence-tile,.craft-tile,.journey{padding:25px}.evidence-pair{gap:15px}.evidence-pair>a+a{padding-left:15px}.evidence-pair h2{font-size:24px}.roller-drum{left:8px;right:8px}.roller-copy{padding:15px 18px}.roller-copy>span{font-size:7px}}
@media(max-width:700px){.home-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid>.intro,.home-grid>.project-roller,.story-stack,#experience{grid-column:1/-1}.home-grid>.intro{min-height:0}.home-grid>.project-roller{min-height:390px}.skill-tile,.social-tile{grid-column:span 1;min-height:178px;padding:21px}.skill-tile h2{font-size:19px}.home-grid>.intro h1{font-size:39px}.social-links{gap:8px;flex-wrap:wrap}.social-links a{min-width:36px}.after-grid{grid-template-columns:1fr}.after-grid>.tile{min-height:280px}.behind-tile>img{height:200px}.roller-stage{min-height:320px}.roller-copy h2{font-size:26px}.story-stack{gap:16px}.evidence-pair h2{font-size:25px}.contact h2{font-size:40px}header nav{width:100%;position:relative;top:0}header nav a{flex:1;text-align:center;padding:10px 12px;font-size:12px}.home-grid>.intro .bio{font-size:13px}.contact{margin-top:30px}.sanctuary-tile .artifact-seal{height:70%}}
@media(prefers-reduced-motion:reduce){.roller-drum,.nav-liquid{transition:none!important}.roller-card{backface-visibility:visible;transform:none;display:none}.roller-card.current{display:block}.roller-drum{transform:none}.tile,.tile:hover{translate:none}}