.home-v2 .home-skill-intro{background:radial-gradient(circle at 50% 18%, #fffdf5d9, transparent 34rem), linear-gradient(135deg, #a33b290b, transparent 40%), var(--paper-light);color:var(--ink);border-bottom:1px solid var(--ink);font-family:var(--ui-sans);-webkit-font-smoothing:antialiased;isolation:isolate;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem) clamp(4rem,7vw,7rem);scroll-margin-top:3rem;position:relative}.home-v2 .home-skill-intro:before{content:"";z-index:-1;background-image:linear-gradient(#17201c0d 1px,#0000 1px),linear-gradient(90deg,#17201c0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,#0000 70%);mask-image:radial-gradient(circle at 50% 20%,#000,#0000 70%)}.home-skills-heading,.home-skills-grid,.home-skills-footnote{max-width:1240px;margin-inline:auto}.home-skills-heading{text-align:center}.home-skills-heading h2{font:600 clamp(3.6rem, 9vw, 8.6rem)/.9 var(--serif);letter-spacing:-.08em;flex-direction:column;align-items:center;gap:.1em;margin:0;display:flex}.home-skills-heading h2 .ai-prefix{color:var(--ink);letter-spacing:.16em;margin-bottom:.2em;font:200 .3em/1 Avenir Next,Futura PT,Noto Sans SC,sans-serif}.home-skills-heading h2 em{color:var(--cinnabar);font-style:normal}.home-skills-heading>p{color:var(--muted);letter-spacing:.04em;margin:1.6rem 0 0;font-size:18px}.home-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:4.5rem;display:grid}.home-skill-card{border:1px solid var(--ink);min-width:0;min-height:600px;color:var(--ink);text-align:center;background:radial-gradient(40rem 20rem at 50% 0,#fffaf0,#0000 70%),#e9ddbd;flex-direction:column;padding:52px 44px 0;transition:transform .4s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.home-skill-card[data-variant=local]{border:1px solid var(--ink);color:var(--paper-light);background:radial-gradient(40rem 20rem at 50% 0,#d9ae6124,#0000 70%),#1f2924}.home-skill-card:hover{transform:translateY(-6px)}.home-skill-copy{flex-direction:column;align-items:center;gap:12px;display:flex}.home-skill-label{color:#5a5b4b;letter-spacing:.22em;font:300 14px/1.4 Avenir Next,Futura PT,Noto Sans SC,sans-serif}.home-skill-card[data-variant=local] .home-skill-label{color:#f6eed899}.home-skill-copy h3{font:700 clamp(34px, 3.4vw, 50px)/1.1 var(--ui-sans);letter-spacing:.02em;margin:0}.home-skill-copy>p{opacity:.72;margin:0;font-size:18px}.home-skill-link{color:var(--cinnabar);font:700 15px/1 var(--ui-sans);letter-spacing:.1em;align-items:center;gap:10px;margin-top:6px;display:inline-flex}.home-skill-card[data-variant=local] .home-skill-link{color:#d9ae61}.home-skill-link:after{content:"";z-index:5;position:absolute;inset:0}.home-skill-link span{transition:transform .25s}.home-skill-card:hover .home-skill-link span{transform:translate(6px)}.home-skill-image{margin-top:auto;padding-top:44px;display:block;position:relative}.home-skill-frame{background:#fff;border:1px solid #17201c24;border-bottom:0;border-radius:6px 6px 0 0;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block;overflow:hidden;transform:translateY(24px);box-shadow:0 30px 60px -30px #0009}.home-skill-card:hover .home-skill-frame{transform:translateY(0)}.home-skill-bar{background:#f1ebdc;border-bottom:1px solid #17201c1a;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex;position:relative}.home-skill-bar i{background:#d6ccb6;border-radius:50%;width:8px;height:8px}.home-skill-bar span{color:#8a8a7c;font:500 11px/1 var(--ui-sans);letter-spacing:.06em;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.home-skill-shot{display:block;overflow:hidden}.home-skill-shot img{aspect-ratio:16/9.2;object-fit:cover;object-position:var(--shot-x) var(--shot-y);width:100%;height:auto;transform:scale(var(--shot-zoom));transform-origin:var(--shot-x) var(--shot-y);display:block}.home-skill-badge{z-index:2;border:1px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--cinnabar);font:700 13px/1.2 var(--ui-sans);letter-spacing:.06em;white-space:nowrap;background:#fbf6ea;align-items:center;gap:8px;padding:6px 14px 6px 6px;animation:6s ease-in-out infinite home-float;display:inline-flex;position:absolute;top:20px;right:18px}.home-skill-badge b{background:var(--ink);color:#f6eed8;min-width:26px;height:26px;font:700 12px/1 var(--ui-sans);place-items:center;padding:0 7px;display:inline-grid}.home-skill-card[data-variant=local] .home-skill-badge{background:var(--ink);color:#f6eed8;border-color:#d9ae61;animation-delay:-2.4s;box-shadow:4px 4px #d9ae61}.home-skill-card[data-variant=local] .home-skill-badge b{color:var(--ink);background:#d9ae61}.home-skill-card:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);transition:transform .9s;position:absolute;inset:0;transform:translate(-100%)}.home-skill-card:hover:after{transform:translate(100%)}.home-skills-footnote{color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.6rem;font-size:13px;display:flex}.home-skills-footnote a{color:var(--ink);border-bottom:1px solid var(--ink)}.home-skills-footnote a:hover{color:var(--cinnabar)}.home-skill-intro a:focus-visible{outline:2px solid var(--cinnabar);outline-offset:4px}@keyframes home-float{50%{transform:translateY(-8px)}}@media (width<=860px){.home-skills-grid{grid-template-columns:1fr;gap:14px;margin-top:3rem}.home-skill-card{min-height:0}}@media (width<=640px){.home-v2 .home-skill-intro{padding-inline:20px}.home-skills-heading h2{font-size:clamp(3.2rem,15vw,4.5rem)}.home-skills-heading h2 .ai-prefix{letter-spacing:.1em;font-size:.32em}.home-skills-heading>p{font-size:15px}.home-skill-card{padding:40px 20px 0}.home-skill-card:hover{transform:none}.home-skill-copy h3{font-size:32px}.home-skill-copy>p{font-size:16px}.home-skill-image{padding-top:32px}.home-skill-frame{transform:none}.home-skill-badge{box-shadow:3px 3px 0 var(--cinnabar);padding:5px 12px 5px 5px;font-size:12px;top:12px;right:10px}.home-skill-badge b{min-width:22px;height:22px}.home-skills-footnote{gap:.25rem;display:grid}}@media (prefers-reduced-motion:reduce){.home-skill-badge,.home-skill-card:after,.home-skill-frame,.home-skill-card{transition:none;animation:none}.home-skill-card:hover{transform:none}}.home-skills-heading h2 .home-skills-pair{flex-wrap:wrap;justify-content:center;gap:0 .35em;display:flex}
