/* ALOBI 2026 — calm, product-led visual system */
:root{
  --paper:#f5f5f7;
  --ink:#1d1d1f;
  --signal:#0071e3;
  --line:rgba(29,29,31,.12);
  --pad:clamp(22px,5vw,84px);
  --max:1440px;
  --soft:#fbfbfd;
  --muted:#6e6e73;
  --radius:28px;
  --ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important}
body{background:var(--paper);color:var(--ink);cursor:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button{cursor:pointer!important}
.grain,.cursor,.hero-grid,.category-grid,.project-gateway-grid,.project-record-grid,.about-grid,.contact-grid{display:none!important}

/* Global glass navigation */
.site-head,.category-page .site-head,.about-page .site-head,.project-page .site-head,.contact-page .site-head{
  position:fixed;inset:0 0 auto;z-index:150;height:52px;padding:0 max(var(--pad),calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  color:var(--ink);background:rgba(250,250,252,.82)!important;border-bottom:1px solid rgba(0,0,0,.07)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);transition:background .25s ease,color .25s ease;
}
.site-head:after{display:none!important}
.identity{gap:9px;color:inherit;text-decoration:none}
.logo-tile{width:30px!important;height:30px!important;border-radius:8px;background:var(--ink)!important;color:white!important;box-shadow:none!important}
.logo-initials{font-size:10px!important;letter-spacing:-.02em}.personal-mark{width:19px!important;height:19px!important}
.identity-copy{font-size:11px!important;line-height:1.15!important;letter-spacing:-.01em!important;text-transform:none!important;font-weight:600!important;white-space:nowrap}
.coordinates{font-size:10px!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted);transform:none!important}
.header-actions{justify-self:end;display:flex;align-items:center;gap:18px;color:inherit!important}
.header-contact{min-height:28px;padding:7px 14px!important;border:0!important;border-radius:999px;background:var(--signal);color:#fff!important;text-decoration:none;font-size:11px!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important}
.header-contact:after{display:none!important}
.menu-button{width:32px;height:32px;padding:0;display:grid!important;place-items:center;border:0;background:transparent;color:inherit;font-size:0!important}
.menu-button i{position:relative;width:16px!important;height:12px!important;background:transparent!important;box-shadow:none!important}
.menu-button i:before,.menu-button i:after{content:"";position:absolute!important;left:0!important;width:16px!important;height:1px!important;background:currentColor!important;transition:transform .35s var(--ease),top .35s var(--ease)}
.menu-button i:before{top:3px!important}.menu-button i:after{top:9px!important}
.site-head.menu-open{color:#fff!important;background:rgba(20,20,22,.88)!important;border-color:rgba(255,255,255,.12)!important}
.site-head.menu-open .menu-button i:before{top:6px!important;transform:rotate(45deg)}.site-head.menu-open .menu-button i:after{top:6px!important;transform:rotate(-45deg)}

/* Contents panel */
.index-panel{inset:0;width:100%;padding:clamp(88px,10vh,130px) max(var(--pad),calc((100vw - 1120px)/2)) 44px;background:rgba(20,20,22,.96);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transform:translateY(-105%);transition:transform .65s var(--ease)}
.index-panel.open{transform:none}.index-panel nav{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 72px}
.index-panel nav a,.index-panel nav button{min-height:74px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:none;color:#f5f5f7;text-align:left;text-decoration:none;display:grid;grid-template-columns:38px 1fr;align-items:center}
.index-panel nav span{font-size:10px!important;color:#86868b;margin:0!important}.index-panel nav b{font-size:clamp(26px,3vw,44px)!important;line-height:1!important;letter-spacing:-.04em!important;font-weight:600!important}
.index-panel nav b:after{display:none!important}.index-panel nav a:hover b,.index-panel nav button:hover b,.index-panel nav .active b,.index-panel nav [aria-current="page"] b{color:#2997ff}
.index-panel>p{width:min(480px,100%);margin-top:auto;color:#a1a1a6;font-size:12px!important;line-height:1.5!important;text-transform:none!important}
.index-socials{margin-top:24px}.index-socials a{border-color:#86868b!important}

/* Common editorial language */
.edition,.section-code,.intro-code,.lens-gateway-code,.practice-route,.category-kicker,.record-code,.project-gateway-kicker,.about-kicker,.contact-code,.studio-code,
.category-section-head span,.category-section-head>p,.capability-title>span,.event-index,.event-heading,.contact-heading>p{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;font-size:11px!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--muted)}
h1,h2,h3{letter-spacing:-.055em!important;text-wrap:balance}

/* Home */
.hero{min-height:100svh;padding:128px var(--pad) 56px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--soft);overflow:hidden}
.edition{align-self:flex-start;text-align:left}.hero h1{width:min(1200px,100%);margin:auto 0 26px;font-size:clamp(62px,9.3vw,142px);line-height:.89;letter-spacing:-.07em!important;font-weight:650}
.hero h1 .line{display:block!important;width:100%;padding:0!important;text-align:center!important;white-space:nowrap}.hero h1 .line:after{content:none}
.hero h1 em,.about-hero h1 em,.contact h2 em,.category-contact h2 em,.about-now h2 em,.about-contact h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit}
.period{color:var(--signal)}.hero-intro{margin:0 0 42px;max-width:none;font-size:clamp(21px,2vw,28px);line-height:1.25;color:var(--muted)}
.scale-map{width:min(620px,100%);display:grid;grid-template-columns:repeat(3,1fr);align-items:start;padding:7px;background:#e8e8ed;border-radius:999px}
.scale{min-height:56px;padding:9px 13px;text-align:center;border-radius:999px;transition:background .3s,box-shadow .3s,transform .3s}.scale.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.scale b{display:none}.scale span{font-family:inherit!important;font-size:13px!important;font-weight:650!important}.scale small{display:block;margin-top:3px;font-family:inherit!important;font-size:10px!important;color:var(--muted)}.scale-axis{display:none}
.scroll-cue{position:absolute;right:var(--pad);bottom:34px;color:var(--signal);font-size:11px!important}.scroll-cue i,.category-scroll i,.about-enter i,.project-enter i{border:0!important;background:#e8e8ed!important;color:var(--ink)!important}

.manifesto{min-height:80svh;padding:clamp(110px,15vw,220px) var(--pad);display:grid;grid-template-columns:2fr 10fr;align-items:start;background:#000;color:#f5f5f7}
.manifesto>p{max-width:1200px;font-size:clamp(42px,5.8vw,84px);line-height:1.08;letter-spacing:-.055em}.manifesto mark{color:#86868b}
.portfolio-showcase{padding:18px;display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:repeat(2,minmax(280px,42vw));gap:18px;background:var(--paper)}.portfolio-showcase figure{margin:0;border-radius:var(--radius);overflow:hidden;background:#e8e8ed}.portfolio-showcase .showcase-wide{grid-row:1/3}.portfolio-showcase img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s var(--ease)}.portfolio-showcase figure:hover img{transform:scale(1.025)}
.intro-brief{padding:clamp(110px,12vw,180px) var(--pad);background:var(--paper)!important;display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:28px!important}
.intro-monogram{color:#e8e8ed!important;font-weight:700!important}.intro-portrait{grid-column:1/6!important;border:0!important;border-radius:var(--radius)!important;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.12);transform:none!important}.intro-portrait img{filter:none!important}
.intro-voice{grid-column:7/13!important;align-self:end}.intro-voice>span{color:var(--signal)!important;font-size:17px!important}.intro-voice h2{font-size:clamp(48px,6.2vw,92px)!important;line-height:.98!important;font-weight:650!important}.intro-voice h2 em{font-family:inherit!important;font-style:normal!important}
.intro-copy{grid-column:7/13!important}.intro-copy>p{font-size:clamp(18px,1.6vw,23px)!important;line-height:1.48!important;color:var(--muted)}.intro-traits span{border-color:var(--line)!important;border-radius:999px!important}
.about-portal{margin-top:35px!important;border:0!important;border-radius:22px!important;background:#fff!important;padding:24px!important;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.about-portal:hover{transform:scale(1.015)!important;box-shadow:0 15px 35px rgba(0,0,0,.08)!important}.about-portal-copy strong{font-size:24px!important}.about-portal-dial{border:0!important;background:#e8e8ed!important}
.lens-gateway{min-height:auto!important;padding:clamp(100px,11vw,170px) var(--pad)!important;background:#000!important;color:#f5f5f7!important;display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:28px!important}
.lens-gateway-code{grid-column:1/3!important}.lens-gateway-title{grid-column:3/12!important}.lens-gateway-title>span{font-size:21px!important;color:#86868b}.lens-gateway-title h2{font-size:clamp(52px,7.5vw,110px)!important;line-height:.95!important;font-weight:650!important}.lens-gateway-title h2 em{font-family:inherit!important;font-style:normal!important;color:#86868b!important}
.lens-gateway-copy{grid-column:7/12!important;font-size:18px!important;line-height:1.5!important;color:#a1a1a6!important}.lens-choices{grid-column:3/13!important;gap:18px!important;border:0!important}.lens-choice{min-height:370px!important;padding:32px!important;border:0!important;border-radius:var(--radius)!important;background:#1d1d1f!important;color:#f5f5f7!important;overflow:hidden;transition:transform .45s var(--ease),background .35s!important}.lens-choice:hover{transform:scale(1.015)!important;background:#262628!important}.lens-choice strong{font-size:clamp(60px,8vw,118px)!important;font-weight:650!important}.lens-choice p{color:#a1a1a6!important;font-size:17px!important}.lens-choice i{color:#2997ff!important}.lens-gateway-note{grid-column:3/13!important;color:#86868b!important}.lens-hover-preview,.lens-gateway-grid{display:none!important}

/* Category portals */
.category-hero{min-height:100svh;padding:128px var(--pad) 62px;display:flex;flex-direction:column;align-items:center;text-align:center;border:0;background:var(--soft)}
.category-kicker{align-self:flex-start;text-align:left}.category-hero h1{width:min(1180px,100%);margin:auto 0 30px;font-size:clamp(60px,9vw,136px);line-height:.9;font-weight:650}.category-hero h1 span,.category-hero h1 .line-2,.category-hero h1 .line-3{display:inline!important;margin:0!important;white-space:normal!important}.category-hero h1 span:after{content:" "}.category-hero h1 i{position:static;color:var(--category-accent);font-style:normal}
.category-image-stage{position:absolute;inset:86px 7vw 7vh;z-index:0;margin:0;border-radius:var(--radius);overflow:hidden;opacity:.14}.category-image-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,251,253,.05),rgba(251,251,253,.45) 58%,#fbfbfd 100%)}.category-image-stage img{width:100%;height:100%;object-fit:cover}.category-hero>*:not(.category-image-stage){z-index:2}
.category-intro{align-self:auto;max-width:720px;font-size:clamp(20px,2vw,28px);line-height:1.35;color:var(--muted)}
.category-lenses{width:min(760px,100%);margin-top:42px;grid-template-columns:repeat(3,1fr);border:0;background:#e8e8ed;border-radius:18px;overflow:hidden}.category-lenses span{justify-content:center;padding:16px 10px;border:0!important;font-family:inherit!important;font-size:11px!important}.category-lenses i{display:none}.category-scroll{position:absolute;right:var(--pad);bottom:34px;color:var(--signal)}.category-figure{opacity:.14!important;right:8vw!important;top:18%!important;transform:none!important}
.category-scroll i,.pm-story-enter i,.project-enter i,.about-enter i{display:none!important}.category-scroll,.pm-story-enter,.project-enter,.about-enter{gap:0!important}
.category-evidence,.arch-lens-work,.career-ledger,.projects.skills-archive{padding:clamp(100px,11vw,170px) var(--pad)!important;background:var(--paper)!important;color:var(--ink)!important}
.category-section-head{margin-bottom:64px}.category-section-head h2{font-size:clamp(48px,7vw,104px);line-height:.95;font-weight:650}.category-section-head>p{color:var(--muted)}
.case-list{border:0!important}.case-sheet{margin-bottom:18px;padding:32px!important;border:0!important;border-radius:var(--radius);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.case-sheet header{grid-template-columns:48px minmax(0,1fr) auto}.case-sheet h3{font-weight:650!important}.case-content{margin:34px 0!important}.case-photo-placeholder{border:0!important;border-radius:20px;background-color:#f5f5f7!important}.case-sheet footer span{border-color:var(--line)!important}
.category-evidence-architecture .case-list{gap:72px 24px!important}.arch-project-image{border-radius:var(--radius);background:#e8e8ed!important}.arch-project-image:after{height:4px!important;border-radius:4px;background:var(--category-accent)!important}.arch-project-meta h3{font-weight:650!important}
.arch-work-image{border-radius:var(--radius)!important;overflow:hidden!important;background:#e8e8ed!important}.arch-work-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s var(--ease)}.arch-work-card:hover .arch-work-image img{transform:scale(1.025)}.arch-work-image>span,.arch-work-image figcaption{z-index:2;padding:7px 10px!important;border-radius:999px;background:rgba(255,255,255,.84)!important;color:#1d1d1f!important;backdrop-filter:blur(10px)}
.arch-work-card,.experience-entry,.project.skill-group{border-color:var(--line)!important}.arch-work-visual{border-radius:var(--radius)!important;overflow:hidden!important}.experience-entry{padding:42px 0!important}.experience-entry h3{font-weight:650!important}
.category-method{padding:clamp(100px,11vw,170px) var(--pad);background:#000;color:#f5f5f7}.method-grid{gap:18px;border:0}.method-card{min-height:330px;padding:30px;border:0;border-radius:var(--radius);background:#1d1d1f}.method-card h3{font-weight:650!important}.method-card p{color:#a1a1a6}
.category-capabilities{padding:clamp(100px,11vw,170px) var(--pad);background:var(--soft)}.capability-title h2{font-weight:650}.capability-cloud{gap:10px}.capability-cloud span{padding:12px 17px;border:0;border-radius:999px;background:#e8e8ed;font-family:inherit!important;font-size:12px!important;text-transform:none!important}
.contact.category-qr-contact,.category-contact,.about-contact{min-height:auto!important;padding:clamp(100px,10vw,150px) var(--pad) 38px!important;background:#000!important;color:#f5f5f7!important}.contact-heading h2,.category-contact h2,.about-contact>h2{font-size:clamp(58px,9vw,130px)!important;line-height:.93!important;font-weight:650!important;text-transform:none!important;text-align:left!important}.contact-heading h2 em,.category-contact h2 em{color:#86868b!important}.qr-card,.about-destinations a{border-color:rgba(255,255,255,.15)!important;border-radius:22px!important;background:#1d1d1f!important;overflow:hidden}.qr-image-frame{border-radius:16px!important}

/* About */
.about-hero{min-height:100svh;padding:128px var(--pad) 62px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--soft)}
.about-kicker{align-self:flex-start;text-align:left}.about-kicker:before{background:var(--signal)!important}.about-hero h1{width:min(1120px,100%);margin:auto 0 30px;font-size:clamp(62px,9vw,136px);line-height:.89;font-weight:650}.about-hero h1 span{display:inline!important;padding:0!important;color:inherit!important}.about-hero h1 span:after{content:" "}.about-hero h1 span:last-child{color:var(--signal)!important}.about-hero-copy{max-width:650px;font-size:clamp(18px,1.8vw,25px);line-height:1.4;color:var(--muted)}
.about-portrait{position:absolute;z-index:-1;right:8%;top:22%;width:min(24vw,340px);height:min(54vh,560px);border:0;border-radius:var(--radius);opacity:.13!important;transform:none!important}.about-orbit{display:none}.about-enter{position:absolute;right:var(--pad);bottom:34px;color:var(--signal)}
.timeline-shell{background:#000;color:#f5f5f7;border:0}.timeline-console{top:52px;height:calc(100svh - 52px);background:#000;border-color:rgba(255,255,255,.12)}.console-year{color:#2997ff}.timeline-progress i{background:#2997ff}.timeline-map button[aria-current="step"]{color:#2997ff}.timeline-event{border-color:rgba(255,255,255,.12)}.event-index,.event-reveal span{color:#2997ff!important}.event-visual{border:0;border-radius:var(--radius);background:#1d1d1f}.event-card h2{font-weight:650}.event-card>p{color:#a1a1a6}.event-tags span{border-color:rgba(255,255,255,.18)}.event-metrics span{border-left-color:#2997ff}.event-metrics b{color:#2997ff}
.about-now{background:var(--soft)}.about-now h2{font-weight:650}.about-now h2 em{color:var(--signal)}.about-now-copy{border-color:var(--line)}
.about-destinations{gap:16px;border:0!important}.about-destinations a{border:0!important;color:#fff!important}.about-destinations a:hover{background:#29292b!important;color:#fff!important;transform:scale(1.015)!important}.about-destinations strong{font-weight:650}

/* Project records */
.project-page,.project-page[data-lens="pm"]{--project-surface:#f5f5f7;--project-text:#1d1d1f;--project-record-surface:#000;--project-record-text:#f5f5f7}.project-page[data-lens="hci"]{--project-accent:#0071e3;--project-record-surface:#000}
.project-gateway{min-height:100svh;padding:128px var(--pad) 58px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--soft)}.project-gateway-kicker{align-self:flex-start;text-align:left}.project-back{position:absolute;right:var(--pad);top:92px;color:var(--signal);border:0;font-family:inherit!important;font-size:12px!important;text-transform:none!important}.project-gateway-heading{margin:auto 0 24px}.project-gateway-heading>span{color:var(--project-accent);font-family:inherit!important;text-transform:none!important}.project-gateway-heading h1{max-width:1080px;font-size:clamp(58px,8.4vw,128px);line-height:.9;font-weight:650}.project-aperture{opacity:.1;border-radius:28px;transform:none}.project-gateway-summary{max-width:700px;font-size:clamp(19px,1.8vw,26px);line-height:1.38;color:var(--muted)}.project-gateway-meta{width:min(760px,100%);margin-top:36px;border-color:var(--line)}.project-gateway-meta div{grid-template-columns:100px 1fr;border-color:var(--line);text-align:left}.project-gateway-meta dt,.project-gateway-meta dd{font-family:inherit!important;text-transform:none!important}.project-gateway-meta dt{color:var(--muted)}.project-enter{position:absolute;right:var(--pad);bottom:34px;color:var(--signal);font-family:inherit!important;text-transform:none!important}
.project-record{padding:clamp(110px,12vw,180px) var(--pad);background:#000;color:#f5f5f7}.record-code{color:#2997ff}.record-question{font-weight:650}.record-role,.record-evidence,.record-tags{border-color:rgba(255,255,255,.18)}.record-role>span,.record-evidence>span,.record-tags>span,.record-evidence i{color:#2997ff!important;font-family:inherit!important}.record-role h3{font-weight:650}.record-role p{color:#a1a1a6}.record-evidence li{border-color:rgba(255,255,255,.12)}.record-tags b{border-color:rgba(255,255,255,.18);font-family:inherit!important;text-transform:none!important}
.project-hero-media{position:absolute;inset:86px 4vw 5vh;z-index:0;margin:0;border-radius:var(--radius);overflow:hidden;opacity:.15}.project-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,251,253,.15),rgba(251,251,253,.62) 64%,#fbfbfd 100%)}.project-hero-media img{width:100%;height:100%;object-fit:cover}.project-gateway>*:not(.project-hero-media){z-index:2}
.project-gallery{padding:clamp(100px,10vw,150px) var(--pad);background:var(--paper);color:var(--ink)}.project-gallery header{display:grid;grid-template-columns:2fr 10fr;gap:24px;align-items:start;margin-bottom:65px}.project-gallery header span{font-size:11px;color:var(--muted)}.project-gallery header h2{max-width:900px;margin:0;font-size:clamp(48px,6vw,88px);line-height:.98;font-weight:650}.project-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.gallery-item{position:relative;grid-column:1/9;margin:0;border-radius:var(--radius);overflow:hidden;background:#fff;min-height:clamp(360px,55vw,760px)}.gallery-item:nth-child(even){grid-column:5/13}.gallery-item img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}.gallery-item figcaption{position:absolute;left:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);font-size:10px;color:var(--muted)}
.project-sequence{min-height:45svh;padding:72px var(--pad);gap:18px;background:var(--paper);color:var(--ink)}.project-sequence a{min-height:210px;padding:28px;border-radius:var(--radius);background:#fff;justify-content:space-between}.project-sequence span{color:var(--signal);font-family:inherit!important;text-transform:none!important}.project-sequence b{font-weight:650}

/* Contact */
.contact-page{background:var(--paper)!important}.contact-gateway{min-height:100svh;padding-top:52px;grid-template-columns:1.08fr .92fr;gap:18px;background:var(--paper)}.contact-form-panel,.contact-studio-panel{min-height:calc(100svh - 52px);padding:clamp(70px,7vw,110px) clamp(28px,5vw,72px) 34px;border:0!important}.contact-form-panel{background:var(--soft);color:var(--ink)}.contact-form-panel h1{margin:44px 0 26px;font-size:clamp(64px,7vw,112px);line-height:.88;letter-spacing:-.065em!important;text-transform:none}.contact-form-panel h1 em{font-family:inherit;font-style:normal;color:var(--signal)}.contact-lead{font-size:17px;line-height:1.5;color:var(--muted)}
.contact-compose{gap:14px}.contact-compose label span{font-family:inherit!important;font-size:11px!important;text-transform:none!important;color:var(--muted)}.contact-compose input,.contact-compose textarea{min-height:52px;border:1px solid rgba(0,0,0,.14);border-radius:14px;background:#fff;padding:14px 16px;font-size:15px;transition:border .2s,box-shadow .2s}.contact-compose textarea{border-radius:14px}.contact-compose input:focus,.contact-compose textarea:focus{transform:none;box-shadow:0 0 0 4px rgba(0,113,227,.12);border-color:var(--signal)}.contact-compose button{height:48px;border:0;border-radius:999px;background:var(--signal);color:#fff;box-shadow:none;font-family:inherit!important;text-transform:none!important;font-size:13px!important}.contact-compose button i{background:#fff;color:var(--signal)}.contact-compose button:hover{transform:scale(1.02);box-shadow:none}.form-status{font-family:inherit!important;text-transform:none!important}
.contact-qr-dock{border-color:var(--line)}.contact-qr-dock img{border-radius:10px}
.contact-studio-panel{margin:18px 18px 18px 0;min-height:calc(100svh - 88px);border-radius:var(--radius)!important;background:#000;color:#f5f5f7}.contact-methods{border:0;border-radius:18px;background:#1d1d1f}.contact-methods a{border-color:rgba(255,255,255,.12)}.contact-methods a:hover{background:#2997ff;color:#fff}.studio-message{border-color:rgba(255,255,255,.25);background:#1d1d1f}.studio-message span{color:#2997ff}.studio-message i{background:#2997ff}.studio-illustration{border-color:rgba(255,255,255,.2)}.studio-note{background:#2997ff;color:#fff;box-shadow:none}.studio-screen,.studio-desk,.studio-plant>b,.studio-plant>i:after,.studio-cup{border-color:#86868b}.studio-cup>i,.studio-stars i{color:#2997ff}.contact-studio-panel footer a{border-color:#2997ff}

/* Focus and motion */
:focus-visible{outline:3px solid rgba(0,113,227,.55)!important;outline-offset:4px}
.reveal,.gateway-reveal{transition:opacity .7s ease,transform .9s var(--ease)}
@media(hover:hover){.header-contact:hover{background:#0077ed}.project-sequence a:hover{transform:scale(1.015);box-shadow:0 18px 45px rgba(0,0,0,.08)}}

@media(max-width:900px){
  :root{--radius:22px}.site-head,.category-page .site-head,.about-page .site-head,.project-page .site-head,.contact-page .site-head{height:48px;padding:0 18px;grid-template-columns:1fr auto}.coordinates{display:none}.identity-copy{display:none}.header-actions{gap:8px}.header-contact{min-height:26px;padding:7px 12px!important}
  .index-panel{padding:82px 22px 32px}.index-panel nav{grid-template-columns:1fr}.index-panel nav a,.index-panel nav button{min-height:62px}.index-panel nav b{font-size:31px!important}
  .hero,.category-hero,.about-hero{padding:105px 20px 56px}.hero h1,.category-hero h1,.about-hero h1{font-size:clamp(52px,14vw,82px);line-height:.92}.hero-intro{font-size:20px}.scale-map{border-radius:20px}.scale{border-radius:15px}.scale small{display:none}.scroll-cue,.category-scroll,.about-enter,.project-enter{display:none}
  .manifesto{min-height:auto;padding:100px 20px;grid-template-columns:1fr;gap:46px}.manifesto>p{font-size:clamp(36px,9.8vw,56px)}
  .portfolio-showcase{padding:10px;grid-template-columns:1fr;grid-template-rows:64vh 45vh 55vh;gap:10px}.portfolio-showcase .showcase-wide{grid-row:auto}
  .intro-brief{padding:90px 20px!important;grid-template-columns:1fr!important}.intro-code,.intro-portrait,.intro-voice,.intro-copy{grid-column:1!important}.intro-portrait{width:100%!important}.intro-voice h2{font-size:clamp(46px,12vw,68px)!important}
  .lens-gateway{padding:95px 20px!important;grid-template-columns:1fr!important}.lens-gateway-code,.lens-gateway-title,.lens-gateway-copy,.lens-choices,.lens-gateway-note{grid-column:1!important}.lens-choices{grid-template-columns:1fr!important}.lens-choice{min-height:300px!important}.lens-gateway-title h2{font-size:clamp(48px,12.5vw,72px)!important}
  .category-lenses{grid-template-columns:1fr;border-radius:16px}.category-lenses span+span{border-top:1px solid rgba(0,0,0,.08)!important}.category-figure{width:180px!important;right:-45px!important;top:25%!important}.category-evidence,.arch-lens-work,.career-ledger,.projects.skills-archive,.category-method,.category-capabilities{padding:90px 20px!important}.category-section-head{grid-template-columns:1fr!important}.category-section-head>div{grid-template-columns:1fr!important}.category-section-head h2{font-size:48px}.case-sheet{padding:24px!important}.case-sheet header,.case-content{grid-template-columns:1fr!important;padding-left:0!important}.case-sheet header>span{display:none}.case-content{gap:26px}.method-grid{grid-template-columns:1fr!important}.method-card{min-height:260px;border:0!important}.category-capabilities{grid-template-columns:1fr!important}.education-note{grid-column:1!important}
  .category-image-stage{inset:74px 10px 24px}
  .about-portrait{right:-30px;width:60vw;opacity:.08!important}.timeline-shell{padding-top:128px!important}.timeline-console{top:48px!important}.timeline-event{padding-left:20px!important;padding-right:20px!important}.event-visual{border-radius:22px}
  .project-gateway{padding:110px 20px 54px}.project-back{top:74px;right:20px}.project-gateway-heading h1{font-size:clamp(50px,14vw,76px)}.project-aperture{opacity:.06}.project-gateway-meta div{grid-template-columns:72px 1fr}.project-record{padding:95px 20px}.record-question{font-size:clamp(45px,12.5vw,68px)}.project-sequence{padding:65px 20px}.project-sequence a{min-height:150px}
  .project-hero-media{inset:68px 10px 20px}.project-gallery{padding:90px 20px}.project-gallery header{grid-template-columns:1fr;gap:20px;margin-bottom:42px}.project-gallery header h2{font-size:48px}.project-gallery-grid{display:block}.gallery-item,.gallery-item:nth-child(even){min-height:62vw;margin-bottom:12px;grid-column:auto}
  .contact-gateway{padding-top:48px;grid-template-columns:1fr;gap:0}.contact-form-panel,.contact-studio-panel{min-height:auto;padding:75px 20px 38px}.contact-form-panel{min-height:calc(100svh - 48px)}.contact-studio-panel{margin:0;border-radius:0!important}.contact-compose{grid-template-columns:1fr}.contact-compose button,.form-status{grid-column:1}.contact-qr-dock{overflow-x:auto}.contact-form-panel h1{font-size:clamp(60px,18vw,88px)}
  .contact.category-qr-contact,.category-contact,.about-contact{padding:90px 20px 28px!important}.contact-heading h2,.category-contact h2,.about-contact>h2{font-size:clamp(54px,15vw,82px)!important}.about-destinations{grid-template-columns:1fr!important}.qr-card{border-radius:18px!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}