:root{--bg:#f5f5f7;--surface:#ffffffd1;--surface-solid:#fff;--text:#1d1d1f;--secondary:#6e6e73;--tertiary:#86868b;--border:#00000014;--nav-height:44px;--content-width:1200px;--gutter:24px;--radius:24px;--menu-bg:#f5f5f7e0}:root[data-theme=dark]{--bg:#0d0d0f;--surface:#171719d1;--surface-solid:#171719;--text:#f5f5f7;--secondary:#a1a1a6;--tertiary:#8e8e93;--border:#ffffff1a;--menu-bg:#0d0d0fe6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}body.overlay-open,body.mobile-nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid}.site-header{z-index:100;position:fixed;inset:0 0 auto}.nav{z-index:2;width:min(var(--content-width), calc(100% - 32px));height:var(--nav-height);background:var(--menu-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(180%);border-top:0;border-radius:0 0 18px 18px;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:0 12px;display:grid;position:relative}.nav.has-menu-open{border-bottom-color:#0000}.brand-group,.nav-actions{align-items:center;display:flex}.brand-group{justify-self:start;gap:8px}.nav-actions{justify-self:end;gap:2px}.brand,.icon-button,.nav-item{cursor:pointer;background:0 0;border:0}.brand{place-items:center;width:24px;height:24px;display:grid}.brand-icon{filter:grayscale()brightness(.72);border-radius:4px;width:16px;height:16px}:root[data-theme=dark] .brand-icon{filter:invert()grayscale()brightness(.9)}.icon-button{width:30px;height:30px;color:var(--secondary);place-items:center;display:grid}.icon-button:hover,.nav-item:hover,.nav-item.active{color:var(--text)}.desktop-links{align-items:center;gap:26px;height:100%;display:flex}.nav-item{height:100%;color:var(--secondary);padding:0 2px;font-size:12px}.search-icon{border:1.5px solid;border-radius:50%;width:13px;height:13px;position:relative}.search-icon:after{content:"";background:currentColor;border-radius:999px;width:5px;height:1.5px;position:absolute;bottom:-2px;right:-4px;transform:rotate(45deg)}.menu-button,.mobile-back{display:none}.menu-glyph{flex-direction:column;justify-content:space-between;width:15px;height:11px;display:flex}.menu-glyph i{background:currentColor;border-radius:999px;width:100%;height:1.5px;transition:transform .16s,opacity .16s;display:block}.menu-button.is-open .menu-glyph i:first-child{transform:translateY(4.75px)rotate(45deg)}.menu-button.is-open .menu-glyph i:nth-child(2){opacity:0}.menu-button.is-open .menu-glyph i:last-child{transform:translateY(-4.75px)rotate(-45deg)}.back-icon{border-bottom:1.5px solid;border-left:1.5px solid;width:9px;height:9px;margin-left:3px;transform:rotate(45deg)}.desktop-panel{z-index:1;top:calc(var(--nav-height) - 1px);width:min(var(--content-width), calc(100% - 32px));background:var(--menu-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(180%);opacity:0;visibility:hidden;pointer-events:none;border-top:0;border-radius:0 0 24px 24px;max-height:70vh;padding:28px 32px 32px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;left:50%;overflow:auto;transform:translate(-50%,-8px);box-shadow:0 20px 50px #00000014}.desktop-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.desktop-panel-inner{grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:48px;max-width:1120px;margin:0 auto;display:grid}.desktop-panel-eyebrow,.section-kicker,.project-meta small,.project-modal-kicker,.preference-state{color:var(--tertiary)}.desktop-panel-eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:10px}.desktop-panel-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,4vw,56px);line-height:.95}.desktop-panel-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.desktop-menu-item{text-align:left;cursor:pointer;background:0 0;border:0;display:block}.menu-image-wrap{border-radius:16px;display:block;overflow:hidden}.menu-image,.project-image,.project-modal-banner{background:linear-gradient(135deg,#dfe1e6,#aeb3bc 55%,#777d87)}.menu-image{aspect-ratio:2.1;place-items:center;display:grid}.menu-image:before,.project-image:before,.project-modal-banner:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#ffffff73 35%,#fff0 70%),linear-gradient(145deg,#e5e7eb,#7e8590);border-radius:50%;width:42%;box-shadow:inset -18px -20px 30px #0000001f}.desktop-item-copy{justify-content:space-between;align-items:center;gap:10px;padding:9px 2px 0;display:flex}.desktop-item-copy strong{font-size:15px;font-weight:600}.menu-arrow,.mobile-chevron{color:var(--secondary)}.page-dimmer{inset:var(--nav-height) 0 0;z-index:0;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#80808733;transition:opacity .18s,visibility .18s;position:fixed}.page-dimmer.open{opacity:1;visibility:visible;pointer-events:auto}main{overflow:clip}.hero-banner{text-align:center;background:radial-gradient(circle at 50% 25%, var(--surface-solid) 0, var(--bg) 58%, #c4c7ce 140%);place-items:center;min-height:88svh;padding:120px 24px 88px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .hero-banner{background:radial-gradient(circle at 50% 25%, #2a2a2d 0, var(--bg) 60%, #050506 140%)}.hero-shape{pointer-events:none;background:radial-gradient(circle at 30% 25%,#fffffff2,#ffffff38 42%,#5a5f6966 100%);border-radius:50%;position:absolute;box-shadow:inset -24px -28px 44px #0000001f}.hero-shape-one{aspect-ratio:1;width:min(66vw,760px);top:8%;left:8%}.hero-shape-two{aspect-ratio:1;opacity:.72;width:min(42vw,500px);top:24%;right:6%}.hero-shape-three{aspect-ratio:1;opacity:.55;width:min(24vw,280px);bottom:-6%;left:18%}.hero-banner-content{z-index:1;max-width:1000px;position:relative}.hero-kicker{color:var(--secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;font-size:10px}.sobman-wordmark{letter-spacing:-.09em;margin:0;font-size:clamp(72px,15vw,190px);font-weight:900;line-height:.82}.sobman-wordmark .word{animation:10s step-end infinite font-switch;display:inline-block}@keyframes font-switch{0%,19.99%{font-family:Impact,Arial Black,sans-serif}20%,39.99%{font-family:Georgia,Times New Roman,serif;font-style:italic}40%,59.99%{font-family:Trebuchet MS,Arial,sans-serif}60%,79.99%{-webkit-text-stroke:4px var(--text);color:#0000;font-family:Arial Black,Arial,sans-serif}80%,to{font-family:Courier New,monospace}}.hero-subtitle{max-width:650px;color:var(--secondary);margin:28px auto 0;font-size:clamp(18px,2vw,24px);line-height:1.4}.section{padding:110px var(--gutter)}.section-inner{width:min(var(--content-width), 100%);margin:0 auto}.section-inner.narrow{max-width:850px}.section h2{letter-spacing:-.065em;margin:0 0 48px;font-size:clamp(48px,8vw,90px);line-height:.92}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .18s;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-image{place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.project-image span,.project-modal-banner span{z-index:1;color:#ffffffeb;letter-spacing:.18em;font-size:12px;font-weight:800;position:relative}.project-image-breakpong,.project-modal-banner.project-image-breakpong{background:linear-gradient(145deg,#6f8fb7,#101522)}.project-image-earthgo,.project-modal-banner.project-image-earthgo{background:linear-gradient(145deg,#8c7bad,#17131f)}.project-image-lab,.project-modal-banner.project-image-lab{background:linear-gradient(145deg,#9ba0aa,#25282d)}.project-meta{padding:23px 25px 27px}.project-meta small{font-size:12px}.project-meta h3{letter-spacing:-.04em;margin:8px 0;font-size:28px}.project-meta p,.about-section p,.project-modal-desc{color:var(--secondary)}.project-meta p{margin:0;line-height:1.5}.about-section{background:var(--surface-solid)}.about-section p{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.35}footer{width:min(var(--content-width), calc(100% - 2 * var(--gutter)));color:var(--secondary);justify-content:space-between;align-items:flex-start;gap:36px;margin:0 auto;padding:48px 0 64px;font-size:12px;display:flex}.preference-toggles{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.preference-toggle{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-width:180px;min-height:44px;padding:8px 12px 8px 14px;display:flex}.preference-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.preference-name{color:var(--text);font-size:13px}.preference-state{font-size:11px}.toggle-switch{background:var(--bg);border:1px solid var(--border);border-radius:999px;flex:none;width:38px;height:22px;position:relative}.toggle-thumb{background:var(--secondary);border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.preference-toggle[aria-pressed=true] .toggle-switch{background:var(--text);border-color:var(--text)}.preference-toggle[aria-pressed=true] .toggle-thumb{background:var(--surface-solid);transform:translate(16px)}.mobile-menu{display:none}.search-overlay,.project-modal{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:#f5f5f7eb;transition:opacity .16s,visibility .16s;position:fixed;inset:0}:root[data-theme=dark] .search-overlay,:root[data-theme=dark] .project-modal{background:#0d0d0feb}.search-overlay.open,.project-modal.open{opacity:1;visibility:visible;pointer-events:auto}.search-dialog{width:min(760px,100% - 32px);margin:100px auto 0;position:relative}.search-dialog input{border:1px solid var(--border);background:var(--surface-solid);width:100%;height:64px;color:var(--text);border-radius:18px;outline:0;padding:0 22px;font-size:20px}.search-close{position:absolute;top:-42px;right:0}.close-icon{width:15px;height:15px;display:block;position:relative}.close-icon:before,.close-icon:after{content:"";background:currentColor;width:1.5px;height:17px;position:absolute;top:-1px;left:7px}.close-icon:before{transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.search-results{flex-direction:column;gap:8px;max-height:380px;margin-top:16px;display:flex;overflow:auto}.search-quick-label{color:var(--tertiary);text-transform:uppercase;letter-spacing:.12em;margin:8px 4px 4px;font-size:10px}.search-result-item{border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.search-result-copy{flex-direction:column;gap:3px;display:flex}.search-result-title{font-size:15px;font-weight:600}.search-result-desc{color:var(--secondary);font-size:12px}.search-result-badge{color:var(--tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.project-modal{place-items:center;padding:20px;display:grid}.project-modal-dialog{background:var(--surface-solid);border:1px solid var(--border);border-radius:28px;width:min(840px,100%);max-height:88vh;padding:42px;position:relative;overflow:auto}.project-modal-close{position:absolute;top:18px;right:18px}.project-modal-kicker{text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:11px;display:block}.project-modal-title{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(36px,5vw,52px);line-height:.95}.project-modal-banner{border-radius:20px;place-items:center;min-height:220px;margin-bottom:24px;display:grid;position:relative;overflow:hidden}.project-modal-desc{line-height:1.65}.project-modal-specs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:28px 0;display:grid}.project-spec-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:14px 16px}.project-spec-label{color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px}.project-spec-val{font-size:15px;font-weight:600}.project-modal-actions{flex-wrap:wrap;gap:12px;display:flex}.project-btn{border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex}.project-btn-primary{background:var(--text);color:var(--bg)}:root[data-simplify=true] .nav,:root[data-simplify=true] .desktop-panel,:root[data-simplify=true] .mobile-menu.open,:root[data-simplify=true] .page-dimmer{-webkit-backdrop-filter:none}:root[data-simplify=true] .nav,:root[data-simplify=true] .desktop-panel,:root[data-simplify=true] .mobile-menu.open{background:color-mix(in srgb, var(--surface-solid) 88%, transparent)}:root[data-simplify=true] .page-dimmer{background:#80808729}@media (width<=760px){:root{--nav-height:48px;--gutter:18px}.nav{border-left:0;border-right:0;border-radius:0;width:100%;padding:0 12px}.desktop-links,.desktop-panel,.page-dimmer{display:none}.menu-button,.mobile-back{display:grid}.mobile-menu{inset:var(--nav-height) 0 0;z-index:90;background:var(--menu-bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s;display:block;position:fixed}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(180%)}.mobile-panels{position:absolute;inset:0;overflow:hidden}.mobile-panel{background:0 0;padding:12px 22px 40px;transition:transform .18s;position:absolute;inset:0;overflow-y:auto}.mobile-menu-item{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--secondary);text-align:left;letter-spacing:-.055em;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:22px 0;font-size:clamp(30px,8vw,44px);display:flex}.mobile-menu-item:hover{color:var(--text)}.hero-banner{min-height:84svh;padding:108px 18px 72px}.hero-shape-one{width:85vw;left:-8%}.hero-shape-two{width:54vw;right:-4%}.hero-shape-three{width:32vw}.project-grid{grid-template-columns:1fr}.project-image{min-height:290px}footer{flex-direction:column-reverse;align-items:stretch;gap:28px}.preference-toggles{justify-content:flex-start}.preference-toggle{width:100%}.project-modal-dialog{padding:32px 22px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-loader{inset:var(--nav-height) 0 0;z-index:700;background:var(--bg);pointer-events:auto;opacity:1;visibility:visible;transition:opacity .4s,visibility .4s;position:fixed}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader-progress{background:var(--border);height:2px;position:absolute;inset:0 0 auto;overflow:hidden}.page-loader-progress span{background:var(--text);opacity:.85;width:0;height:100%;animation:2.4s forwards pageLoaderProgress;display:block}@keyframes pageLoaderProgress{0%{width:0}55%{width:72%}85%{width:91%}to{width:100%}}@media (prefers-reduced-motion:reduce){.page-loader-progress span{animation-duration:.01ms}}