:root{
  color-scheme:dark;
  --bg:#050505;--text:#f2f2f2;--muted:#868686;--muted-2:#626262;
  --line:#262626;--surface:#141414;--surface-2:#1a1a1a;
  --accent:#b0a3ff;--shell:1376px;
  --font:Inter,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #cfc6ff;outline-offset:5px}
button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#bbb0ff;color:#0b0b0b}
.shell{width:calc(100% - 72px);max-width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;z-index:300;top:-70px;left:12px;background:#fff;color:#000;padding:12px 18px;border-radius:7px}
.skip-link:focus{top:12px}
.page-progress{position:fixed;top:0;left:0;width:0;height:2px;z-index:201;background:#ddd5ff;pointer-events:none}
.site-header{position:relative;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:75px;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.brand-symbol{position:relative;display:inline-grid;place-items:center;width:23px;height:23px;transform:rotate(-26deg)}
.brand-symbol span{position:absolute;width:10px;height:10px;border-radius:3px;background:#f3f3f3}
.brand-symbol span:nth-child(1){left:1px;top:1px;background:#ddd8ff}
.brand-symbol span:nth-child(2){right:1px;top:1px;background:#8e82fc}
.brand-symbol span:nth-child(3){left:1px;bottom:1px;background:#a7ecdf}
.brand-symbol span:nth-child(4){right:1px;bottom:1px;background:#f6f2f4}
.brand-name{font-size:17px;font-weight:730;letter-spacing:-.85px}
.brand-name span,.footer-brand span{color:#b0a3ff}
.nav{display:flex;align-items:center;gap:32px;margin-left:24px;margin-right:auto}
.nav a,.header-meta{font-size:11px;color:#8e8e8e;transition:color .2s}
.nav a:hover,.nav a.is-active{color:#f4f4f4}
.header-actions{display:flex;align-items:center;gap:16px}
.header-meta{font-family:var(--mono);font-size:10px;letter-spacing:-.15px}
.header-link{font-size:11px;font-weight:650;background:#efefef;color:#070707;border-radius:99px;padding:10px 17px;white-space:nowrap;transition:transform .2s,background .2s}
.header-link:hover{transform:translateY(-2px);background:#d7d7d7}.header-link span{margin-left:9px}

.hero{padding-top:118px}
.eyebrow,.section-eyebrow{font:500 10px/1.4 var(--mono);letter-spacing:.065em;color:#a2a2a2}
.hero-kicker{display:flex;align-items:center;gap:11px}
.eyebrow-pulse,.tiny-status-dot{display:inline-block;height:7px;width:7px;background:#bcb1ff;border-radius:50%;box-shadow:0 0 12px #a297ff60;flex-shrink:0}
.kicker-sep{color:#4f4f4f}
.hero-title-wrap{margin-top:56px}
.hero-title{margin:0;font-weight:430;letter-spacing:-.076em;line-height:1.112;font-size:clamp(48px,6.5vw,110px)}
.title-line{display:block;white-space:nowrap}.title-muted{color:#747474}
.selection-wrap{position:relative;display:inline-block;white-space:nowrap;vertical-align:baseline;margin-left:.05em}
.selected-word{display:inline-block;background:transparent;border:1px solid #9c9c9c;padding:.005em .08em .018em;margin:0;color:#f3f3f3;letter-spacing:inherit;line-height:1.06;font-size:inherit;font-weight:inherit;cursor:pointer;transition:background .25s,border-color .25s;white-space:nowrap}
.selected-word:hover{background:#191821;border-color:#cdc5ff}
.corner{width:5px;height:5px;background:#0c0c0c;border:1px solid #e4e0ff;position:absolute;pointer-events:none}
.corner-tl{top:-3px;left:-3px}.corner-tr{top:-3px;right:-3px}.corner-bl{bottom:-3px;left:-3px}.corner-br{bottom:-3px;right:-3px}

.hero-bottom{margin-top:70px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.hero-bottom p{color:#a3a3a3;font-size:14px;line-height:1.7;max-width:380px;margin:0}
.hero-buttons,.contact-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;white-space:nowrap;min-height:43px;border-radius:100px;font-size:12px;padding:0 19px;font-weight:650;transition:transform .2s,background .2s,border-color .2s}
.pill:hover{transform:translateY(-3px)}.pill-light{background:#f6f6f6;color:#0b0b0b;border:1px solid #f6f6f6}.pill-light:hover{background:#d8d8d8;border-color:#d8d8d8}
.pill-outline{border:1px solid #333;color:#ededed}.pill-outline:hover{border-color:#888;background:#151515}
.hero-divider{border-bottom:1px solid #1b1b1b;margin-top:66px}

.workbench-section{padding-top:27px}
.workbench{border:1px solid #363636;border-radius:13px;overflow:hidden;background:#151515;box-shadow:0 20px 90px #0004}
.wb-titlebar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#202020;border-bottom:1px solid #292929;gap:15px}
.wb-titlebar-left,.wb-titlebar-right{display:flex;align-items:center;gap:13px;font:10px var(--mono);white-space:nowrap}
.wb-titlebar-left strong{font-weight:650;font-size:10px}.wb-titlebar-right{gap:6px}.wb-project-count{color:#7b7b7b;font-size:9px;letter-spacing:.05em}
.wb-window-dot{height:7px;width:7px;border:1px solid #666;border-radius:2px;opacity:.8}
.wb-menu-icon{display:flex;flex-direction:column;gap:3px}.wb-menu-icon span{width:10px;height:1px;background:#999}
.wb-body{display:grid;grid-template-columns:247px minmax(0,1fr);height:498px}
.wb-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid #282828;background:#1b1b1b;padding:0 12px}
.wb-sidebar-top{display:flex;align-items:center;color:#858585;font:10px var(--mono);letter-spacing:.05em;padding:21px 11px 18px}
.wb-sidebar-label{margin:0 0 13px 8px;color:#bebebe;font-size:11px}.sidebar-chevron{color:#aaa;margin-right:6px}
.project-picker{display:grid;gap:5px}
.project-pick{background:transparent;border:1px solid transparent;border-radius:6px;text-align:left;color:#8a8a8a;padding:11px 10px;display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0;transition:background .2s,border-color .2s,color .2s}
.project-pick:hover{background:#242424;color:#e9e9e9}
.project-pick.is-selected{background:#2b2b2b;border-color:#414141;color:white}
.pick-indicator{width:20px;flex:0 0 20px;display:block;color:#656565;font:10px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:center}
.project-pick.is-selected .pick-indicator{color:var(--project-color,#b0a3ff)}
.pick-copy{display:grid;gap:3px;min-width:0}.pick-name{font-size:12px;font-weight:650;letter-spacing:-.2px}.pick-subtitle{font-size:10px;color:#797979;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-pick.is-selected .pick-subtitle{color:#aaa}
.wb-sidebar-bottom{margin-top:auto;border-top:1px solid #343434;padding:19px 9px 18px}
.terminal-line{font:10px/1.5 var(--mono);color:#929292}.terminal-prompt{color:#c1b7ff;margin-right:5px}.terminal-caret{display:inline-block;width:5px;height:10px;background:#a69aff;margin-left:4px;vertical-align:middle;animation:blink 1.3s steps(1) infinite}
.wb-sidebar-path{font:9px var(--mono);color:#5f5f5f;margin-top:12px}
.wb-viewport{position:relative;min-width:0;background:#101010;display:flex;flex-direction:column}
.wb-toolbar{height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282828;background:#1c1c1c;padding:0 20px;flex-shrink:0}
.wb-tabs{display:flex;align-items:center;gap:15px;font:10px var(--mono);color:#bdbdbd}.wb-tabs .wb-tab-active{color:#eaeaea}
.wb-canvas{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 37%,#232229 0,#131316 42%,#0d0d0f 76%);--project-color:#b0a3ff}
.wb-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(8,8,9,.92),transparent 58%)}
.canvas-grid{position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#6c6c6c26 1px,transparent 1px),linear-gradient(90deg,#6c6c6c26 1px,transparent 1px);background-size:41px 41px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 72%,transparent)}
.canvas-topline{position:absolute;top:25px;left:30px;right:30px;z-index:4;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.05em;color:#a4a4a4}
.canvas-topline>div{display:flex;align-items:center;gap:10px}.canvas-topline .tiny-status-dot{background:var(--project-color);box-shadow:0 0 12px var(--project-color)}.canvas-file{color:#666}
.canvas-art{position:absolute;inset:30px 0 0;z-index:1;pointer-events:none;opacity:.95;transition:opacity .15s}
.canvas-art svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--project-color) 17%,transparent))}
.canvas-art.swap-out{opacity:.1;transform:scale(.987)}
.art-edge{stroke:var(--project-color);stroke-width:1.05;opacity:.47;fill:none}
.art-edge-faint{stroke:#b9b9b9;stroke-width:.8;opacity:.15;fill:none}
.art-node{fill:#17171b;stroke:var(--project-color);stroke-width:1.5}.art-node-core{fill:var(--project-color)}
.art-label{fill:#9e9ea4;font:9px var(--mono);letter-spacing:.04em}.art-soft{opacity:.23}.art-dash{stroke-dasharray:5 7}
.art-pulse{transform-origin:center;animation:pulse 4s ease-in-out infinite}
.canvas-info{position:absolute;left:33px;right:30px;bottom:30px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.canvas-copy{min-width:0;max-width:560px}.canvas-index{font:9px var(--mono);color:var(--project-color);letter-spacing:.06em;margin-bottom:8px}
.canvas-info h2{font-size:clamp(27px,3vw,45px);letter-spacing:-.065em;margin:0;font-weight:500;line-height:1.1}
.canvas-info p{color:#9b9b9b;font-size:12px;line-height:1.6;max-width:440px;margin:9px 0 12px}
.canvas-tags{display:flex;flex-wrap:wrap;gap:6px}.canvas-tag{color:#a5a5a5;font:9px var(--mono);padding:6px 9px;border:1px solid #36363a;border-radius:5px;background:#17171999}
.canvas-open{white-space:nowrap;display:flex;align-items:center;gap:24px;border:1px solid #424242;background:#1c1c1c;color:#f2f2f2;border-radius:100px;font-size:11px;padding:12px 14px;transition:background .2s,transform .2s;margin-bottom:1px}
.canvas-open:hover{background:#343434;transform:translateY(-2px)}
.canvas-counter{position:absolute;bottom:195px;right:31px;z-index:5;display:flex;align-items:center;gap:14px;color:#a2a2a2;font:10px var(--mono)}
.canvas-counter button{border:1px solid #464646;background:#202024;color:#f6f6f6;cursor:pointer;border-radius:5px;width:27px;height:27px;transition:background .2s}.canvas-counter button:hover{background:#4a4658}
.technology-strip{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:46px;overflow:hidden}
.tech-strip-label{font:10px var(--mono);letter-spacing:.05em;color:#565656;white-space:nowrap}
.tech-strip-list{display:flex;justify-content:space-between;align-items:center;flex:1;gap:16px;color:#666;font-size:clamp(12px,1.4vw,19px);font-weight:730;letter-spacing:-.04em;white-space:nowrap}
.tech-strip-list span:nth-child(2),.tech-strip-list span:nth-child(7){font-family:var(--mono);font-size:.85em;letter-spacing:-.05em}.tech-strip-list span:nth-child(3){font-weight:600}.tech-strip-list span:nth-child(6){font-style:italic;font-weight:500}

.section{border-top:1px solid #242424;padding-top:23px;padding-bottom:145px;scroll-margin-top:65px}
.section-heading{display:flex;align-items:center;justify-content:space-between}
.section-eyebrow{font-size:10px}.section-eyebrow span{color:#515151;margin:0 4px}
.section-large-title{font-size:clamp(36px,4.7vw,78px);letter-spacing:-.069em;line-height:1.075;font-weight:450;margin:0}
.text-muted{color:#7a7a7a}
.about-section{margin-top:40px}
.about-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:8%;padding-top:76px}
.clock-card{position:relative;margin-top:46px;height:268px;border:1px solid #292929;background:radial-gradient(ellipse at 52% 51%,#19191d 0%,#101012 50%,#09090b 100%);border-radius:10px;max-width:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.clock-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#33333320 1px,transparent 1px),linear-gradient(#33333320 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 4%,transparent 82%)}
.clock-head{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:.05em;color:#bcbcbc}
.clock-city{display:flex;align-items:center;gap:9px}.clock-live-dot{width:7px;height:7px;background:#b0a3ff;border-radius:50%;box-shadow:0 0 12px #b0a3ff88}
.clock-zone{color:#858585;white-space:nowrap}
.clock-time{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.clock-time time{font-size:clamp(60px,6.2vw,104px);font-weight:450;line-height:1.05}
.clock-time span{font:400 clamp(28px,3vw,47px)/1 var(--font);color:#9e91ff;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.clock-date{position:absolute;bottom:23px;left:24px;right:24px;font:10px var(--mono);letter-spacing:.04em;color:#8c8c8c}
.about-lead{font-size:clamp(23px,2.3vw,34px);line-height:1.38;font-weight:420;letter-spacing:-.04em;margin:3px 0 49px;max-width:570px}
.about-body{font-size:14px;line-height:1.85;color:#9b9b9b;max-width:565px;margin:0 0 33px}
.fact-list{border-top:1px solid #292929}.fact-list>div{display:grid;grid-template-columns:135px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid #292929}
.fact-list span{font:10px var(--mono);color:#767676;padding-top:4px}.fact-list p{font-size:12px;line-height:1.65;margin:0;color:#c3c3c3}
.about-socials{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px}.about-socials a{font-size:12px;color:#d8d8d8;border-bottom:1px solid #5c5c5c;padding-bottom:5px;transition:color .2s,border-color .2s}.about-socials a:hover{color:white;border-color:white}

.work-section{padding-bottom:135px}
.section-header-line{display:flex;align-items:end;gap:30px;margin:70px 0 45px}
.work-list{border-top:1px solid #323232}
.work-row{display:grid;grid-template-columns:65px minmax(220px,1fr) minmax(210px,.92fr) 44px;align-items:center;min-height:122px;gap:25px;border-bottom:1px solid #2a2a2a;position:relative;transition:padding .25s,background .25s}
.work-row:before{content:"";position:absolute;inset:0;z-index:0;background:#151515;opacity:0;transition:opacity .2s}
.work-row:hover:before{opacity:1}.work-row:hover{padding-inline:15px}
.work-row>*{position:relative;z-index:1}.work-number{font:11px var(--mono);color:#646464;padding-left:2px}
.work-name{font-size:clamp(24px,2.5vw,37px);letter-spacing:-.055em;font-weight:470;line-height:1.2;display:block}
.work-category{font-size:11px;color:#8b8b8b;display:block;margin-top:7px}
.work-details p{font-size:12px;color:#919191;line-height:1.6;margin:0 0 9px;max-width:390px}
.work-minitags{font:9px var(--mono);color:#5f5f5f;letter-spacing:.01em}
.work-link-icon{font-size:24px;color:#777;text-align:right;font-weight:300;transition:transform .2s,color .2s}.work-row:hover .work-link-icon{color:white;transform:translate(3px,-3px)}
.more-repos{display:inline-flex;gap:22px;align-items:center;margin-top:33px;font-size:12px;color:#dadada;border-bottom:1px solid #777;padding-bottom:10px;transition:border-color .2s}.more-repos:hover{border-color:#fff}

.stack-section{padding-bottom:140px}
.stack-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;padding-top:75px}
.stack-summary{font-size:13px;color:#919191;line-height:1.7;max-width:285px;margin-top:25px}
.stack-categories{display:flex;flex-direction:column}
.stack-group{padding:2px 0 28px;margin-bottom:25px;border-bottom:1px solid #262626}.stack-group:last-child{margin-bottom:0}
.stack-label{font:10px var(--mono);letter-spacing:.045em;color:#7d7d7d;margin-bottom:18px}
.stack-pills{display:flex;flex-wrap:wrap;gap:8px}.stack-pill{border:1px solid #363636;border-radius:6px;color:#bebebe;padding:10px 13px;font-size:12px;background:#111;transition:border-color .2s,color .2s}.stack-pill:hover{border-color:#777;color:white}

.activity-section{padding-bottom:140px}
.activity-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;padding-top:75px}.activity-layout p{font-size:13px;color:#888;margin-top:21px}
.activity-feed{border:1px solid #2b2b2b;border-radius:10px;background:#111;overflow:hidden;align-self:start;min-height:126px}
.activity-placeholder{min-height:126px;padding:30px;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.7;color:#8f8f8f}
.activity-circle{width:7px;height:7px;border:1px solid #a49de0;border-radius:100%;display:inline-block;flex-shrink:0}
.activity-item{padding:17px 22px;border-bottom:1px solid #242424;display:grid;grid-template-columns:21px 1fr;gap:13px}.activity-item:last-child{border:0}
.activity-item-symbol{border:1px solid #444;border-radius:5px;font-size:12px;color:#999;height:21px;display:grid;place-items:center}
.activity-item strong{font-size:12px;font-weight:500;color:#ededed}.activity-item a{color:#d5cbff;text-decoration:underline;text-decoration-color:#444;text-underline-offset:3px}.activity-item p{margin:5px 0 0;font-size:10px;color:#777;font-family:var(--mono);line-height:1.5}
.activity-footer{padding:14px 22px;border-top:1px solid #242424;font-size:11px;color:#8e8e8e;display:flex;justify-content:space-between;align-items:center}.activity-footer a{color:#e8e8e8}

.contact-section{padding-bottom:128px;background:radial-gradient(ellipse at 85% 96%,#19161f 0,transparent 42%);background-clip:padding-box}
.contact-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-top:67px}.contact-title{font-size:clamp(56px,8.2vw,132px);letter-spacing:-.083em;font-weight:450;line-height:.98;margin:0}.contact-title span{color:#7d7d7d}.contact-layout p{color:#949494;line-height:1.7;font-size:13px;margin:31px 0 0;max-width:400px}
.contact-links{padding-bottom:5px}
.footer{border-top:1px solid #2b2b2b;min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{font-size:21px;font-weight:700;letter-spacing:-.9px}.footer>a:last-child{font:11px var(--mono);color:#8a8a8a;white-space:nowrap}.footer>a:last-child:hover{color:white}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes blink{50%{opacity:0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@media(max-width:1200px){
 .hero-title{font-size:clamp(48px,6.2vw,90px)}
 .hero{padding-top:95px}
 .about-layout,.stack-layout,.activity-layout{gap:5%}
 .work-row{grid-template-columns:40px minmax(170px,1fr) minmax(200px,.95fr) 34px;gap:18px}
}
@media(max-width:900px){
 .shell{width:calc(100% - 48px)}
 .header-meta{display:none}.nav{gap:20px;margin-left:5px}
 .hero-title{font-size:clamp(43px,6.3vw,66px);letter-spacing:-.072em}
 .hero-bottom{margin-top:63px}.wb-body{grid-template-columns:205px minmax(0,1fr)}.canvas-open span:first-child{display:none}.canvas-open{gap:0}
 .wb-sidebar{padding:0 8px}.canvas-info{left:24px;right:24px}.canvas-topline{left:24px;right:24px}
 .canvas-art{inset:33px -40px 0}.canvas-counter{right:24px}
 .about-layout{grid-template-columns:1fr 1fr;gap:35px}.about-lead{font-size:22px}.section-large-title{font-size:clamp(37px,5vw,56px)}
 .clock-card{height:225px}.clock-time time{font-size:clamp(48px,6.4vw,71px)}.clock-time span{font-size:clamp(24px,3vw,34px)}
 .contact-layout{align-items:flex-start;flex-direction:column;gap:30px}.contact-links{padding:0}
 
}
@media(max-width:680px){
 html{scroll-padding-top:35px}
 .shell{width:calc(100% - 36px)}
 .header-inner{height:68px;gap:10px}
 .brand-name{font-size:18px}.nav{margin-left:auto;gap:14px}.nav a{font-size:11px}.nav a:nth-child(2),.nav a:nth-child(3){display:none}
 .header-actions{gap:0}.header-link{padding:9px 11px;font-size:10px}.header-link span{margin-left:3px}
 .hero{padding-top:75px}
 .hero-title-wrap{margin-top:43px}
 .hero-title{font-size:clamp(35px,7.9vw,56px);letter-spacing:-.072em;line-height:1.19}
 .title-line{white-space:normal}
 
 .hero-bottom{align-items:flex-start;flex-direction:column;gap:26px;margin-top:62px}.hero-bottom p{font-size:13px;max-width:390px}.hero-buttons{gap:8px}.pill{min-height:42px;padding:0 14px;gap:16px;font-size:11px}
 .hero-divider{margin-top:52px}
 .workbench-section{padding-top:17px}
 .wb-titlebar{padding:0 13px}.wb-project-count{font-size:9px}
 .wb-body{display:flex;flex-direction:column;height:auto}
 .wb-sidebar{order:2;display:block;padding:9px 10px 13px;border-top:1px solid #303030;border-right:0}
 .wb-sidebar-top{display:none}
 .project-picker{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin;padding:0 0 2px}
 .project-pick{min-width:107px;flex:1;display:flex;align-items:center;gap:7px;padding:9px}.pick-indicator{width:auto;flex:0 0 auto;font-size:9px}.pick-subtitle{display:none}.pick-name{font-size:11px}
 .wb-viewport{height:420px;order:1;flex:none}
 .wb-toolbar{padding:0 13px}
 .canvas-art{inset:35px -110px 55px}.canvas-topline{left:17px;right:17px;top:20px;font-size:8px}.canvas-file{display:none}
 .canvas-info{left:17px;right:17px;bottom:19px}.canvas-info h2{font-size:31px}.canvas-info p{font-size:11px;max-width:270px}.canvas-tags{gap:4px}.canvas-tag{padding:5px 6px;font-size:8px}
 .canvas-counter{display:none}
 .canvas-open{padding:9px 10px;align-self:end}
 
 .section{padding-top:20px;padding-bottom:100px}.about-section{margin-top:20px}
 .about-layout,.stack-layout,.activity-layout{grid-template-columns:1fr;gap:40px;padding-top:50px}
 .section-large-title{font-size:clamp(39px,9vw,58px)}
 .clock-card{margin-top:30px;height:205px;max-width:100%}.clock-time time{font-size:clamp(55px,12vw,77px)}.clock-time span{font-size:clamp(26px,5.6vw,35px)}.clock-head{top:17px;left:19px;right:19px}.clock-date{bottom:17px;left:19px;right:19px}
 .about-lead{font-size:22px}.about-body{font-size:13px}.fact-list>div{grid-template-columns:115px 1fr;gap:10px}
 .section-header-line{margin:45px 0 31px;align-items:flex-start;flex-direction:column;gap:13px}.section-header-line p{max-width:none}
 .work-row{grid-template-columns:29px 1fr 30px;gap:11px;padding:24px 0;min-height:120px}.work-row:hover{padding-inline:8px}
 .work-name{font-size:27px}.work-number{align-self:start;padding-top:5px}.work-details{grid-column:2;grid-row:2}.work-details p{font-size:11px;margin:0 0 9px}.work-link-icon{grid-column:3;grid-row:1;align-self:start}
 .stack-layout,.activity-layout{gap:38px}.stack-summary{margin:23px 0 0}.activity-layout p{margin:18px 0 0}.activity-feed{min-height:92px}.activity-placeholder{min-height:92px}
 .contact-section{padding-bottom:98px}.contact-layout{padding-top:53px}.contact-title{font-size:clamp(55px,12vw,80px)}
 .footer{min-height:85px}.footer>span{display:none}
}
@media(max-width:390px){
 .nav a:last-child{display:none}.hero-title{font-size:clamp(33px,8.15vw,40px)}
 .hero-kicker{font-size:9px}.kicker-sep{display:none}
 .hero-buttons .pill{gap:8px;padding-inline:12px}
 .canvas-info p{max-width:215px}.canvas-info h2{font-size:26px}.clock-time time{font-size:clamp(50px,11.6vw,60px)}.clock-time span{font-size:26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}