@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1fxkn-ggzj93z.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0b0b0c;--bg-2:#131315;--fg:#f2efe9;--muted:#8d8b86;--line:#f2efe91f;--accent:#d4ff3a;--font-display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, sans-serif;--pad:clamp(20px, 4vw, 64px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:#000}.display{font-family:var(--font-display);letter-spacing:-.04em;font-weight:700;line-height:.9}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:28px;height:1px}.section{padding:clamp(100px, 16vh, 220px) var(--pad);position:relative}.grain{z-index:90;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.preloader{z-index:200;pointer-events:none;position:fixed;inset:0}.pl__panel{background:var(--bg);height:50.2%;position:absolute;left:0;right:0}.pl__panel--top{border-bottom:2px solid var(--accent);top:0}.pl__panel--bot{border-top:2px solid var(--accent);bottom:0}.pl__content{z-index:2;padding:var(--pad);grid-template-rows:auto 1fr auto auto;display:grid;position:absolute;inset:0}.pl__top{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px}.pl__name{flex-wrap:wrap;align-self:center;gap:0 .28em;font-size:clamp(34px,9.2vw,170px);line-height:.95;display:flex}.pl__word{display:inline-flex}.pl__mask{padding-bottom:.08em;display:inline-block;overflow:hidden}.pl__char{display:inline-block}.pl__bot{color:var(--accent);font-size:clamp(48px,9vw,150px);line-height:1}.pl__bot small{margin-left:4px;font-size:.4em}.pl__bar{background:var(--line);height:2px;margin-top:14px}.pl__bar i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cursor,.cursor-ring{z-index:150;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.cursor{background:var(--accent);width:8px;height:8px;margin:-4px 0 0 -4px}.cursor-ring{letter-spacing:.1em;text-transform:uppercase;color:#000;border:1px solid #f2efe980;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:11px;display:grid}.cursor-ring.is-active{background:var(--accent);border-color:var(--accent)}@media (pointer:coarse){.cursor,.cursor-ring{display:none}}.nav{z-index:80;padding:22px var(--pad);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-family:var(--font-display);letter-spacing:-.03em;font-size:20px;font-weight:800}.nav__links{gap:clamp(16px,3vw,40px);font-size:14px;display:flex}.nav__links a{padding:4px 0;position:relative}.nav__links a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.7,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.progress{background:var(--accent);transform-origin:0;z-index:100;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}@media (max-width:700px){.nav__links a:not(:last-child){display:none}}.hero{min-height:100svh;padding:0 var(--pad);flex-direction:column;justify-content:flex-end;padding-bottom:clamp(32px,6vh,72px);display:flex;position:relative;overflow:hidden}.hero__orb{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#d4ff3a38,#d4ff3a00 60%);border-radius:50%;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;position:absolute;top:40%;left:50%}.hero__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:8vw 8vw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 40%,#000 0%,#0000 70%)}.hero__bg,.hero__gl{pointer-events:none;z-index:1;position:absolute;inset:0}.hero__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero__top{z-index:3;top:96px;left:var(--pad);right:var(--pad);color:var(--muted);justify-content:space-between;font-size:13px;display:flex;position:absolute}.hero__status{align-items:center;gap:10px;display:inline-flex}.hero__status i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #d4ff3a99}@keyframes pulse{70%{box-shadow:0 0 0 10px #d4ff3a00}to{box-shadow:0 0 #d4ff3a00}}.hero__title{letter-spacing:-.045em;z-index:2;font-size:clamp(52px,10.4vw,190px);font-weight:500;line-height:1.02;position:relative}.hero__title .line{margin-bottom:-.08em;display:block}.hero__title .line--outline{color:var(--accent);font-weight:300}.hero__bottom{z-index:2;border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(24px,4vh,48px);padding-top:24px;display:flex;position:relative}.hero__role{max-width:28ch;font-size:clamp(16px,1.6vw,22px)}.hero__scroll{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:12px;display:inline-flex}.hero__scroll span{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.hero__scroll span:after{content:"";background:var(--accent);animation:1.8s cubic-bezier(.7,0,.2,1) infinite drip;position:absolute;inset:0}@keyframes drip{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.about__grid{grid-template-columns:minmax(260px,.8fr) 1.7fr;align-items:start;gap:clamp(32px,6vw,96px);margin-top:40px;display:grid}.about__photo{max-width:420px;margin:0;position:sticky;top:14vh}.about__frame{aspect-ratio:4/5;background:var(--accent);border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden}.about__img{object-fit:cover;object-position:50% 30%;filter:grayscale()contrast(1.08)brightness(1.05);mix-blend-mode:multiply;width:100%;height:100%;display:block}.about__color{object-fit:cover;object-position:50% 30%;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%), #000 62%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%), #000 62%, transparent 100%);mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%), #000 62%, transparent 100%);pointer-events:none;display:block;position:absolute;inset:0}.about__badge{width:116px;height:116px;color:var(--fg);background:var(--bg);font-family:var(--font-body);border-radius:50%;padding:4px;font-weight:600;position:absolute;bottom:-34px;right:-34px}.about__text{font-family:var(--font-display);letter-spacing:-.03em;max-width:24em;font-size:clamp(24px,3.3vw,54px);font-weight:600;line-height:1.14}@media (max-width:800px){.about__grid{grid-template-columns:1fr}.about__photo{max-width:320px;position:relative;top:0}}.about__text .word{opacity:.14;display:inline-block}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(64px,10vh,140px);display:grid}.stat{padding-top:28px}.stat__num{color:var(--accent);font-size:clamp(56px,9vw,150px)}.stat__label{color:var(--muted);margin-top:8px;font-size:14px}@media (max-width:700px){.stats{grid-template-columns:1fr}}.skillgroups{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:clamp(80px,12vh,160px);display:grid}.skillgroup h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:22px}.skillgroup li{color:var(--muted);border-bottom:1px solid var(--line);padding:7px 0;list-style:none;transition:color .3s,padding-left .3s}.skillgroup li:hover{color:var(--accent);padding-left:8px}@media (max-width:1000px){.skillgroups{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.skillgroups{grid-template-columns:1fr}}.projects__head{padding:0 var(--pad)}.projects__title{margin-top:20px;font-size:clamp(48px,9vw,150px)}.stack{padding:0 var(--pad);margin-top:clamp(48px,8vh,96px)}.pcard{background:var(--bg-2);border:1px solid var(--line);transform-origin:50% 0;border-radius:28px;grid-template-columns:1fr 1.1fr;height:78vh;min-height:460px;margin-bottom:8vh;display:grid;position:sticky;top:10vh;overflow:hidden}.pcard__info{flex-direction:column;justify-content:space-between;padding:clamp(24px,3.4vw,56px);display:flex}.pcard__n{color:var(--accent);letter-spacing:.1em;font-size:14px}.pcard__title{margin:16px 0;font-size:clamp(36px,5vw,84px)}.pcard__kind{color:var(--muted);font-size:14px}.pcard__text{color:#bdbab3;max-width:36ch;margin-top:20px}.pcard__link{color:var(--accent);border-bottom:1px solid var(--accent);margin-bottom:8px;font-weight:500;display:inline-block}.pcard__visual{position:relative;overflow:hidden}.pcard__bg{will-change:transform;position:absolute;inset:-10%}.pcard__shape{mix-blend-mode:screen;filter:blur(2px);opacity:.85;border-radius:50%;position:absolute}.pcard__year{color:#ffffffe6;mix-blend-mode:overlay;font-size:clamp(60px,9vw,150px);position:absolute;bottom:12px;right:28px}@media (max-width:800px){.pcard{grid-template-rows:auto 38%;grid-template-columns:1fr;height:82vh}}.certs__title{margin-top:20px;font-size:clamp(48px,9vw,150px)}.certs__next{grid-template-columns:1fr 1fr;gap:24px;margin-top:clamp(48px,8vh,96px);display:grid}.ccard{border:1px solid var(--accent);background:radial-gradient(circle at 90% 0,#d4ff3a29,#0000 55%);border-radius:28px;flex-direction:column;justify-content:space-between;min-height:340px;padding:clamp(24px,3vw,48px);display:flex;position:relative;overflow:hidden}.ccard__status{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;display:inline-flex}.ccard__status i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.ccard__name{margin:24px 0 8px;font-size:clamp(56px,8vw,130px)}.ccard__issuer{color:var(--muted);font-size:14px}.ccard__text{color:#bdbab3;max-width:40ch;margin-top:20px}.certs__done{margin-top:clamp(48px,8vh,96px)}.certs__done .edu__row{grid-template-columns:1.4fr 1fr auto}@media (max-width:800px){.certs__next{grid-template-columns:1fr}}.edu__list{margin-top:48px}.edu__row{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr auto;align-items:baseline;gap:24px;padding:28px 0;transition:padding .4s,color .4s;display:grid}.edu__row:last-child{border-bottom:1px solid var(--line)}.edu__row:hover{color:var(--accent);padding-left:16px}.edu__row h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(20px,2.4vw,36px)}.edu__row span{color:var(--muted);font-size:14px}@media (max-width:700px){.edu__row{grid-template-columns:1fr;gap:6px}}.contact{min-height:100svh;color:var(--cream,#f2efe9);padding:clamp(80px, 12vh, 140px) var(--pad) 32px;background:radial-gradient(70% 60% at 50% 45%,#0606078c,#0606071a 80%);flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.contact .eyebrow{color:#f2efe9b3}.contact .eyebrow:before{background:var(--accent)}.contact__big{letter-spacing:-.045em;color:var(--cream,#f2efe9);margin:32px 0;font-size:clamp(52px,min(12vw,19vh),230px);font-weight:300;line-height:1}.contact__big .line{display:block}.contact__mail{font-family:var(--font-display);letter-spacing:-.03em;border-bottom:2px solid var(--accent);word-break:break-all;font-size:clamp(22px,3.4vw,54px);font-weight:600;display:inline-block}.contact__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.magnetic{background:var(--accent);color:#0b0b0c;letter-spacing:.08em;text-transform:uppercase;border-radius:50%;place-items:center;width:150px;height:150px;font-size:14px;display:inline-grid}.footer{color:#f2efe9b3;border-top:1px solid #f2efe940;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:20px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){.grain,.hero__status i,.hero__scroll span:after{animation:none}}@media (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}}.burst{background:var(--accent);pointer-events:none;z-index:160;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:fixed;top:0;left:0}.dots{z-index:70;mix-blend-mode:difference;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.dots button{background:0 0;border:1px solid #fff;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .4s cubic-bezier(.7,0,.2,1),background .3s}.dots button:hover{transform:scale(1.6)}.dots button.is-on{background:#fff;transform:scale(1.5)}@media (max-width:900px){.side,.dots{display:none}}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px}.hero__role{min-height:3.1em}.hero__label{letter-spacing:.04em;color:var(--fg);opacity:0;white-space:nowrap;will-change:transform, opacity;align-items:center;gap:10px;font-size:13px;display:inline-flex;position:absolute;top:0;left:0}.hero__label:before{content:"";background:var(--accent);width:28px;height:1px}.hero__label b{color:var(--accent);font-size:11px;font-weight:500}.exp__layout{grid-template-columns:minmax(240px,4fr) 8fr;align-items:start;gap:clamp(32px,6vw,120px);display:grid}.exp__side{position:sticky;top:18vh}.exp__title{margin-top:20px;font-size:clamp(40px,6vw,96px)}.exp__count{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);margin-top:40px;font-size:clamp(48px,6vw,88px);line-height:1}.exp__count small{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:.35em}.exp__list{padding-left:clamp(28px,4vw,64px);position:relative}.exp__line{background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:0}.exp__line i{background:var(--accent);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.xitem{padding:0 0 clamp(56px,10vh,120px);position:relative}.xitem:last-child{padding-bottom:0}.xitem__dot{background:var(--bg);border:1px solid var(--muted);border-radius:50%;width:11px;height:11px;transition:background .4s,border-color .4s,box-shadow .4s;position:absolute;top:8px;left:calc(-1*clamp(28px,4vw,64px) - 5px)}.xitem.is-on .xitem__dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #d4ff3a26}.xitem__period{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px}.xitem__company{font-family:var(--font-display);letter-spacing:-.03em;margin:12px 0 8px;font-size:clamp(32px,4vw,60px);line-height:1.05}.xitem__role{font-size:17px}.xitem__place{color:var(--muted);margin-top:2px;font-size:14px}.xitem__text{max-width:56ch;color:var(--muted);margin-top:18px;line-height:1.6}.skillgroup__line{background:var(--accent);transform-origin:0;height:1px;margin-bottom:20px;display:block}.skillgroup{border-top:0;padding-top:0}.skills__lead{max-width:52ch;color:var(--muted);margin-top:24px;line-height:1.6}.skillgroups{margin-top:clamp(48px,8vh,96px)}@media (max-width:900px){.exp__layout{grid-template-columns:1fr}.exp__side{position:static}.exp__count{display:none}}.tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.hero{padding:0;display:block}.hero__stage{z-index:2;padding:0 var(--pad) clamp(32px, 6vh, 72px);will-change:transform, opacity;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.hero__stage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0c0c0d8c,#0c0c0d00 35% 55%,#0c0c0db3);position:absolute;inset:0}.journey__ui{z-index:3;pointer-events:none;opacity:0;position:absolute;inset:0}.journey__cap{left:var(--pad);max-width:min(460px, calc(100% - var(--pad) * 2));visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#0c0c0d8c;border-radius:20px;padding:24px 26px;position:absolute;bottom:clamp(72px,14vh,140px)}.journey__n{letter-spacing:.16em;color:var(--accent);font-size:12px}.journey__title{margin:10px 0 8px;font-size:clamp(34px,4.6vw,72px);line-height:1}.journey__lead{color:var(--accent);font-size:clamp(17px,1.5vw,22px)}.journey__text{color:var(--muted);margin-top:12px;line-height:1.55}.journey__cap .tags{margin-top:18px}.journey__bar{left:var(--pad);right:var(--pad);background:var(--line);height:1px;position:absolute;bottom:28px}.journey__bar i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hero__top{position:absolute}.journey__cap{-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0a0a0be6;border-color:#f2efe929;box-shadow:0 24px 80px #0009}.journey__title{color:#fff}.journey__text{color:#f2efe9d1}.journey__cap .tag{color:#f2efe9d9;border-color:#f2efe940}.world{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0}main{z-index:1;position:relative}main>.section{background:linear-gradient(#0b0b0c00 0,#0b0b0c80 14% 86%,#0b0b0c00 100%)}.contact__copy{color:var(--cream,#f2efe9);letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-left:18px;font-size:12px}.hero__stage .hero__top{top:clamp(84px,12vh,120px);left:var(--pad);right:var(--pad);position:absolute}.contact__big .line:last-child{color:var(--accent);font-weight:500}.totop{z-index:80;width:44px;height:44px;color:var(--cream,#f2efe9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0b0b0cb3;border:1px solid #f2efe940;border-radius:50%;place-items:center;transition:opacity .4s,transform .4s,background .3s,color .3s;display:grid;position:fixed;bottom:22px;right:18px;transform:translateY(12px)}.totop.is-on{opacity:1;pointer-events:auto;transform:none}.totop:hover{background:var(--accent);color:#0b0b0c}