*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#7876708c transparent;width:100%;max-width:100%;overflow-x:clip}body{color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f4f3;width:100%;min-width:320px;max-width:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#78767073 padding-box padding-box;border:1px solid #0000;border-radius:999px;transition:background .25s}::-webkit-scrollbar-thumb:hover{background:#46443fb8 padding-box padding-box;border:1px solid #0000}::-webkit-scrollbar-corner{background:0 0}html[data-theme=dark],html.dark,body.dark,body[data-theme=dark]{scrollbar-color:#96938c73 transparent}html[data-theme=dark]::-webkit-scrollbar-track{background:0 0}html.dark::-webkit-scrollbar-track{background:0 0}body.dark::-webkit-scrollbar-track{background:0 0}body[data-theme=dark]::-webkit-scrollbar-track{background:0 0}html[data-theme=dark]::-webkit-scrollbar-thumb{background:#96938c6b padding-box padding-box;border:1px solid #0000}html.dark::-webkit-scrollbar-thumb{background:#96938c6b padding-box padding-box;border:1px solid #0000}body.dark::-webkit-scrollbar-thumb{background:#96938c6b padding-box padding-box;border:1px solid #0000}body[data-theme=dark]::-webkit-scrollbar-thumb{background:#96938c6b padding-box padding-box;border:1px solid #0000}html[data-theme=dark]::-webkit-scrollbar-thumb:hover{background:#d2cfc8ad padding-box padding-box;border:1px solid #0000}html.dark::-webkit-scrollbar-thumb:hover{background:#d2cfc8ad padding-box padding-box;border:1px solid #0000}body.dark::-webkit-scrollbar-thumb:hover{background:#d2cfc8ad padding-box padding-box;border:1px solid #0000}body[data-theme=dark]::-webkit-scrollbar-thumb:hover{background:#d2cfc8ad padding-box padding-box;border:1px solid #0000}img,svg,video,canvas,iframe{max-width:100%}button,a{font:inherit}::selection{color:#fff;background:#111}.site-navbar{z-index:9999;pointer-events:none;padding:0 24px;position:fixed;top:18px;left:0;right:0}.site-navbar-inner{-webkit-backdrop-filter:blur(20px)saturate(120%);pointer-events:auto;background:#ffffffd6;border:1px solid #19181613;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1160px,100%);height:56px;margin:0 auto;padding:0 8px 0 21px;transition:height .4s cubic-bezier(.22,1,.36,1),background .35s,border-color .35s,box-shadow .35s;display:grid;position:relative;box-shadow:inset 0 1px #fffffff2,0 7px 22px #1111110b,0 1px 3px #11111109}.site-navbar-scrolled .site-navbar-inner{background:#ffffffeb;border-color:#19181617;height:53px;box-shadow:inset 0 1px #fffffff2,0 10px 30px #1111,0 2px 5px #11111109}.site-navbar-logo{color:#151513;cursor:pointer;letter-spacing:.145em;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-start;gap:2px;width:fit-content;padding:0;transition:color .3s;display:flex}.site-navbar-logo-main{font-size:13px;font-weight:800;line-height:1}.site-navbar-logo-mark{letter-spacing:0;font-size:6px;font-weight:700;line-height:1;position:relative;top:-3px}.site-navbar-nav{isolation:isolate;background:#f3f0eb94;border:1px solid #d8d2cab3;border-radius:999px;align-items:center;gap:2px;height:42px;padding:3px 4px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffbf}.site-navbar-link{color:#5f5b55;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;outline:none;justify-content:center;align-items:center;min-width:70px;height:34px;padding:0 14px;font-size:14px;font-weight:600;transition:color .22s,font-size .22s;display:flex;position:relative}.site-navbar-link:hover{color:#2c2b28}.site-navbar-link-active{color:#20201e;font-size:15px;font-weight:650}.site-navbar-active-pill{z-index:0;pointer-events:none;background:#fffffff5;border:1px solid #fffffff5;border-radius:999px;transition:background .35s,border-color .35s,box-shadow .35s;position:absolute;inset:0;box-shadow:0 1px 2px #12121011,0 2px 6px #12121009,inset 0 1px #fff}.site-navbar-link-content{z-index:2;justify-content:center;align-items:center;line-height:1;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.site-navbar-link:hover .site-navbar-link-content{transform:translateY(-.4px)}.site-navbar-right{justify-self:end;align-items:center;gap:8px;display:flex}.site-navbar-theme-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #d2ccc3e6;border-radius:999px;flex:0 0 44px;width:44px;height:24px;padding:0;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.site-navbar-theme-toggle:hover{box-shadow:0 2px 8px #11111114}.site-navbar-theme-toggle:focus-visible{outline-offset:3px;outline:2px solid #504e4859}.site-navbar-theme-track{border-radius:inherit;position:absolute;inset:0}.site-navbar-theme-knob{z-index:2;border:1px solid #d2ccc3bf;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #11111124}.site-navbar-theme-icon{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.site-navbar-theme-icon svg{color:#67655f;fill:currentColor;width:11px;height:11px}.site-navbar-availability{color:#5f5b55;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:7px;padding:0 7px;font-size:11px;font-weight:700;transition:color .3s;display:flex}.site-navbar-status-dot{background:#292926;border-radius:50%;flex:none;width:5px;height:5px;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 2px #29292611}.site-navbar-external{color:#242320;background:#f7f4efb3;border:1px solid #dcd7cfd9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s,color .25s;display:flex;box-shadow:inset 0 1px #ffffffd9}.site-navbar-external:hover{background:#fffffff2;border-color:#c8c2b9e6;transform:translateY(-1px)rotate(3deg)}.site-navbar-external svg{width:12px;height:12px}.site-navbar-menu-button{cursor:pointer;background:#f7f4efb3;border:1px solid #dcd7cfd9;border-radius:50%;width:40px;height:40px;margin-left:auto;padding:0;transition:background .3s,border-color .3s;display:none;position:relative;box-shadow:inset 0 1px #ffffffd9}.site-navbar-menu-button span{background:#242320;border-radius:999px;width:15px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1),background .3s;position:absolute;left:50%;transform:translate(-50%)}.site-navbar-menu-button span:first-child{top:15px}.site-navbar-menu-button span:last-child{top:23px}.site-navbar-menu-open span:first-child{top:19px;transform:translate(-50%)rotate(45deg)}.site-navbar-menu-open span:last-child{top:19px;transform:translate(-50%)rotate(-45deg)}.site-navbar-mobile{-webkit-backdrop-filter:blur(20px)saturate(120%);pointer-events:auto;background:#faf9f7f0;border:1px solid #14141214;border-radius:20px;flex-direction:column;gap:3px;width:min(1160px,100%);margin:8px auto 0;padding:7px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex;box-shadow:0 16px 40px #11111114,inset 0 1px #ffffffd9}.site-navbar-mobile-link{color:#5f5b55;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:0 17px;font-size:15px;font-weight:600;transition:color .3s,background .3s;display:flex;position:relative}.site-navbar-mobile-link-active{color:#242320;font-size:16px;font-weight:700}.site-navbar-mobile-pill{background:#242320;border-radius:50%;width:5px;height:5px;transition:background .3s,box-shadow .3s;box-shadow:0 0 0 3px #2423200e}.site-navbar-mobile-footer{color:#88837c;letter-spacing:.13em;border-top:1px solid #14141212;align-items:center;gap:8px;margin-top:4px;padding:12px 17px 10px;font-size:8px;font-weight:700;transition:color .3s,border-color .3s;display:flex}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .site-navbar-inner{background:#121212c7;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000038,0 2px 5px #00000024}html[data-theme=dark] .site-navbar-scrolled .site-navbar-inner{background:#101010e6;border-color:#ffffff1f}html[data-theme=dark] .site-navbar-logo{color:#f3f2ee}html[data-theme=dark] .site-navbar-nav{background:#232323ad;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0b}html[data-theme=dark] .site-navbar-link{color:#98958f}html[data-theme=dark] .site-navbar-link:hover{color:#e8e6e1}html[data-theme=dark] .site-navbar-link-active{color:#f4f3ef;font-size:15px}html[data-theme=dark] .site-navbar-active-pill{background:#424242e6;border-color:#ffffff1a;box-shadow:0 1px 2px #00000040,0 3px 8px #0000002e}html[data-theme=dark] .site-navbar-theme-toggle{border-color:#ffffff1f}html[data-theme=dark] .site-navbar-theme-knob{border-color:#ffffff1f;box-shadow:0 1px 4px #0006}html[data-theme=dark] .site-navbar-theme-icon svg{color:#f4f4fb}html[data-theme=dark] .site-navbar-availability{color:#b5b0a8}html[data-theme=dark] .site-navbar-status-dot{background:#e8e6df;box-shadow:0 0 0 2px #e8e6df14}html[data-theme=dark] .site-navbar-external{color:#efede8;background:#252525bf;border-color:#ffffff1a}html[data-theme=dark] .site-navbar-external:hover{background:#373737e6}html[data-theme=dark] .site-navbar-menu-button{background:#252525bf;border-color:#ffffff1a}html[data-theme=dark] .site-navbar-menu-button span{background:#efede8}html[data-theme=dark] .site-navbar-mobile{background:#141414f0;border-color:#ffffff17}html[data-theme=dark] .site-navbar-mobile-link{color:#99968f}html[data-theme=dark] .site-navbar-mobile-link-active{color:#f1efea;font-size:16px}html[data-theme=dark] .site-navbar-mobile-pill{background:#efede8}html[data-theme=dark] .site-navbar-mobile-footer{color:#77746e;border-color:#ffffff12}@media (width<=900px){.site-navbar{padding:0 16px}.site-navbar-inner{grid-template-columns:1fr auto;padding-left:20px;padding-right:8px}.site-navbar-nav,.site-navbar-right{display:none}.site-navbar-menu-button{display:block}}@media (width<=600px){.site-navbar{padding:0 12px;top:12px}.site-navbar-inner{border-radius:18px;height:54px;padding-left:17px}.site-navbar-scrolled .site-navbar-inner{height:51px}.site-navbar-logo-main{font-size:12px}.site-navbar-mobile{border-radius:19px}}@media (prefers-reduced-motion:reduce){.site-navbar-inner,.site-navbar-link,.site-navbar-link-content,.site-navbar-external,.site-navbar-menu-button span,.site-navbar-theme-toggle,.site-navbar-theme-knob,.site-navbar-theme-icon{transition:none}}.site-navbar-link:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid}.site-navbar-theme-toggle:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid}.site-navbar-availability:focus-visible,.site-navbar-mobile-link:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid}.hero-section{--hero-bg:#f5f4f3;--hero-heading:#111;--hero-text:#202020;--hero-description:#666;--hero-muted:#999;--hero-border:#191919;--hero-button-text:#111;--hero-button-hover-bg:#111;--hero-button-hover-text:#fff;--hero-fade-start:#f5f4f300;--hero-fade-end:#f5f4f3;--hero-scroll-line-start:#11111114;--hero-scroll-line-end:#1119;background:var(--hero-bg);width:100%;max-width:100%;height:205vh;color:var(--hero-heading);position:relative}html[data-theme=dark] .hero-section,html.dark .hero-section,body.dark .hero-section,body[data-theme=dark] .hero-section{--hero-bg:#0d0d0e;--hero-heading:#f2f1ed;--hero-text:#deddd8;--hero-description:#9b9891;--hero-muted:#77746e;--hero-border:#f2f1ed;--hero-button-text:#f2f1ed;--hero-button-hover-bg:#f2f1ed;--hero-button-hover-text:#0d0d0e;--hero-fade-start:#0d0d0e00;--hero-fade-end:#0d0d0e;--hero-scroll-line-start:#f2f1ed14;--hero-scroll-line-end:#f2f1ed99}.hero-sticky{will-change:transform, opacity;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;transform:translateZ(0)}.scroll-indicator{z-index:20;color:var(--hero-heading);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;pointer-events:none;will-change:opacity;flex-direction:column;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.scroll-line{transform-origin:top;background:linear-gradient(to bottom, var(--hero-scroll-line-start), var(--hero-scroll-line-end));width:1px;height:50px;margin-top:12px}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1500px;padding:40px 32px;display:flex}.hero-name{perspective:700px;letter-spacing:-.085em;white-space:nowrap;width:100%;color:var(--hero-heading);justify-content:center;align-items:center;font-size:clamp(4rem,11vw,10.5rem);font-weight:700;line-height:.86;display:flex;overflow:visible}.character{transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;transform-style:preserve-3d;display:inline-block}.character-space{width:.25em;display:inline-block}.hero-role{color:var(--hero-text);letter-spacing:-.025em;will-change:transform, opacity, filter;flex-wrap:wrap;justify-content:center;align-items:center;margin:52px 0 0;font-size:20px;font-weight:500;line-height:1.4;display:flex}.role-divider{color:var(--hero-muted);margin:0 10px;display:inline-block}.hero-description{max-width:700px;color:var(--hero-description);letter-spacing:-.01em;will-change:transform, opacity, filter;margin:20px 0 0;font-size:20px;font-weight:400;line-height:1.75}.hero-buttons{will-change:transform, opacity;justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.hero-button{border:1px solid var(--hero-border);min-width:116px;color:var(--hero-button-text);letter-spacing:-.01em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.button-icon{font-size:16px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.button-arrow{font-size:15px;line-height:1;transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-block}.hero-button:hover{background:var(--hero-button-hover-bg);color:var(--hero-button-hover-text);border-color:var(--hero-button-hover-bg)}.hero-button:hover .button-icon{transform:translate(2px,-2px)}.hero-button:hover .button-arrow{transform:translate(3px,3px)}.hero-button:focus-visible{outline:2px solid var(--hero-button-text);outline-offset:4px}.hero-bottom-fade{pointer-events:none;background:linear-gradient(to bottom, var(--hero-fade-start), var(--hero-fade-end));width:100%;height:180px;position:absolute;bottom:0;left:0}@media (width<=768px){.hero-section{height:195vh}.hero-content{padding:32px 20px}.hero-name{font-size:clamp(3.3rem,15vw,7rem)}.hero-role{margin-top:40px;font-size:18px}.hero-description{max-width:560px;font-size:18px;line-height:1.75}.scroll-indicator{top:88px}}@media (width<=480px){.hero-section{height:190vh}.hero-content{padding:28px 18px}.hero-name{font-size:clamp(2.7rem,15.5vw,5rem)}.hero-role{margin-top:34px;font-size:17px}.role-divider{margin:0 5px}.hero-description{max-width:340px;font-size:17px;line-height:1.7}.hero-buttons{gap:8px;width:100%;max-width:300px}.hero-button{flex:1;gap:7px;min-width:0;padding:11px 13px;font-size:12px}.button-icon{font-size:15px}.button-arrow{font-size:14px}.hero-bottom-fade{height:130px}.scroll-indicator{font-size:10px;top:78px}.scroll-line{height:38px;margin-top:9px}}.about-section{--about-bg:#f6f3ee;--about-heading:#171614;--about-text:#504c46;--about-lead:#292722;--about-muted:#66615a;--about-soft:#6b665f;--about-context:#625d56;--about-line:#17161424;--about-line-soft:#1716141a;--about-line-strong:#17161433;--about-background-number:#171614;--about-accent:#567b5d;background:var(--about-bg);width:100%;min-height:145vh;color:var(--about-heading);align-items:center;padding:170px 8vw 180px;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .about-section,html.dark .about-section,body.dark .about-section,body[data-theme=dark] .about-section{--about-bg:#11100f;--about-heading:#f1ede5;--about-text:#c5c0b7;--about-lead:#ded8ce;--about-muted:#98928a;--about-soft:#706b64;--about-context:#918a82;--about-line:#f1ede524;--about-line-soft:#f1ede51a;--about-line-strong:#f1ede538;--about-background-number:#f1ede5;--about-accent:#87a98c}.about-background-number{z-index:0;color:var(--about-background-number);letter-spacing:-.11em;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;opacity:.035;font-size:clamp(22rem,42vw,46rem);font-weight:700;line-height:.75;position:absolute;top:5%;right:-2%}.about-reading-marker{z-index:6;pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.marker-number{color:var(--about-muted);letter-spacing:.12em;font-size:9px;font-weight:600}.marker-line{background:var(--about-line-strong);width:1px;height:42px}.marker-label{color:var(--about-muted);letter-spacing:.16em;writing-mode:vertical-rl;font-size:8px;font-weight:600}.about-progress-track{display:none}.about-progress-bar{transform-origin:top;background:var(--about-accent);width:1px;height:100%}.about-inner{z-index:2;width:100%;max-width:1400px;margin:0 auto;position:relative}.about-top{will-change:transform, opacity;justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.about-top-left{align-items:center;gap:12px;display:flex}.section-label,.about-small-label{color:var(--about-soft);letter-spacing:.18em;font-size:11px;font-weight:600;line-height:1.2}.section-label{margin:0}.section-slash{color:var(--about-context);font-size:12px;font-weight:400}.section-context{color:var(--about-context);letter-spacing:.15em;font-size:10px;font-weight:500}.section-index{color:var(--about-muted);letter-spacing:.12em;font-size:11px;font-weight:600}.about-statement{max-width:1250px;color:var(--about-heading);letter-spacing:-.085em;will-change:transform;margin:0;font-size:clamp(4.5rem,9.5vw,10rem);font-weight:600;line-height:.84}.statement-line{display:block}.statement-offset{margin-left:.055em}.statement-last{align-items:baseline;gap:.018em;display:flex}.about-word{will-change:transform, opacity, filter;display:inline-block}.about-period{color:var(--about-muted);font-weight:400;display:inline-block}.about-rule{transform-origin:0;background:var(--about-line);width:100%;height:1px;margin-top:130px}.about-lower{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:120px;margin-top:60px;display:grid}.about-description{will-change:transform, opacity, filter;max-width:720px}.about-small-label{margin-bottom:30px;display:block}.about-copy{max-width:720px}.about-description p{max-width:700px;color:var(--about-text);letter-spacing:-.015em;margin:0 0 30px;font-size:20px;font-weight:400;line-height:1.75}.about-description .about-lead{max-width:660px;color:var(--about-lead);letter-spacing:-.025em;margin-bottom:34px;font-size:23px;font-weight:450;line-height:1.6}.about-meta{border-top:1px solid var(--about-line-soft);align-items:center;gap:28px;margin-top:54px;padding-top:18px;display:flex}.about-meta span{color:var(--about-muted);letter-spacing:.14em;font-size:9px;font-weight:600}.about-focus{will-change:transform, opacity, filter;align-self:start}.focus-heading{justify-content:space-between;align-items:center;display:flex}.focus-count{color:var(--about-context);letter-spacing:.12em;font-size:11px;font-weight:600}.focus-line{transform-origin:0;background:var(--about-line-strong);width:100%;height:1px;margin-top:30px}.focus-list{flex-direction:column;display:flex}.focus-item{border-bottom:1px solid var(--about-line-soft);cursor:default;will-change:transform, opacity, filter;grid-template-columns:48px 1fr 28px;align-items:center;min-height:70px;padding:17px 0;transition:padding .45s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.focus-number{color:var(--about-context);letter-spacing:.08em;font-size:11px;font-weight:600}.focus-name{color:var(--about-lead);letter-spacing:-.025em;font-size:17px;font-weight:500;transition:transform .45s cubic-bezier(.22,1,.36,1)}.focus-arrow{color:var(--about-muted);opacity:0;justify-content:flex-end;align-items:center;font-size:16px;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(-8px,8px)}.focus-hover-line{background:var(--about-accent);width:0;height:1px;transition:width .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}.focus-item:hover{padding-left:12px}.focus-item:hover .focus-name{transform:translate(4px)}.focus-item:hover .focus-arrow{opacity:1;transform:translate(0)}.focus-item:hover .focus-hover-line{width:100%}.about-bottom{border-top:1px solid var(--about-line-soft);will-change:transform, opacity;justify-content:space-between;align-items:center;gap:30px;margin-top:130px;padding-top:22px;display:flex}.bottom-label{color:var(--about-muted);letter-spacing:.16em;font-size:10px;font-weight:600}.bottom-text{color:var(--about-text);letter-spacing:-.01em;font-size:13px;font-weight:400}.about-closing{will-change:transform, opacity, filter;flex-direction:column;align-items:flex-end;margin-top:115px;margin-right:4%;display:flex}.about-closing span{color:var(--about-heading);letter-spacing:-.065em;font-size:clamp(2.7rem,5vw,5.5rem);font-weight:500;line-height:.95;display:block}.about-closing span:nth-child(2){color:var(--about-text);margin-right:.8em}.about-closing span:nth-child(3){color:var(--about-muted);margin-right:1.6em}@media (width<=768px){.about-section{min-height:auto;padding:120px 24px 150px}.about-background-number{font-size:32rem;top:8%;right:-6%}.about-reading-marker{display:none}.about-statement{font-size:clamp(3.5rem,10vw,6rem);line-height:.88}.about-rule{margin-top:90px}.about-lower{grid-template-columns:1fr;gap:75px;margin-top:50px}.about-description{max-width:100%}.about-description p{font-size:18px;line-height:1.75}.about-description .about-lead{font-size:21px;line-height:1.65}.about-focus{width:100%}.about-bottom{margin-top:100px}.about-closing{align-items:flex-end;margin-top:100px;margin-right:0}.about-closing span{font-size:clamp(2.5rem,7vw,4.5rem)}.focus-name{font-size:16px}}@media (width<=480px){.about-section{min-height:auto;padding:90px 20px 120px}.about-background-number{font-size:22rem;top:11%;right:-15%}.about-top{margin-bottom:32px}.about-top-left{gap:9px}.section-context{font-size:9px}.about-statement{letter-spacing:-.078em;font-size:3.45rem;line-height:.92}.statement-offset{margin-left:.025em}.about-rule{margin-top:70px}.about-lower{gap:65px;margin-top:42px}.about-small-label{margin-bottom:24px;font-size:10px}.about-description p{font-size:17px;line-height:1.75}.about-description .about-lead{margin-bottom:28px;font-size:19px;line-height:1.65}.about-meta{flex-direction:column;align-items:flex-start;gap:10px;margin-top:42px}.focus-item{min-height:62px;padding:14px 0}.focus-name{font-size:15px}.focus-arrow{font-size:14px}.about-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:85px}.bottom-text{font-size:12px}.about-closing{align-items:flex-start;margin-top:85px}.about-closing span{font-size:2.7rem;line-height:.98}.about-closing span:nth-child(2){margin-left:.5em;margin-right:0}.about-closing span:nth-child(3){margin-left:1em;margin-right:0}}@media (width<=360px){.about-section{padding-left:18px;padding-right:18px}.about-statement{font-size:3.15rem}.about-description .about-lead{font-size:18px}.about-description p{font-size:16px}.about-closing span{font-size:2.45rem}}@media (prefers-reduced-motion:reduce){.about-section *,.about-section :before,.about-section :after{transition:none!important;animation:none!important}.about-word,.about-description,.about-focus,.about-closing,.about-top,.about-background-number{transform:none!important}.focus-item:hover{padding-left:0}.focus-item:hover .focus-name{transform:none}.focus-item:hover .focus-arrow{opacity:0;transform:none}.focus-item:hover .focus-hover-line{width:0}}.projects-section{--projects-bg:#f6f3ee;--projects-heading:#171614;--projects-text:#504c46;--projects-muted:#66615a;--projects-soft:#6b665f;--projects-line:#17161421;--projects-line-strong:#17161440;--projects-accent:#567b5d;--projects-accent-soft:#567b5d1c;--projects-card:#ebe7df;background:var(--projects-bg);min-height:145vh;color:var(--projects-heading);padding:170px 8vw 150px;position:relative;overflow:hidden}html[data-theme=dark] .projects-section,html.dark .projects-section,body.dark .projects-section,body[data-theme=dark] .projects-section{--projects-bg:#11100f;--projects-heading:#f1ede5;--projects-text:#c5c0b7;--projects-muted:#98928a;--projects-soft:#706b64;--projects-line:#f1ede51f;--projects-line-strong:#f1ede53d;--projects-accent:#87a98c;--projects-accent-soft:#87a98c1c;--projects-card:#1b1917}.projects-bg-number{letter-spacing:-.09em;color:#0000;-webkit-text-stroke:1px var(--projects-line);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.55;z-index:0;font-size:clamp(16rem,34vw,38rem);font-weight:700;line-height:.75;position:absolute;top:40px;right:-1vw}.projects-inner{z-index:2;width:min(1180px,100%);margin:0 auto;position:relative}.projects-header{border-bottom:1px solid var(--projects-line);grid-template-columns:minmax(0,1fr) 250px;align-items:end;gap:70px;padding-bottom:80px;display:grid}.projects-header-main{flex-direction:column;gap:28px;display:flex}.projects-label{color:var(--projects-muted);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:13px;font-size:11px;font-weight:600;display:flex}.projects-label>span:first-child{color:var(--projects-heading)}.projects-label-line{background:var(--projects-line-strong);width:42px;height:1px}.projects-header h2{max-width:850px;color:var(--projects-heading);letter-spacing:-.075em;margin:0;font-size:clamp(4rem,8.5vw,8.5rem);font-weight:650;line-height:.86}.projects-header h2 span{color:var(--projects-accent)}.projects-header-side{flex-direction:column;gap:18px;padding-bottom:7px;display:flex}.header-side-label{color:var(--projects-soft);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:600}.projects-header-side p{max-width:220px;color:var(--projects-muted);margin:0;font-size:15px;line-height:1.7}.header-side-line{background:var(--projects-line);width:100%;height:1px;margin-top:5px}.projects-list{flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--projects-line);will-change:transform, opacity, filter;grid-template-columns:105px minmax(0,1fr) minmax(360px,43%);align-items:center;gap:45px;min-height:510px;padding:75px 0 80px;display:grid;position:relative}.project-index{flex-direction:column;align-self:start;gap:14px;padding-top:6px;display:flex}.project-number{color:var(--projects-heading);letter-spacing:-.03em;font-size:17px;font-weight:500}.project-index-rule{background:var(--projects-line-strong);width:22px;height:1px;transition:width .45s,background .45s}.project-index-label{color:var(--projects-soft);letter-spacing:.18em;writing-mode:vertical-rl;font-size:9px;font-weight:600;transform:rotate(180deg)}.project-information{flex-direction:column;min-width:0;display:flex}.project-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.project-title-area{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.project-title-area h3{color:var(--projects-heading);letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,5vw,5.3rem);font-weight:600;line-height:.9;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-counter{color:var(--projects-soft);letter-spacing:.1em;font-size:12px;font-weight:500}.project-status{color:var(--projects-muted);letter-spacing:.17em;align-items:center;gap:8px;font-size:9px;font-weight:600;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex}.status-dot{background:var(--projects-soft);border-radius:50%;width:5px;height:5px}.status-active .status-dot{background:var(--projects-accent);box-shadow:0 0 0 4px var(--projects-accent-soft)}.project-description{max-width:470px;color:var(--projects-text);letter-spacing:-.015em;margin:0 0 45px;font-size:18px;line-height:1.75}.project-footer{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:auto;display:flex}.project-stack{flex-wrap:wrap;gap:7px;display:flex}.project-stack span{color:var(--projects-muted);letter-spacing:.1em;text-transform:uppercase;border-right:1px solid var(--projects-line);padding-right:10px;font-size:10px;font-weight:600}.project-stack span:last-child{border-right:none;padding-right:0}.project-actions{align-items:center;gap:20px;display:flex}.project-github,.project-open{color:var(--projects-heading);letter-spacing:.12em;align-items:center;gap:9px;font-size:10px;font-weight:600;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.project-github svg{font-size:14px}.project-github:hover{color:var(--projects-accent);transform:translate(3px)}.project-open{gap:13px}.project-open:hover{color:var(--projects-accent);transform:translate(4px)}.project-open-arrow{border:1px solid var(--projects-line-strong);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .3s,background .3s,transform .3s;display:flex}.project-open:hover .project-open-arrow{border-color:var(--projects-accent);background:var(--projects-accent-soft);transform:translate(2px)}.project-open-arrow svg{font-size:10px}.project-open-disabled{color:var(--projects-soft);cursor:default}.project-open-disabled:hover{color:var(--projects-soft);transform:none}.project-preview{width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative;transform:translateZ(0)}.preview-browser{background:var(--projects-card);border:1px solid var(--projects-line-strong);width:100%;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s;position:relative;overflow:hidden;box-shadow:0 15px 35px #28221b0b}.preview-browser-bar{border-bottom:1px solid var(--projects-line);background:var(--projects-card);z-index:5;grid-template-columns:80px 1fr 30px;align-items:center;height:38px;padding:0 13px;display:grid;position:relative}.preview-dots{align-items:center;gap:5px;display:flex}.preview-dots span{background:var(--projects-soft);opacity:.65;border-radius:50%;width:5px;height:5px}.preview-url{color:var(--projects-soft);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;justify-self:center;max-width:180px;font-size:8px;font-weight:500;overflow:hidden}.preview-browser-number{color:var(--projects-soft);justify-self:end;font-size:8px}.preview-browser-screen{aspect-ratio:16/10;background:#fff;width:100%;position:relative;overflow:hidden}.desktop-preview-stage{transform-origin:0 0;will-change:transform;width:1280px;height:800px;position:absolute;top:0;left:0;overflow:hidden}.desktop-preview-stage iframe{background:#fff;border:0;width:100%;height:100%;margin:0;padding:0;display:block}.preview-live-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#1c1a17bd;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:opacity .45s;display:flex;position:absolute;inset:38px 0 0}.preview-live-overlay>span:first-child{letter-spacing:.18em;font-size:11px;font-weight:600}.preview-live-arrow{border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .35s,background .35s;display:flex}.preview-live-overlay:hover .preview-live-arrow{background:#ffffff1a;transform:translate(4px)}.preview-live-arrow svg{font-size:10px}.preview-hint{color:#fff;letter-spacing:.16em;opacity:.8;pointer-events:none;z-index:11;font-size:8px;font-weight:600;transition:opacity .35s,transform .35s;position:absolute;bottom:14px;right:15px}.preview-hint-dark{color:var(--projects-muted)}.preview-corner{pointer-events:none;opacity:0;z-index:20;width:18px;height:18px;transition:opacity .4s,transform .5s;position:absolute}.preview-corner-tl{border-top:1px solid var(--projects-accent);border-left:1px solid var(--projects-accent);top:-5px;left:-5px;transform:translate(5px,5px)}.preview-corner-br{border-right:1px solid var(--projects-accent);border-bottom:1px solid var(--projects-accent);bottom:-5px;right:-5px;transform:translate(-5px,-5px)}.project-preview-upcoming{aspect-ratio:16/10;background:var(--projects-card);border:1px solid var(--projects-line-strong);position:relative;overflow:hidden}.preview-grid{background-image:linear-gradient(var(--projects-line) 1px, transparent 1px), linear-gradient(90deg, var(--projects-line) 1px, transparent 1px);opacity:.7;background-size:42px 42px;position:absolute;inset:0}.upcoming-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.upcoming-number{color:var(--projects-soft);letter-spacing:.2em;font-size:10px}.upcoming-kicker{color:var(--projects-muted);letter-spacing:.2em;font-size:9px;font-weight:600}.upcoming-content h4{color:var(--projects-heading);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,6vw,5rem);font-weight:600;line-height:.85}.upcoming-status{color:var(--projects-accent);letter-spacing:.2em;font-size:8px;font-weight:600}.project-row:hover .project-preview{transform:translateY(-8px)}.project-row:hover .preview-browser{transform:translateY(-4px);box-shadow:0 25px 55px #28221b17}.project-row:hover .preview-live-overlay{opacity:1}.project-row:hover .preview-hint{opacity:0;transform:translateY(14px)}.project-row:hover .project-title-area h3{transform:translate(7px)}.project-row:hover .project-status{transform:translate(10px)}.project-row:hover .project-index-rule{background:var(--projects-heading);width:34px}.project-row:hover .preview-corner{opacity:1;transform:translate(0)}.project-active-line{background:var(--projects-accent);width:0;height:1px;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0}.project-row:hover .project-active-line{width:100%}.projects-footer{color:var(--projects-soft);letter-spacing:.18em;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:35px;font-size:9px;font-weight:600;display:grid}.footer-line{background:var(--projects-line);height:1px}@media (width<=1100px){.projects-section{padding-left:6vw;padding-right:6vw}.projects-header{grid-template-columns:minmax(0,1fr) 210px;gap:45px}.project-row{grid-template-columns:70px minmax(0,1fr) minmax(300px,40%);gap:30px}.project-description{font-size:17px}}@media (width<=900px){.projects-section{min-height:auto;padding:130px 5vw 120px}.projects-bg-number{font-size:30vw;top:60px;right:-4vw}.projects-header{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.projects-header-side{max-width:350px}.projects-header-side p{max-width:330px}.project-row{grid-template-columns:65px minmax(0,1fr);gap:30px;padding:65px 0 70px}.project-preview{grid-column:2;width:100%}.project-information{grid-column:2}.project-index{grid-area:1/1/span 2}.project-title-area h3{font-size:clamp(3rem,8vw,5rem)}.project-description{max-width:600px;font-size:18px}}@media (width<=650px){.projects-section{padding:105px 22px 90px}.projects-bg-number{font-size:43vw;top:45px;right:-7vw}.projects-header{gap:30px;padding-bottom:48px}.projects-header-main{gap:23px}.projects-label{font-size:9px}.projects-label-line{width:25px}.projects-header h2{font-size:clamp(3.4rem,16vw,5.2rem);line-height:.87}.projects-header-side{gap:14px}.projects-header-side p{font-size:14px;line-height:1.65}.project-row{flex-direction:column;align-items:stretch;gap:28px;min-height:auto;padding:55px 0 60px;display:flex}.project-index{flex-direction:row;align-items:center;gap:11px;padding:0}.project-index-rule{width:28px}.project-index-label{writing-mode:initial;transform:none}.project-information{order:2}.project-preview{order:3;width:100%}.project-heading{margin-bottom:20px}.project-title-area{gap:10px}.project-title-area h3{font-size:clamp(3rem,16vw,5rem)}.project-counter{display:none}.project-description{margin-bottom:32px;font-size:17px;line-height:1.7}.project-footer{flex-direction:column;align-items:flex-start;gap:24px}.project-actions{justify-content:space-between;width:100%}.project-stack{gap:6px}.project-stack span{font-size:9px}.preview-browser-bar{grid-template-columns:55px 1fr 25px;height:34px;padding:0 10px}.preview-live-overlay{inset:34px 0 0}.preview-url{font-size:7px}.preview-hint{font-size:7px;bottom:10px;right:10px}.upcoming-kicker{font-size:8px}.upcoming-content h4{font-size:3.5rem}.projects-footer{grid-template-columns:1fr;gap:12px;padding-top:28px}.projects-footer .footer-line{width:100%}}@media (width<=420px){.projects-section{padding-left:18px;padding-right:18px}.projects-header h2{font-size:3.35rem}.project-title-area h3{font-size:3rem}.project-description{font-size:16px}.project-actions{gap:12px}.project-github,.project-open{font-size:9px}.project-open-arrow{width:25px;height:25px}}@media (prefers-reduced-motion:reduce){.projects-section *,.projects-section :before,.projects-section :after{transition:none!important;animation:none!important}.project-row:hover .project-preview,.project-row:hover .preview-browser,.project-row:hover .project-title-area h3,.project-row:hover .project-status{transform:none}}.skills-loop-section{--skills-bg:#f6f3ee;--skills-heading:#171614;--skills-text:#504c46;--skills-muted:#66615a;--skills-soft:#6b665f;--skills-line:#17161433;--skills-border:#1716141f;--skills-icon:#292722;--skills-accent:#567b5d;background:var(--skills-bg);min-height:150vh;color:var(--skills-heading);padding:180px 8vw 110px;scroll-margin-top:90px;transition:background-color .45s,color .45s;position:relative;overflow:hidden}html[data-theme=dark] .skills-loop-section,html.dark .skills-loop-section,body.dark .skills-loop-section,body[data-theme=dark] .skills-loop-section{--skills-bg:#11100f;--skills-heading:#f1ede5;--skills-text:#c5c0b7;--skills-muted:#98928a;--skills-soft:#706b64;--skills-line:#f1ede533;--skills-border:#f1ede51f;--skills-icon:#ded8ce;--skills-accent:#87a98c}.skills-loop-inner{z-index:2;flex-direction:column;width:min(1180px,100%);min-height:100%;margin:0 auto;display:flex;position:relative}.skills-loop-background-number{letter-spacing:-.09em;color:var(--skills-heading);opacity:.025;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(18rem,35vw,34rem);font-weight:700;line-height:.75;transition:color .45s;position:absolute;top:40px;right:4vw}.skills-loop-header{width:100%;max-width:850px;margin-bottom:125px;position:relative}.skills-loop-label{color:var(--skills-muted);letter-spacing:.16em;align-items:center;gap:12px;margin-bottom:34px;font-size:11px;font-weight:600;display:flex}.skills-loop-label-line{background:var(--skills-line);width:28px;height:1px;transition:background-color .45s}.skills-loop-label-index{font-variant-numeric:tabular-nums;margin-left:auto}.skills-loop-header h2{color:var(--skills-heading);letter-spacing:-.075em;will-change:transform, opacity, filter;margin:0;font-size:clamp(4.5rem,9vw,8.5rem);font-weight:650;line-height:.86;transition:color .45s}.skills-loop-content{will-change:transform, opacity, filter;width:100%;position:relative}.skills-loop-topline{border-bottom:1px solid var(--skills-border);color:var(--skills-muted);letter-spacing:.15em;justify-content:space-between;align-items:center;padding-bottom:17px;font-size:11px;font-weight:600;transition:border-color .45s,color .45s;display:flex}.skills-loop-counter{color:var(--skills-soft);font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:flex}.skills-loop-counter span{opacity:.45}.skills-loop-main{border-bottom:1px solid var(--skills-border);grid-template-columns:minmax(0,1fr) 270px;min-height:470px;transition:border-color .45s;display:grid}.skills-loop-stage{align-items:center;min-height:470px;display:flex;position:relative;overflow:hidden}.skills-loop-active-wrapper{will-change:transform, opacity, filter;align-items:center;gap:34px;max-width:100%;display:flex}.skills-loop-icon-wrapper{border:1px solid var(--skills-border);width:82px;height:82px;color:var(--skills-icon);flex:none;justify-content:center;align-items:center;transition:border-color .45s,color .45s;display:flex}.skills-loop-icon{width:38px;height:38px}.skills-loop-active-content{min-width:0}.skills-loop-active-category{color:var(--skills-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px;font-size:10px;font-weight:600;display:block}.skills-loop-active{max-width:100%;color:var(--skills-heading);letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font-size:clamp(3.6rem,6vw,6.5rem);font-weight:650;line-height:.88;transition:color .45s}.skills-loop-description{flex-direction:column;align-self:center;gap:22px;padding-left:36px;display:flex}.skills-loop-description-index{color:var(--skills-soft);letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.skills-loop-line{background:var(--skills-line);width:34px;height:1px;transition:background-color .45s}.skills-loop-description p{max-width:230px;color:var(--skills-text);letter-spacing:-.005em;margin:0;font-size:16px;line-height:1.7;transition:color .45s}.skills-loop-description-note{color:var(--skills-soft);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:600}.skills-loop-index{border-bottom:1px solid var(--skills-border);grid-template-columns:repeat(3,minmax(0,1fr));transition:border-color .45s;display:grid}.skills-loop-index-item{border:0;border-right:1px solid var(--skills-border);border-bottom:1px solid var(--skills-border);min-height:70px;color:var(--skills-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:0 18px;transition:color .3s,background-color .3s,border-color .45s;display:grid;position:relative}.skills-loop-index-item:nth-child(3n){border-right:0}.skills-loop-index-item:nth-last-child(-n+3){border-bottom:0}.skills-loop-index-number{color:var(--skills-soft);letter-spacing:.08em;font-size:10px;font-weight:600;transition:color .3s}.skills-loop-index-name{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.skills-loop-index-arrow{color:var(--skills-soft);opacity:0;font-size:15px;transition:opacity .3s,transform .3s,color .3s;transform:translate(-5px,5px)}.skills-loop-index-item:hover{color:var(--skills-heading);background:#7f7f7f09}.skills-loop-index-item:hover .skills-loop-index-arrow{opacity:1;color:var(--skills-heading);transform:translate(0)}.skills-loop-index-item.is-active,.skills-loop-index-item.is-active .skills-loop-index-number{color:var(--skills-accent)}.skills-loop-index-item.is-active .skills-loop-index-arrow{opacity:1;color:var(--skills-accent);transform:translate(0)}.skills-loop-focus{display:none}.skills-loop-footer{color:var(--skills-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:34px;font-size:11px;font-weight:500;transition:color .45s;display:flex}@media (width<=900px){.skills-loop-section{min-height:auto;padding:175px 6vw 100px;scroll-margin-top:105px}.skills-loop-header{max-width:720px;margin-bottom:80px}.skills-loop-label{margin-bottom:27px}.skills-loop-header h2{font-size:clamp(3.7rem,8.5vw,6.2rem);line-height:.9}.skills-loop-main{grid-template-columns:minmax(0,1fr) 210px;min-height:390px}.skills-loop-stage{min-height:390px}.skills-loop-active-wrapper{gap:24px}.skills-loop-icon-wrapper{width:68px;height:68px}.skills-loop-icon{width:31px;height:31px}.skills-loop-active{font-size:clamp(3rem,6.2vw,5rem)}.skills-loop-description{padding-left:22px}.skills-loop-description p{max-width:190px;font-size:15px;line-height:1.65}.skills-loop-index-item{min-height:64px;padding:0 14px}}@media (width<=760px){.skills-loop-section{padding:150px 24px 90px}.skills-loop-header{margin-bottom:65px}.skills-loop-header h2{font-size:clamp(3.5rem,10vw,5.5rem)}.skills-loop-main{grid-template-columns:minmax(0,1fr) 180px;min-height:360px}.skills-loop-stage{min-height:360px}.skills-loop-active-wrapper{gap:18px}.skills-loop-active{font-size:clamp(2.8rem,7vw,4.5rem)}.skills-loop-description{padding-left:18px}.skills-loop-description p{max-width:160px;font-size:14px}.skills-loop-index-item{grid-template-columns:30px minmax(0,1fr) 18px;min-height:62px;padding:0 12px}.skills-loop-index-name{font-size:12px}}@media (width<=680px){.skills-loop-section{min-height:auto;padding:115px 20px 75px;scroll-margin-top:85px}.skills-loop-background-number{font-size:17rem;top:55px;right:-25px}.skills-loop-header{margin-bottom:70px}.skills-loop-label{margin-bottom:25px;font-size:10px}.skills-loop-header h2{letter-spacing:-.08em;font-size:clamp(3.4rem,16vw,5.5rem)}.skills-loop-topline{padding-bottom:14px}.skills-loop-main{min-height:0;display:block}.skills-loop-stage{min-height:300px}.skills-loop-active-wrapper{gap:20px}.skills-loop-icon-wrapper{width:56px;height:56px}.skills-loop-icon{width:27px;height:27px}.skills-loop-active{font-size:clamp(2.7rem,11vw,4.5rem);line-height:.9}.skills-loop-description{gap:16px;padding:0 0 36px}.skills-loop-description p{max-width:330px;font-size:15px;line-height:1.65}.skills-loop-index{grid-template-columns:1fr}.skills-loop-index-item{border-right:0;grid-template-columns:34px 1fr 20px;min-height:62px;padding:0 12px}.skills-loop-index-item:nth-child(3n){border-right:0}.skills-loop-index-item:nth-last-child(-n+3){border-bottom:1px solid var(--skills-border)}.skills-loop-index-item:last-child{border-bottom:0}.skills-loop-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:25px;font-size:9px}}.skills-loop-index-item:focus-visible{outline-offset:-2px;outline:2px solid}@media (prefers-reduced-motion:reduce){.skills-loop-section *,.skills-loop-section :before,.skills-loop-section :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.contact-section{--contact-bg:#f6f3ee;--contact-heading:#171614;--contact-text:#504c46;--contact-muted:#66615a;--contact-soft:#6b665f;--contact-line:#17161429;--contact-border:#1716141f;--contact-accent:#567b5d;--contact-accent-soft:#567b5d14;background:var(--contact-bg);width:100%;min-height:100vh;color:var(--contact-heading);transition:background-color .45s,color .45s;position:relative;overflow:hidden}html[data-theme=dark] .contact-section,html.dark .contact-section,body.dark .contact-section,body[data-theme=dark] .contact-section{--contact-bg:#11100f;--contact-heading:#f1ede5;--contact-text:#c5c0b7;--contact-muted:#98928a;--contact-soft:#706b64;--contact-line:#f1ede529;--contact-border:#f1ede51f;--contact-accent:#87a98c;--contact-accent-soft:#87a98c14}.contact-background-number{letter-spacing:-.08em;color:var(--contact-heading);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(20rem,34vw,42rem);font-weight:700;line-height:.8;position:absolute;top:2%;right:-3%}.contact-inner{z-index:1;flex-direction:column;width:min(1400px,100% - 16vw);min-height:100vh;margin:0 auto;padding:145px 0 38px;display:flex;position:relative}.contact-top{border-bottom:1px solid var(--contact-line);justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;display:flex}.contact-top-left{align-items:center;gap:12px;display:flex}.contact-section-label,.contact-section-context,.contact-section-index{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.contact-section-label{color:var(--contact-heading)}.contact-section-context,.contact-section-index{color:var(--contact-muted)}.contact-section-slash{color:var(--contact-soft);font-size:12px}.contact-main{flex-direction:column;flex:1;padding:72px 0 48px;display:flex}.contact-heading{letter-spacing:-.075em;width:max-content;max-width:100%;color:var(--contact-heading);flex-direction:column;margin:0;font-size:clamp(4.6rem,8vw,8.2rem);font-weight:700;line-height:.86;display:flex}.contact-heading span{display:block}.contact-heading-offset{margin-left:clamp(40px,6vw,100px)}.contact-heading-last{margin-left:clamp(8px,1.7vw,28px)}.contact-description{width:min(590px,100%);margin-top:42px;margin-left:clamp(10px,8vw,130px)}.contact-description p{letter-spacing:-.025em;color:var(--contact-text);margin:0;font-size:21px;font-weight:600;line-height:1.42}.contact-description span{color:var(--contact-muted);margin-top:12px;font-size:14px;font-weight:500;line-height:1.55;display:block}.contact-details{border-top:1px solid var(--contact-line);grid-template-columns:1fr 1fr;gap:70px;width:min(900px,100%);margin-top:48px;margin-left:clamp(10px,8vw,130px);padding-top:21px;display:grid}.contact-detail{flex-direction:column;gap:14px;display:flex}.contact-detail-label{letter-spacing:.13em;text-transform:uppercase;color:var(--contact-muted);font-size:10px;font-weight:700}.contact-email{width:fit-content;color:var(--contact-heading);align-items:center;gap:10px;font-size:17px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .25s,gap .25s;display:inline-flex}.contact-email svg{opacity:.45;font-size:11px;transition:transform .25s,opacity .25s}.contact-email:hover{color:var(--contact-accent);gap:14px}.contact-email:hover svg{opacity:1;transform:translate(2px,-2px)}.contact-socials{flex-wrap:wrap;gap:22px;display:flex}.contact-socials a{color:var(--contact-heading);align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.contact-socials a>svg:first-child{font-size:15px}.contact-socials a>svg:last-child{opacity:.4;margin-left:2px;font-size:9px;transition:transform .25s}.contact-socials a:hover{color:var(--contact-accent);transform:translateY(-2px)}.contact-socials a:hover>svg:last-child{transform:translate(2px,-2px)}.contact-cta-wrap{margin-top:48px;margin-left:clamp(10px,8vw,130px)}.contact-cta{border:1px solid var(--contact-heading);width:300px;min-height:64px;color:var(--contact-heading);justify-content:space-between;align-items:center;padding:0 20px 0 23px;text-decoration:none;transition:color .3s,background-color .3s;display:inline-flex;position:relative;overflow:hidden}.contact-cta:before{content:"";background:var(--contact-heading);z-index:0;transition:transform .4s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(101%)}.contact-cta span{z-index:1;position:relative}.contact-cta>span:first-child{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:700}.contact-cta-arrow{font-size:20px;transition:transform .3s}.contact-cta:hover{color:var(--contact-bg)}.contact-cta:hover:before{transform:translateY(0)}.contact-cta:hover .contact-cta-arrow{transform:translate(4px,-4px)}.contact-footer{border-top:1px solid var(--contact-line);letter-spacing:.1em;text-transform:uppercase;color:var(--contact-muted);justify-content:space-between;align-items:center;padding-top:18px;font-size:10px;font-weight:700;display:flex}.contact-footer-left,.contact-footer-right{align-items:center;gap:14px;display:flex}.contact-footer-dot{color:var(--contact-accent);font-size:7px}@media (width<=900px){.contact-inner{width:calc(100% - 10vw);padding-top:120px}.contact-main{padding-top:65px;padding-bottom:40px}.contact-heading{font-size:clamp(4.3rem,9.5vw,6.8rem)}.contact-details,.contact-cta-wrap{margin-left:5vw}}@media (width<=768px){.contact-section{min-height:auto}.contact-background-number{font-size:24rem;top:9%;right:-13%}.contact-inner{width:calc(100% - 40px);min-height:auto;padding:95px 0 30px}.contact-top{padding-bottom:18px}.contact-section-label,.contact-section-context,.contact-section-index{font-size:10px}.contact-top-left{gap:9px}.contact-main{padding:65px 0 80px}.contact-heading{letter-spacing:-.075em;width:100%;font-size:clamp(3.65rem,15vw,5.5rem);line-height:.9}.contact-heading-offset{margin-left:8vw}.contact-heading-last{margin-left:2vw}.contact-description{width:100%;margin-top:42px;margin-left:0}.contact-description p{font-size:19px;line-height:1.45}.contact-description span{margin-top:12px;font-size:15px;line-height:1.55}.contact-details{grid-template-columns:1fr;gap:34px;width:100%;margin-top:45px;margin-left:0}.contact-email{font-size:16px}.contact-socials{gap:20px}.contact-cta-wrap{margin-top:42px;margin-left:0}.contact-cta{width:100%;min-height:66px}.contact-footer{flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px}.contact-footer-left,.contact-footer-right{flex-wrap:wrap;gap:10px}}@media (width<=480px){.contact-background-number{font-size:20rem;top:11%;right:-19%}.contact-inner{width:calc(100% - 36px);padding-top:82px}.contact-main{padding-top:58px;padding-bottom:70px}.contact-heading{font-size:3.55rem;line-height:.91}.contact-heading-offset{margin-left:7vw}.contact-description{margin-top:38px}.contact-description p{font-size:18px}.contact-description span{font-size:14px}.contact-details{gap:30px;margin-top:42px}.contact-detail{gap:13px}.contact-email,.contact-socials a{font-size:15px}.contact-cta-wrap{margin-top:40px}.contact-footer{font-size:9px}}@media (width<=360px){.contact-inner{width:calc(100% - 32px)}.contact-heading{font-size:3.15rem}.contact-description p{font-size:17px}.contact-email{font-size:14px}}@media (prefers-reduced-motion:reduce){.contact-section *,.contact-section :before,.contact-section :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio{color:#171614;background:#f6f3ee;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .45s,color .45s;overflow-x:clip}.contact-placeholder{width:100%;height:1px}.about-reading-marker .marker-line,.about-progress-track{display:none}html[data-theme=dark] .portfolio,html.dark .portfolio,body.dark .portfolio,body[data-theme=dark] .portfolio{color:#f1ede5;background:#11100f}