*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-page:#fffdf9;--surface-dark:#1a1714;--text-primary:#1a1714;--text-secondary:#1a1714;--text-tertiary:#877d74;--accent:#d4a03c;--accent-hover:#e8b94a;--border:#e8e6e2;--border-accent:#fae0b2;--font-display:"Bebas Neue", Georgia, serif;--font-body:"Barlow Condensed", Georgia, serif;--font-mono:"DM Mono", monospace;--ease-reveal:cubic-bezier(.22, 1, .36, 1);--container:1280px;--padding:56px}@media (width<=1023px){:root{--padding:42px}}@media (width<=767px){:root{--padding:28px}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}html:after{content:"";pointer-events:none;width:10px;top:0;bottom:0;right:calc((100vw - var(--container)) / 2 - 17px);background-image:repeating-linear-gradient(to bottom, transparent 0px, transparent 47px, color-mix(in srgb, var(--border-accent) 80%, black 10%) 48px), repeating-linear-gradient(to bottom, transparent 0px, transparent 7px, color-mix(in srgb, var(--border-accent) 80%, black 10%) 8px);background-position:0 0,0 0;background-repeat:repeat-y;background-size:12px 48px,6px 8px;position:fixed}body{background:var(--surface-page);font-family:var(--font-body);line-height:1.4;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.page-frame{max-width:var(--container);background:var(--surface-page);min-height:100vh;margin:0 auto;position:relative}@media (width>=1280px){.page-frame{border-right:1px solid var(--border-accent)}}@media (width>=1024px){.page-frame{align-items:flex-start;display:flex}}.main-content{overflow-x:hidden}@media (width>=1024px){.main-content{border-left:1px solid var(--border-accent)}}.main-content>section{--section-bg:var(--surface-page);--section-header-margin:56px;--section-inner-padding:var(--padding);--section-rule-bg:var(--border);--section-label-color:var(--text-secondary);--section-heading-color:var(--text-primary);--section-padding-inline:0;--section-padding-block:120px;color:var(--text-secondary);background:var(--section-bg);padding-block:var(--section-padding-block);position:relative}.main-content>section.dark{--section-bg:var(--surface-dark);--accent:#e9a014;--border:#322f2b;--border-accent:#d4a03c46;--text-primary:#f7f3ee;--text-secondary:#b1aa9c;--text-tertiary:#777268;--surface-dim:#221f1b;padding-block:var(--padding);background-image:repeating-linear-gradient(315deg,#f7f3ee08 0 1px,#0000 0 50%);background-size:10px 10px;background-attachment:fixed}@media (width>=1024px){.main-content>section.dark{margin-inline:15px}}.section-inner{padding-inline:var(--section-inner-padding)}.section-header{margin-bottom:var(--section-header-margin)}.section-header .label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--section-label-color);margin-bottom:40px;font-size:12px}.section-header .label:before{content:"";background:var(--section-rule-bg);height:1px;margin-bottom:8px;display:block}.section-header h2{font-family:var(--font-display);color:var(--section-heading-color);margin-left:-2px;font-size:clamp(36px,10vw,64px);font-weight:400;line-height:1}.section-header h2:after{content:"";background:var(--accent);width:48px;height:2px;margin-top:18px;display:block}.section-header h2 em{color:var(--accent)}.loader-overlay{z-index:9999;transition:opacity .65s var(--ease-reveal);background:#1a1714;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-fade{opacity:0;pointer-events:none}.loader-solar{width:190px;height:190px;position:relative}.loader-sun{width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.loader-sun-core{background:#d4a03c;border-radius:50%;animation:2.8s ease-in-out infinite sunCorePulse;position:absolute;inset:6px;box-shadow:0 0 10px #d4a03cb3,0 0 3px #d4a03c}.loader-sun-glow{background:radial-gradient(circle,#d4a03c24 0%,#d4a03c0a 50%,#0000 70%);border-radius:50%;animation:5s ease-in-out infinite sunPulse;position:absolute;inset:-20px}.loader-orbit{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-orbit-1{border:1px dashed #e8e6e259;width:64px;height:64px;animation:7s linear infinite orbitSpin}.loader-orbit-2{border:1px dashed #d4a03c59;width:116px;height:116px;animation:13s linear infinite orbitSpinReverse}.loader-dot{background:#e9a014;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 5px #e9a014b3}.loader-wordmark-svg{width:100%;height:100%;animation:24s linear infinite orbitSpin;position:absolute;inset:0;overflow:visible}.loader-wordmark-text{font-family:var(--font-mono,"DM Mono", monospace);fill:#e9a014;fill-opacity:.55;letter-spacing:.25em;text-transform:uppercase;font-size:10px}.nav{--nav-width:50px;width:var(--nav-width);background:color-mix(in srgb, var(--surface-page) 75%, transparent);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;height:100vh;display:flex;position:sticky;top:0;left:0;overflow-x:auto}.nav::-webkit-scrollbar{display:none}@media (width>=1024px){.nav{justify-content:center}}@media (width<=1023px){.nav{--nav-width:100%;height:65px;padding-inline:calc(var(--padding) - 15px);flex-direction:row}}.nav>a{text-orientation:mixed;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);padding:13px 15px;font-size:10px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}@media (width>=1024px){.nav>a{writing-mode:vertical-rl;transform:rotate(180deg)}}.nav>a.active,.nav>a:hover{color:var(--accent)}.footer{padding:20px var(--padding);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}@media (width<=767px){.footer{flex-direction:column;gap:5px}}.footer-nav{gap:20px;display:flex}.footer-nav>a{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-nav>a:hover{color:var(--accent)}.footer-text{align-items:center;gap:6px;display:flex}.footer-text svg{width:15px}.hero{min-height:100vh;padding:0 var(--padding);isolation:isolate;flex-direction:column;justify-content:center;gap:40px;display:flex;position:relative;padding-top:0!important}.hero-issue{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding-top:var(--padding);font-size:10px;line-height:2}.hero-avail{align-items:center;gap:7px;display:flex}.ticker-dot{background:#4caf50;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulse}.hero-content{z-index:2;margin-top:auto;position:relative}.hero-name{font-family:var(--font-display);color:var(--text-primary);font-variation-settings:"wght" 500;margin-left:-2px;font-size:clamp(56px,12vw,80px);font-weight:500;line-height:.82;transition:font-weight .35s,font-variation-settings .35s,color .35s;position:relative}.hero-name:hover{color:var(--accent)}.hero-tagline{font-family:var(--font-display);color:var(--text-primary);margin-top:auto;margin-bottom:-10px;font-size:28px}.hero-tagline em{color:var(--accent);font-style:normal}.hero-word-rotator{vertical-align:bottom;display:inline-block}.hero-word{display:inline-block}.hero-word.word-enter{animation:wordBlurIn 1.5s var(--ease-reveal) forwards}.hero-word.word-enter.word-exit{animation:wordBlurOut 1s var(--ease-reveal) forwards}@keyframes wordBlurIn{0%{opacity:0;filter:blur(12px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes wordBlurOut{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(0)}}@media (prefers-reduced-motion:reduce){@keyframes wordBlurIn{0%{opacity:0}to{opacity:1}}@keyframes wordBlurOut{0%{opacity:1}to{opacity:0}}}.hero-stats{background-color:color-mix(in srgb, var(--accent) 15%, transparent 85%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline:1px solid var(--border-accent);outline-offset:5px;align-items:center;gap:20px;padding:32px 32px 32px 40px;display:flex}@media (width>=1024px){.hero-stats{justify-content:space-between}}@media (width<=1023px){.hero-stats{flex-direction:column;padding:20px}}.hero-stats>ul{gap:48px;margin:0;padding:0;list-style:none;display:flex}@media (width<=767px){.hero-stats>ul{gap:32px}}.hero-stats>ul>li{text-align:center}.hero-stats>ul>li>span{margin-block:-8px;font-size:clamp(32px,5vw,48px);line-height:1;display:block}.hero-stats>ul>li>span>i{color:var(--accent);font-style:normal}.hero-stats>ul>li>small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:10px}@media (width<=767px){.hero-stats>ul>li:last-child{display:none}}@media (width<=480px){.hero-stats>ul>li:nth-last-of-type(2){display:none}}.hero-cta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--surface-dark);text-align:center;flex-shrink:0;padding:16px 32px;font-size:11px;font-weight:500;line-height:1;text-decoration:none;transition:background .3s,transform .15s;display:inline-block}@media (width<=1023px){.hero-cta{width:100%}}.hero-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.hero-scroll-cue{z-index:2;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;font-size:10px;animation:2.5s ease-in-out infinite scrollCueBob;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-scroll-cue svg{width:20px;height:20px;fill:var(--text-tertiary);display:block}@keyframes scrollCueBob{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(5px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes fadeIn{to{opacity:1}}.solar-system{pointer-events:none;z-index:-1;width:600px;height:600px;margin-block:auto;position:absolute;top:0;bottom:0;right:60px}@media (width<=1023px){.solar-system{opacity:.25;right:-30%}}.orbit{--orbit-size:150px;--orbit-animation-name:orbitSpin;--orbit-animation-duration:56s;--orbit-skill-text-aplha:40%;--orbit-skill-text-font-size:14px;--orbit-color-alpha:1;--orbit-color:var(--text-primary);--orbit-border:var(--border);border:1px dashed var(--orbit-border);width:var(--orbit-size);height:var(--orbit-size);opacity:var(--orbit-opacity);animation-name:var(--orbit-animation-name);animation-duration:var(--orbit-animation-duration);border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-2{--orbit-size:300px;--orbit-animation-name:orbitSpinReverse;--orbit-animation-duration:112s;--orbit-color:var(--accent);--orbit-border:var(--border-accent)}.orbit-3{--orbit-size:450px;--orbit-animation-duration:160s}.orbit-4{--orbit-size:600px;--orbit-animation-name:orbitSpinReverse;--orbit-animation-duration:232s;--orbit-color:var(--accent);--orbit-border:var(--border-accent)}.orbit-5{--orbit-size:750px;--orbit-animation-duration:340s;--orbit-color-alpha:.5}.orbit-6{--orbit-size:900px;--orbit-animation-name:orbitSpinReverse;--orbit-animation-duration:400s;--orbit-color:var(--accent);--orbit-border:var(--border-accent);--orbit-skill-text-font-size:12px;--orbit-color-alpha:.5}.orbit-text-svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.orbit-skill-text{font-family:var(--font-mono);font-size:var(--orbit-skill-text-font-size);letter-spacing:.1em;text-transform:uppercase;fill:var(--orbit-color);fill-opacity:var(--orbit-color-alpha);font-weight:500}.sun{width:60px;height:60px;margin:-30px 0 0 -30px;animation:25s linear infinite sunRotate;position:absolute;top:50%;left:50%}.sun-core{background:#d4a03c;border-radius:50%;animation:2.8s ease-in-out infinite sunCorePulse;position:absolute;inset:20px;box-shadow:0 0 8px #d4a03c99,0 0 2px #d4a03ce6}.sun-ring{border:1px dashed color-mix(in srgb, var(--accent) 30%, transparent 90%);border-radius:50%;animation:50s linear infinite sunRotate;position:absolute;inset:0}.sun-flare{--flare-delay:0s;--flare-duration:6.5s;--flare-bg:radial-gradient(circle, #d4a03c80 0%, #d48c1e26 45%, transparent 70%);background:var(--flare-bg);width:20px;height:20px;animation:solarFlare var(--flare-duration) ease-out infinite;animation-delay:var(--flare-delay);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.sun-flare-2{--flare-delay:2.2s;--flare-duration:8s;--flare-bg:radial-gradient(circle, #ffbe3266 0%, #d4a03c1a 50%, transparent 70%)}.sun-glow{background:radial-gradient(circle,#d4a03c1a 0%,#d4a03c08 50%,#0000 70%);border-radius:50%;animation:5s ease-in-out infinite sunPulse;position:absolute;inset:-24px}@keyframes orbitSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes orbitSpinReverse{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes sunCorePulse{0%,to{transform:scale(.75);box-shadow:0 0 8px #d4a03c99,0 0 2px #d4a03ce6}50%{transform:scale(1);box-shadow:0 0 18px #d4a03cd9,0 0 6px #d4a03c}}@keyframes sunRotate{to{transform:rotate(-360deg)}}@keyframes sunPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}}@keyframes solarFlare{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}10%{opacity:.7}60%{opacity:.15}to{opacity:0;transform:translate(-50%,-50%)scale(30)}}.about .section-header{--section-header-margin:32px;grid-area:header}@media (width>=1024px){.about-editorial{grid-template-columns:260px 1fr;grid-template-areas:"aside header""aside content";gap:0 56px;display:grid}}.about-text-col{grid-area:content}.about-text-col p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin-bottom:20px;font-size:20px;line-height:1.5}.about-text-col p:last-of-type{margin-bottom:30px}.about-aside{flex-direction:column;grid-area:aside;gap:30px;margin-bottom:30px;display:flex}@media (width<=1023px){.about-aside{flex-direction:row;align-items:flex-start;display:flex}}.about-portrait{aspect-ratio:3/4;border:1px solid var(--border-accent);width:100%;padding:8px;display:flex;position:relative}@media (width<=1023px){.about-portrait{max-width:200px}}@media (width<=767px){.about-portrait{display:none}}.about-portrait>img{width:100%}.about-facts{flex-direction:column;flex:auto;gap:16px;display:flex}.about-facts>li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.about-facts>li>small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.about-facts>li>span{font-family:var(--font-display);font-size:16px}.pull-quote{font-family:var(--font-display);color:var(--accent);border-left:4px solid var(--accent);margin-bottom:16px;padding:10px 0 10px 15px;font-size:clamp(24px,5vw,34px);line-height:1.15}.about-services{border-top:1px solid var(--border);flex-wrap:wrap;gap:11px;margin-top:32px;padding-top:24px;display:flex}.about-services>span{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;padding:6px 14px;font-size:10px;transition:all .25s}.about-services>span:hover{border-color:var(--accent);color:var(--accent)}.skills-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}@media (width<=1023px){.skills-layout{grid-template-columns:1fr;gap:0}}.skills-radar-wrap{justify-content:flex-end;align-items:center;display:flex}@media (width>=1024px){.skills-radar-wrap{transform-origin:100%;scale:1.15}}@media (width<=1023px){.skills-radar-wrap{width:100%;max-width:400px;margin:0 auto}}.skills-radar-wrap svg{transform-origin:50%;width:100%;transition:transform .6s var(--ease-reveal);overflow:visible}.radar-web{fill:none;stroke:var(--border);stroke-width:.5px}.radar-axis{stroke:var(--border);stroke-width:.5px}.radar-shape{fill:#d4a03c14;stroke:var(--accent);stroke-width:1px}.radar-dot{fill:var(--accent);transition:cx .8s var(--ease-reveal), cy .8s var(--ease-reveal), r .2s}.radar-dot:hover{r:6}.radar-label{font-family:var(--font-display);fill:var(--text-primary);text-transform:uppercase;text-anchor:middle;transition:opacity .3s ease, transform .6s var(--ease-reveal);font-size:12px;font-weight:500}.radar-label.left{text-anchor:end}.radar-label.right{text-anchor:start}.tag-group{margin-bottom:40px}.tag-group-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:500}.tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-list>li{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-primary);cursor:default;padding:7px 14px;font-size:12px;transition:all .25s}.tag-list>li.primary{background:#d4a03c0a;border-color:#d4a03c4d}.experience{--content-text-align:left;--content-col-order:0;--content-justify:flex-start;--content-helper-inset:0 -100px 0 auto}@media (width>=1024px){.experience{--tags-justify:flex-end}}.timeline{position:relative}@media (width>=1024px){.timeline{margin-top:-80px}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--border) 5%, var(--border) 95%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}}.timeline-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 100px;display:grid;position:relative}@media (width>=1024px){.timeline-row:before{content:"";outline-offset:0;background:var(--accent);z-index:2;border-radius:50%;outline:1px solid #0000;width:13px;height:13px;margin-block:auto;transition:background .3s,outline-offset .2s,outline-color .2s;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.timeline-row.right{--content-col-order:1;--content-justify:flex-end;--content-helper-inset:0 auto 0 -100px;--tags-justify:flex-start}}@media (width<=1023px){.timeline-row{grid-template-columns:1fr}}.timeline-row:hover:before{background:var(--accent);outline-offset:4px;outline-color:var(--border-accent)}.timeline-row:hover .timeline-thumbs>button{opacity:1}@media (width>=1024px){.timeline-row.left{--content-text-align:right;--card-number-inset:20px auto 0 22px}}.timeline-row .card{transition:all .3s var(--ease-reveal);text-align:var(--content-text-align);order:var(--content-col-order)}@media (width>=1024px){.timeline-row .card:after{content:"";inset:var(--content-helper-inset);background-color:var(--border);width:100px;height:1px;margin-block:auto;position:absolute}}.timeline-thumbs{align-items:center;gap:8px;justify-content:var(--content-justify);display:flex}@media (width<=1023px){.timeline-thumbs{--content-justify:center;padding-block:20px}}.timeline-thumbs>button{aspect-ratio:16/10;border:1px solid var(--border-accent);cursor:pointer;height:clamp(60px,6.75vw,80px);transition:border-color .3s, opacity .3s var(--ease-reveal);opacity:.5;background:0 0;flex-shrink:0;padding:5px;overflow:hidden}.timeline-thumbs>button img{object-fit:cover;width:100%;height:100%;display:block}.timeline-thumbs>button:hover{border-color:var(--accent)}.voices{overflow:hidden}.voices-slider{--slider-gap:24px}.voice-card{scroll-snap-align:start;border:1px solid var(--border);flex-direction:column;flex:0 0 calc(50% - 12px);padding:32px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.voice-card:hover{border-color:#d4a03c40;box-shadow:0 4px 24px #1a17140a}.voice-card:hover .voice-number{color:#d4a03c0f}.voice-quote{font-family:var(--font-display);color:var(--text-primary);isolation:isolate;flex:1;margin-bottom:24px;font-size:clamp(26px,3vw,36px);font-style:italic;line-height:1.1;position:relative}.voice-quote:before{content:"“";color:var(--accent);opacity:.25;z-index:-1;font-size:300px;font-style:normal;line-height:1;position:absolute;top:-40px;right:-20px}.voice-footer{border-top:1px solid var(--border-accent);justify-content:space-between;align-items:flex-end;margin-bottom:-5px;padding-top:16px;display:flex}.voice-author{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-weight:500}.voice-role{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);font-size:12px}.voice-project-ref{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.6;font-size:10px}.contact{padding:0;overflow:hidden}.contact-inner{color:var(--text-primary);grid-template-columns:1fr 1fr;gap:50px;display:grid}@media (width<=1023px){.contact-inner{grid-template-columns:1fr}}.contact-subtext{font-family:var(--font-body);color:#f7f3ee8c;margin-bottom:56px;font-size:17px;line-height:1.65}@media (width<=767px){.contact-subtext{margin-bottom:32px}}.contact-stats{justify-content:space-between;gap:20px;margin:0;padding:0;list-style:none;display:flex}.contact-stats>li{align-items:flex-end;gap:10px;display:flex}.contact-stats>li>span{font-family:var(--font-display);font-size:clamp(40px,7vw,80px);font-weight:400;line-height:.6}.contact-stats>li>span>i{color:var(--accent);font-style:normal}.contact-stats>li>small{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;position:relative;rotate:180deg}.contact-socials{flex-wrap:wrap;gap:24px;margin-top:auto;margin-bottom:-5px;font-size:12px;display:flex}@media (width<=1023px){.contact-socials{display:none}}.contact-socials>a{letter-spacing:.12em;text-transform:uppercase;color:#f7f3ee66;text-decoration:none;transition:color .3s;position:relative}.contact-socials>a:hover{color:var(--accent)}.contact-socials>a:hover:after{width:100%}.contact-socials>a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease-reveal);position:absolute;bottom:-3px;left:0}.contact-left{flex-direction:column;display:flex}.contact-right{background:var(--surface-dim);border:1px solid var(--border);padding:var(--padding)}.form-heading{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;font-size:32px}.form-field{margin-bottom:28px}.form-field label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;font-size:12px;display:block}.form-field input,.form-field textarea{border:none;border:1px solid color-mix(in srgb, var(--border) 90%, white);width:100%;font-family:var(--font-body);color:var(--text-primary);resize:none;background:0 0;outline:none;padding:10px 12px;font-size:16px;transition:border-color .3s}:is(.form-field input,.form-field textarea):focus{border-color:var(--accent)}.form-field textarea{height:100px}.form-field.has-error input,.form-field.has-error textarea{border-color:#c0392b}.form-field .field-error{font-family:var(--font-mono);letter-spacing:.05em;color:#c0392b;min-height:1em;margin-top:6px;font-size:11px;display:none}.form-field .field-error.visible{display:block}.submit-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--surface-dark);cursor:pointer;border:none;width:100%;margin-top:8px;padding:16px 36px;font-size:14px;font-weight:500;transition:background .3s,transform .15s}.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.form-note{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:30px;font-size:14px}.slider{--slider-gap:24px;--slider-control-gap:15px;--slider-nav-padding:var(--padding);gap:var(--slider-control-gap);flex-direction:column;display:flex}.slider-items{scrollbar-width:none;gap:var(--slider-gap);padding:0 var(--slider-gap);scroll-padding-left:var(--slider-gap);margin-bottom:calc(var(--slider-gap) - var(--slider-control-gap));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;position:relative;overflow-x:auto}.slider-items::-webkit-scrollbar{display:none}.slider-item{flex-shrink:0;overflow:hidden}.slider-item>img{object-fit:cover;width:100%;height:100%;display:block}.slider-controls{padding-inline:var(--slider-nav-padding);align-items:center;gap:16px;display:flex}.slider-btn{border:1px solid var(--border);background:var(--surface-dim);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:16px;transition:border-color .3s,color .3s;display:flex}.slider-btn:hover{border-color:var(--accent);color:var(--accent)}.slider-btn>svg{width:15px}.slider-progress{background:var(--border);flex:1;height:1px;position:relative}.slider-progress-fill{background:var(--accent);width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.slider-count{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;font-size:11px}@media (width<=767px){.slider-count{display:none}}.modal{z-index:900;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-reveal);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal.is-open{pointer-events:all;opacity:1}.modal.is-open .modal-panel{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0908d1;position:absolute;inset:0}.modal-panel{z-index:1;background:var(--surface-dark);width:100%;max-width:880px;max-height:90vh;transition:transform .45s var(--ease-reveal);outline:1px solid var(--border-accent);outline-offset:10px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(24px)}.modal-close{z-index:2;border:1px solid var(--border);width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:border-color .25s,color .25s;display:flex;position:absolute;top:15px;right:15px}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-scroll{scrollbar-width:none;flex:1;min-height:0;padding:48px;overflow-y:auto}.modal-scroll::-webkit-scrollbar{display:none}@media (width<=767px){.modal-scroll{padding:28px}}.modal-header{margin-bottom:32px;position:relative}.modal-number{font-family:var(--font-display);color:var(--surface-dim);pointer-events:none;font-size:100px;line-height:1;position:absolute;top:-5px;right:0}.modal-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);z-index:1;margin-left:-2px;font-size:clamp(48px,7vw,58px);font-weight:400;line-height:.9;position:relative}.modal-metrics{text-align:center;border-top:0;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 0;padding:0;list-style:none;display:grid}@media (width<=767px){.modal-metrics{grid-template-columns:repeat(2,1fr)}}.modal-metrics>li{padding:24px 0;background-color:var(--surface-dim);flex-direction:column;gap:6px;padding-inline:24px;display:flex}.modal-metrics>li>span{font-family:var(--font-display);color:var(--accent);justify-content:center;align-items:center;margin-bottom:-8px;font-size:clamp(32px,8vw,48px);line-height:1;display:flex}.modal-metrics>li>span>sup{font-size:24px}.modal-metrics>li>small{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px}@media (width<=767px){.modal-metrics>li:last-of-type{display:none}}.modal-preview{border:1px solid var(--border);margin-bottom:40px;padding:10px}.modal-slider{--slider-gap:0;--slider-nav-padding:0}.modal-content>p{margin-bottom:30px}.modal-section-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.modal-tech{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.modal-tech-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:5px 10px;font-size:10px}.modal-footer{border-top:1px solid var(--border);padding-top:28px}.modal-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:11px;text-decoration:none;display:inline-flex;position:relative}.modal-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease-reveal);position:absolute;bottom:-2px;left:0}.modal-link:hover:after{width:100%}.modal-link svg{flex-shrink:0}:root{--card-number-inset:20px 22px 0 auto;--card-padding:32px}.card{scroll-snap-align:start;background:var(--surface-dim);border:1px solid var(--border);padding:var(--card-padding);flex-direction:column;flex:0 0 min(420px,80vw);width:100%;transition:border-color .3s,background .3s;display:flex;position:relative}.card:hover{background:#26221f;border-color:#d4a03c40}.card-number{font-family:var(--font-display);color:#d4a03c14;inset:var(--card-number-inset);pointer-events:none;font-size:80px;line-height:1;transition:color .3s;position:absolute}.card-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:12px}.card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:-5px 0 10px;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:.9}.card-subtitle{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:12px;font-size:14px}.card-desc{font-family:var(--font-body);color:#f7f3ee99;flex:1;margin-bottom:20px;line-height:1.6}.card-img{aspect-ratio:16/10;background:var(--surface-dim);border:1px solid var(--border-accent);width:100%;margin-top:5px;margin-bottom:20px;padding:8px;display:flex;position:relative}.card-img>img{width:100%}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px;display:flex}.card-tags{gap:6px;justify-content:var(--tags-justify);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.card-tags>li{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border-accent);color:var(--accent);text-transform:uppercase;padding:8px 10px;font-size:10px;line-height:1}.card-tech{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.card-tech>li{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.card-tech>li+li:before{content:".";margin-right:4px;font-size:12px;position:relative;bottom:2px}@media (width<=1280px){.card-tech>li:last-child{display:none}}@media (width<=1023px){.card-tech>li:nth-last-of-type(2){display:none}}.card-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:11px;text-decoration:none;display:flex;position:relative}.card-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .5s var(--ease-reveal);position:absolute;bottom:-2px;left:0}.card-link:hover:after{width:100%}.card-link>svg{width:10px}.scroll-progress{z-index:200;cursor:default;place-items:center;width:49px;height:55px;transition:transform .2s;display:grid;position:absolute;top:0;left:0}@media (width>=1024px){.scroll-progress{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff80}}@media (width<=1023px){.scroll-progress{left:auto;right:var(--padding);margin-right:-10px;top:8px}}@media (width<=767px){.scroll-progress{display:none}}.scroll-progress>svg{width:40px}.scroll-progress.clickable{cursor:pointer}.scroll-progress.clickable:hover .fill-circle{fill:#fae0b28c}.scroll-progress.at-end .scroll-progress-num{opacity:0}.scroll-progress.at-end .arrow-up{opacity:1;scale:1}.scroll-progress .track{fill:none;stroke:#1a171414;stroke-width:2px}.scroll-progress .fill-circle{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .15s;transform:rotate(-90deg)}.scroll-progress .arrow-up{opacity:0;color:var(--accent);width:18px;transition:opacity .2s;position:absolute;scale:.5}.scroll-progress-text{font-family:var(--font-mono);color:var(--text-secondary);justify-content:center;align-items:center;font-size:10px;transition:color .2s;display:flex;position:absolute;inset:0}.scroll-progress-num{transition:opacity .2s}.tweet-strip{background:var(--surface-page);border-right:1px solid var(--border-accent);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;width:40px;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.tweet-strip:hover .tweet-track{animation-play-state:paused}@media (width<=1023px){.tweet-strip{display:none}}.tweet-strip-scroll{flex:1;width:100%;position:relative;overflow:hidden}.tweet-track{flex-direction:column;gap:24px;padding:20px 0;animation:100s linear infinite tweetScroll;display:flex}.tweet-item{writing-mode:vertical-rl;font-family:var(--font-mono);color:var(--accent);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 8px;font-size:10px;line-height:1.4;transition:color .3s;display:flex;transform:rotate(180deg)}.tweet-item:hover{color:var(--accent-hover)}.tweet-date{color:var(--text-secondary);font-size:10px;display:block}@keyframes tweetScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;filter:blur(4px);transition:opacity .85s var(--ease-reveal), transform .85s var(--ease-reveal), filter .85s var(--ease-reveal);transform:translateY(20px)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}}