@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";:root{--ink:#0c0c0d;--ink-soft:#17171a;--paper:#f6f4f0;--paper-dim:#e7e3db;--fg:#f2f0ec;--fg-dim:#8f8d8a;--accent:#b08d5a;--accent-soft:#b08d5a29;--line:#f2f0ec24;--line-soft:#f2f0ec12;--font-display:"Instrument Serif", serif;--font-body:"Inter", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html{scroll-behavior:auto}html,body{background:var(--ink);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-weight:300;overflow-x:hidden}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button{background:0 0;border:none;font-family:inherit}.label{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:.75em;font-size:.7rem;font-weight:500;display:inline-flex}.label:before{content:"";background:var(--accent);width:22px;height:1px;display:inline-block}.container{width:min(1280px,100% - 3rem);margin-inline:auto}@media (width>=900px){.container{width:min(1280px,100% - 9rem)}}a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none}.preloader{z-index:200;pointer-events:none;position:fixed;inset:0}.preloader-panel{background:var(--ink);transform-origin:bottom;position:absolute;inset:0}.preloader-count{font-family:var(--font-body);letter-spacing:.05em;color:var(--fg-dim);font-size:.85rem;position:absolute;bottom:clamp(1.5rem,4vw,3rem);left:clamp(1.5rem,4vw,3rem)}.preloader-count span{font-variant-numeric:tabular-nums}.cc-root{z-index:100;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.cc-ring{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;margin:-5px 0 0 -5px;display:flex;position:absolute;box-shadow:0 0 0 1.5px #0c0c0d8c,0 0 0 3px #f2f0eca6}.cc-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap;opacity:0;font-size:.6rem;font-weight:500;transition:opacity .2s .1s,transform .2s .1s;transform:scale(.5)}.cc-ring.has-label .cc-label{opacity:1;transform:scale(1)}.nav-wrap{z-index:50;box-sizing:border-box;width:min(880px,100vw - 2rem);max-width:calc(100vw - 2rem);margin-inline:auto;position:fixed;top:22px;left:0;right:0}.nav-pill{box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(140%);width:100%;transition:background .4s var(--ease), border-color .4s var(--ease);background:#121214a6;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem .6rem 1.35rem;display:flex;overflow:hidden}.nav-wrap.is-scrolled .nav-pill{background:#121214d1;border-color:#ffffff1f}.nav-mark{font-family:var(--font-display);color:var(--fg);flex-shrink:0;font-size:1.15rem;font-style:italic}.nav-links{align-items:center;gap:clamp(1.1rem,2.4vw,2rem);margin:0;padding:0;list-style:none;display:none}.nav-links a{color:var(--fg-dim);white-space:nowrap;transition:color .25s var(--ease);padding-bottom:3px;font-size:.78rem;font-weight:300;position:relative}.nav-links a:hover{color:var(--fg)}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.is-active{color:var(--fg)}.nav-links a.is-active:after{transform:scaleX(1)}@media (width>=760px){.nav-links{display:flex}}.hero{background:var(--ink);justify-content:center;align-items:center;min-height:100svh;padding:clamp(6rem,10vw,8rem) clamp(1.25rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 22% 26%,#b08d5a1a,#0000 45%),radial-gradient(circle at 78% 74%,#b08d5a12,#0000 45%);position:absolute;inset:0}.hero-spotlight{z-index:0;pointer-events:none;will-change:transform;background:radial-gradient(circle,#b08d5a17,#0000 70%);border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;position:absolute;top:0;left:0}.hero-center{z-index:2;text-align:center;max-width:780px;margin:0 auto;position:relative}.hero-greeting{font-family:var(--font-display);color:var(--accent);margin:0 0 1.5rem;font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic}.hero-title{font-family:var(--font-body);letter-spacing:-.02em;color:var(--fg);margin:0 auto 1.75rem;font-size:clamp(2rem,5.2vw,3.6rem);font-weight:300;line-height:1.15}.hero-title-3d{letter-spacing:-.03em;color:#f5eee0;text-shadow:0 1px #c9a25f,0 2px #bd9455,0 3px #b1874c,0 4px #a57a43,0 5px #996d3a,0 6px #8d6031,0 7px #815328,0 8px #75471f,0 10px 20px #0000008c;font-size:clamp(3.2rem,12vw,7.5rem);font-weight:800}.line-clip{display:block;overflow:hidden}.hero-line{will-change:transform;display:block}.hero-line.italic{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.hero-intro{max-width:52ch;color:var(--fg-dim);margin:0 auto 2.5rem;font-size:clamp(1rem,1.4vw,1.1rem);font-weight:300;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--fg);color:var(--ink);transition:background .3s var(--ease);border-radius:999px;padding:1rem 1.8rem;font-size:.85rem;display:inline-block}.btn-primary:hover{background:var(--accent)}.btn-ghost{border:1px solid var(--line);color:var(--fg);transition:border-color .3s var(--ease), background .3s var(--ease);border-radius:999px;padding:1rem 1.8rem;font-size:.85rem;display:inline-block}.btn-ghost:hover{border-color:var(--fg);background:#f2f0ec0d}.hero-cards{z-index:1;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.hero-cards.is-active{opacity:1}.float-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);will-change:transform;transition:opacity .7s var(--ease);background:#f2f0ec0b;border-radius:14px;padding:.8rem;position:absolute;box-shadow:0 30px 60px -24px #0000008c}.hero-cards:not(.is-active) .float-card{opacity:0!important}.float-card:nth-child(2){transition-delay:60ms}.float-card:nth-child(3){transition-delay:.12s}.float-card:nth-child(4){transition-delay:.18s}.float-card-media{aspect-ratio:16/11;background:linear-gradient(150deg,#232226 0%,#17161a 100%);border-radius:8px;margin-bottom:.75rem}.float-card-copy{flex-direction:column;gap:.15rem;display:flex}.float-card-label{font-family:var(--font-display);color:var(--fg);font-size:1rem;font-style:italic}.float-card-meta{letter-spacing:.03em;color:var(--fg-dim);font-size:.68rem}@media (width<=780px){.hero-cards{display:none}}.float-card{cursor:pointer;border-radius:22px;overflow:hidden}.float-card-media{border-radius:inherit;width:100%;height:100%;overflow:hidden}.float-card-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1);display:block}.float-card:hover .float-card-image{transform:scale(1.05)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;padding:1.1rem 0;overflow:hidden}.marquee-track{width:max-content;animation:linear infinite marquee-scroll;display:flex}.marquee-item{font-family:var(--font-display);color:var(--fg-dim);white-space:nowrap;align-items:center;gap:2.5rem;padding-right:2.5rem;font-size:clamp(1.3rem,3vw,2rem);font-style:italic;display:flex}.marquee-dot{color:var(--accent);font-size:.5rem}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.intro-card-scene{background:var(--ink);height:140vh;position:relative}.intro-card-sticky{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.intro-card-scene:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 40%,#b08d5a1f,#0000 55%);position:absolute;inset:0}.intro-card-perspective{perspective:1400px}.intro-card{width:min(440px,88vw);min-height:min(600px,72vh);transform-style:preserve-3d;background:linear-gradient(160deg,#fbf8f2 0%,#f2ead9 100%);border:1px solid #0c0c0d14;border-radius:20px;flex-direction:column;justify-content:space-between;padding:clamp(2.75rem,5vw,3.5rem) clamp(2rem,5vw,2.75rem) clamp(2rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0000008c}.intro-card-grid{z-index:0;background-image:radial-gradient(#0c0c0d14 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 20%,#000,#0000 75%);mask-image:radial-gradient(circle at 30% 20%,#000,#0000 75%)}.intro-card-corner{border:1px solid var(--accent);opacity:.6;border-radius:8px;width:34px;height:34px;position:absolute;top:18px;right:18px;transform:rotate(18deg)}.intro-card-ring{border:1px dashed #b08d5a59;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-40px;left:-40px}.intro-card-diagonal{background:linear-gradient(#b08d5a66,#0000);width:1px;height:60px;position:absolute;top:0;right:22%;transform:rotate(20deg)}.intro-node{z-index:0;border:1px solid var(--line);width:40px;height:40px;color:var(--accent);pointer-events:none;background:#f2f0ec08;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.intro-node-a{top:8%;left:8%}.intro-node-b{top:12%;right:6%}.intro-node-c{width:26px;height:26px;bottom:14%;right:10%}.intro-node-d{bottom:8%;left:10%}@media (width<=720px){.intro-node{display:none}}.intro-card-eyebrow{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:#9c7a45;margin-bottom:1.25rem;font-size:.68rem;font-weight:600;display:inline-block;position:relative}.intro-card-title{z-index:1;font-family:var(--font-body);letter-spacing:-.01em;color:#17140f;margin:0 0 1.5rem;font-size:clamp(2rem,6vw,2.75rem);font-weight:400;line-height:1.1;position:relative}.intro-card-title .italic{font-family:var(--font-display);color:#a9782f;font-style:italic;font-weight:400}.intro-card-divider{z-index:1;background:var(--accent);border-radius:2px;width:40px;height:2px;margin-bottom:1.5rem;position:relative}.intro-card-location{z-index:1;color:#5c5648;align-items:center;gap:.55rem;font-size:.9rem;display:flex;position:relative}.intro-card-location svg{color:#a9782f;flex-shrink:0}.intro-card-skills{z-index:1;margin:2rem -2.75rem -2rem;position:relative}.intro-card-skills .marquee{border-color:#0c0c0d1f}.intro-card-skills .marquee-item{font-family:var(--font-body);color:#5c5648;font-size:clamp(.95rem,2vw,1.15rem);font-style:normal;font-weight:500}.intro-card-skills .marquee-dot{color:#a9782f}.exp-scene{background:var(--ink);padding:clamp(9rem,14vw,11rem) 0 clamp(8rem,14vw,11rem);position:relative}.exp-container{display:block}.exp-scene .label{margin-bottom:1.5rem}.exp-heading{font-family:var(--font-body);color:var(--fg);max-width:20ch;margin:0 0 clamp(3.5rem,8vw,5.5rem);font-size:clamp(2rem,4.5vw,3rem);font-weight:300;position:relative}.exp-heading-w-wrap{display:inline-block;position:relative}.exp-sticky-note{z-index:-1;background:#f4d879;border-radius:2px;width:1.15em;height:1.15em;position:absolute;top:-.3em;left:-.15em;transform:rotate(-8deg);box-shadow:0 6px 14px -6px #0006}.exp-stack{width:min(380px,82vw);height:180px;transition:height .5s var(--ease);margin:0 auto;position:relative}.exp-stack.has-expanded{height:520px}.exp-card{cursor:none;transform-origin:0 0;text-align:left;border-radius:14px;width:100%;padding:1.1rem 1.4rem;position:absolute;top:0;left:0;box-shadow:0 30px 60px -24px #0009}.exp-card-cream{background:linear-gradient(160deg,#fbf8f2,#efe6d3);border:1px solid #0c0c0d14}.exp-card-amber{background:linear-gradient(160deg,#e3a750,#c9843a);border:1px solid #0c0c0d1f}.exp-corner-tag{letter-spacing:.03em;color:#f6f4f0;background:#17140f;border-radius:999px;padding:.35rem .85rem;font-size:.68rem;font-weight:600;position:absolute;top:-12px;right:-10px;transform:rotate(6deg);box-shadow:0 8px 18px -8px #00000080}.exp-card-head{flex-direction:column;gap:.3rem;display:flex}.exp-card-cream .exp-company,.exp-card-amber .exp-company{font-family:var(--font-display);color:#17140f;font-size:1.3rem;font-style:italic}.exp-card-cream .exp-role{color:#5c5648;font-size:.8rem}.exp-card-amber .exp-role{color:#3a2410;font-size:.8rem}.exp-detail{transition:grid-template-rows .5s var(--ease);grid-template-rows:0fr;display:grid;overflow:hidden}.exp-detail.is-open{grid-template-rows:1fr}.exp-detail-inner{border-top:1px solid #0c0c0d1f;min-height:0;margin-top:1.1rem;padding-top:1.1rem;overflow:hidden}.exp-detail-inner ul{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.exp-detail-inner li{color:#3a3527;padding-left:1.1rem;font-size:.82rem;line-height:1.55;position:relative}.exp-detail-inner li:before{content:"";background:#17140f;border-radius:50%;width:5px;height:5px;position:absolute;top:.5rem;left:0}.exp-hint{color:var(--fg-dim);margin-top:2rem;font-size:.78rem}.best-work-hook-wrap{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:clamp(6rem,12vw,7.5rem);right:clamp(1.25rem,5vw,4rem)}.best-work-hook{border:2px solid var(--fg-dim);border-bottom:none;border-radius:14px 14px 0 0;width:14px;height:14px}.best-work-string{background:var(--fg-dim);opacity:.5;width:1px;height:22px}.best-work-hint{clip-path:polygon(0 0,100% 0,100% 94%,92% 100%,84% 94%,76% 100%,68% 94%,60% 100%,52% 94%,44% 100%,36% 94%,28% 100%,20% 94%,12% 100%,4% 94%,0 100%);color:#3a3527;background:linear-gradient(160deg,#fbf8f2,#efe6d3);max-width:220px;padding:1.1rem 1.25rem 1.25rem;font-size:.76rem;line-height:1.5;display:block;position:relative;box-shadow:0 24px 50px -20px #00000080}.best-work-pin{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0006}@media (width<=780px){.best-work-hook-wrap{display:none}}.gate-scene{background:var(--ink);min-height:100svh;position:relative}.gate-peek{z-index:0;background:radial-gradient(circle at 50% 40%, #b08d5a29, transparent 65%), var(--ink);position:absolute;inset:0}.gate-door{z-index:2;background:linear-gradient(180deg, var(--ink-soft) 0%, #0a0a0b 100%);border:1px solid var(--line);width:50%;position:absolute;top:0;bottom:0}.gate-door-left{border-right:2px solid var(--accent);left:0}.gate-door-right{border-left:2px solid var(--accent);right:0}.gate-door-stripe{background:repeating-linear-gradient(45deg, var(--accent) 0 12px, var(--ink-soft) 12px 24px);opacity:.7;height:10px;position:absolute;bottom:0;left:0;right:0}.gate-content{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;inset:0}.gate-title{font-family:var(--font-display);color:var(--fg);margin:0;font-size:clamp(3rem,12vw,7rem);font-style:italic;font-weight:400}.gate-button{background:var(--accent);color:var(--ink);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:999px;padding:1rem 2.25rem;font-size:.9rem;font-weight:500}.gate-button:hover{transform:translateY(-2px)}.train-showcase{z-index:1;max-width:1040px;margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,5vw,3rem) clamp(4rem,8vw,6rem);position:relative}.ts-label{margin-bottom:1.25rem}.ts-heading{font-family:var(--font-body);color:var(--fg);margin:0 0 clamp(2.5rem,6vw,4rem);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:300}.ts-route{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.25rem;max-width:720px;margin:0 auto clamp(2.5rem,6vw,4rem);display:flex;position:relative}.ts-route-line{background:var(--line);z-index:0;height:1px;position:absolute;top:14px;left:4%;right:4%}.ts-route-stop{z-index:1;cursor:none;flex-direction:column;align-items:center;gap:.5rem;padding:.25rem .6rem;display:flex;position:relative}.ts-route-node{background:var(--ink-soft);border:1px solid var(--line);width:28px;height:28px;color:var(--fg-dim);transition:color .3s var(--ease);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.ts-route-ring{background:var(--accent);z-index:-1;border-radius:8px;position:absolute;inset:-1px}.ts-route-stop.is-active .ts-route-node{color:var(--ink)}.ts-route-label{color:var(--fg-dim);transition:color .3s var(--ease);font-size:.72rem;font-weight:500}.ts-route-stop.is-active .ts-route-label{color:var(--accent);font-weight:600}.ts-route-stop:not(.is-active):hover .ts-route-label{color:var(--fg)}.ts-stage{justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.5rem);display:flex;position:relative}.ts-arrow{border:1px solid var(--line);background:var(--ink-soft);width:58px;height:58px;color:var(--fg);cursor:none;transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:14px;flex-shrink:0;font-size:1.4rem;box-shadow:0 14px 30px -14px #0009}.ts-arrow:hover{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:scale(1.06)}.ts-platform{flex-direction:column;flex:1;align-items:center;max-width:860px;display:flex;position:relative}.ts-welcome-strip{border:1px solid var(--line);color:var(--fg-dim);text-align:center;background:#0e0e10;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.85rem;padding:.45rem 1.25rem;font-size:.7rem;display:flex}.ts-welcome-next{color:var(--accent);font-weight:500}.ts-board-clip{z-index:3;width:100%;margin-bottom:-18px;position:relative;overflow:hidden}.ts-board-group{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.75rem;display:flex}.ts-sign{background:#0e0e10;border:1px solid #b08d5a4d;border-radius:12px;flex-direction:column;flex:1.1;justify-content:center;gap:.35rem;min-width:220px;padding:1.25rem 1.5rem;display:flex;box-shadow:0 20px 44px -18px #0009}.ts-sign-station{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);font-size:.68rem}.ts-sign-name{font-family:var(--font-display);color:var(--accent);text-shadow:0 0 18px #b08d5a8c,0 0 4px #b08d5a80;font-size:clamp(1.5rem,3.5vw,2.1rem);font-style:italic;font-weight:400}.ts-info{border:1px solid var(--line);background:#0e0e10;border-radius:12px;flex:1;min-width:200px;padding:1.1rem 1.35rem;box-shadow:0 20px 44px -18px #0009}.ts-info-head{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.66rem;font-weight:600;display:flex}.ts-info-badge{background:var(--accent);width:20px;height:20px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:5px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.ts-info-desc{color:var(--fg);margin:0 0 .75rem;font-size:.82rem}.ts-info-tools{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.ts-info-tools li{color:var(--fg-dim);align-items:center;gap:.55rem;font-size:.75rem;font-weight:500;display:flex}.ts-info-icon{border-radius:4px;flex-shrink:0;width:14px;height:14px}.ts-info-icon.is-a{background:var(--accent)}.ts-info-icon.is-b{background:#e0c48a}.ts-view-disabled{letter-spacing:.03em;color:#f2f0ec59;cursor:not-allowed;font-size:.65rem;text-decoration:line-through;display:inline-block}.ts-train{z-index:1;width:min(780px,98%);height:auto;position:relative}.ts-track{background:repeating-linear-gradient(90deg, var(--fg-dim) 0 14px, transparent 14px 26px);opacity:.25;width:min(800px,98%);height:3px;margin-top:6px}@media (width<=640px){.ts-stage{flex-direction:column}}.grid-scene{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100svh;display:flex;position:relative;overflow:hidden}.grid-title{z-index:1;font-family:var(--font-body);letter-spacing:-.03em;color:var(--ink);text-transform:uppercase;pointer-events:none;font-size:clamp(3rem,12vw,8rem);font-weight:600;position:relative}.grid-hint{z-index:1;letter-spacing:.02em;color:#17140f59;pointer-events:none;margin:0;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:700;position:relative}.grid-cards{z-index:2;position:absolute;inset:0}.grid-card{cursor:none;transform-origin:50%;background:var(--ink);border:1px solid #0c0c0d1f;border-radius:10px;width:clamp(160px,20vw,240px);padding:0;position:absolute;overflow:hidden;box-shadow:0 24px 50px -20px #0c0c0d59}.grid-card img{object-fit:cover;aspect-ratio:3/4;width:100%;height:100%;display:block}@media (hover:none){.grid-scene{flex-direction:column;gap:3rem;height:auto;min-height:auto;padding:clamp(4rem,10vw,6rem) clamp(1.25rem,5vw,3rem)}.grid-title{font-size:clamp(2.4rem,12vw,4rem);position:static}.grid-cards{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid;position:static}.grid-card{width:100%;position:static}}.about{background:var(--paper);color:var(--ink);padding:clamp(5rem,10vw,8rem) 0}.about-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=800px){.about-grid{grid-template-columns:1.4fr 1fr;gap:5rem}}.about-label{color:#6b6863;margin-bottom:1.75rem}.about-label:before{background:var(--accent)}.about-quote{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;line-height:1.4}.about-hover-wrap{display:inline-block;position:relative}.curly-arrow{opacity:.7;pointer-events:none;position:absolute;top:-1.6rem;left:50%;transform:translate(-50%)}.curly-arrow-meaningful{left:auto;right:-2.2rem;transform:none}.about-hot-word{color:var(--accent);text-underline-offset:5px;text-shadow:0 0 18px #b08d5a59;cursor:none;transition:text-shadow .3s var(--ease), text-decoration-color .3s var(--ease);-webkit-text-decoration:underline #b08d5a80;text-decoration:underline #b08d5a80;text-decoration-thickness:2px}.about-hot-word:hover{text-shadow:0 0 26px #b08d5a8c;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.about-reveal{justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.reveal-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.reveal-chip{border-radius:10px;align-items:center;gap:.4rem;padding:.75rem 1.1rem;font-size:.82rem;font-weight:500;display:flex;box-shadow:0 16px 30px -14px #0c0c0d4d}.reveal-chip-note{color:#4a3c0b;background:#f4d879}.reveal-chip-sketch{color:var(--paper);background:#17140f}.reveal-arrow{opacity:.8;flex-shrink:0}.reveal-mock{background:var(--ink);border-radius:14px;width:min(280px,100%);padding:1.1rem 1.25rem 1.4rem;box-shadow:0 24px 50px -20px #0c0c0d66}.reveal-mock-head{align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.reveal-mock-dot{background:#f2f0ec40;border-radius:50%;width:6px;height:6px}.reveal-mock-title{letter-spacing:.04em;color:var(--fg-dim);margin-left:.5rem;font-size:.72rem}.reveal-mock-body{align-items:center;gap:.85rem;display:flex}.reveal-mock-toggle{border-radius:999px;flex-shrink:0;align-items:center;width:34px;height:18px;padding:2px;display:inline-flex;position:relative}.reveal-mock-knob{background:var(--paper);border-radius:50%;width:14px;height:14px;display:block}.reveal-mock-caption{color:var(--fg-dim);font-size:.76rem}.skills-list{margin:0;padding:0;list-style:none}.skills-list li{color:var(--ink);border-top:1px solid #0c0c0d1f;align-items:baseline;gap:1rem;padding:1rem 0;font-size:.95rem;font-weight:400;display:flex}.skills-list li:last-child{border-bottom:1px solid #0c0c0d1f}.skills-index{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.7rem}.contact{background:var(--ink);padding:clamp(6rem,12vw,9rem) 0 clamp(2.5rem,6vw,4rem)}.contact .label{margin-bottom:1.75rem}.contact-title{font-family:var(--font-body);letter-spacing:-.01em;color:var(--fg);margin:0 0 2.5rem;font-size:clamp(2.2rem,6.5vw,4.6rem);font-weight:300;line-height:1.08}.contact-email{border-bottom:1px solid var(--line);color:var(--fg);transition:color .3s var(--ease), border-color .3s var(--ease);padding-bottom:.4rem;font-size:clamp(1rem,1.8vw,1.2rem);display:inline-block}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.footer-row{border-top:1px solid var(--line);color:var(--fg-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(3rem,8vw,5rem);padding:1.75rem 0 0;font-size:.78rem;display:flex}.footer-links{gap:1.75rem;display:flex}.footer-links a:hover{color:var(--fg)}
