/* Clear chapter surfaces; compact, coherent groups; real project screens. */
#project-overlay,#project-dialog,#project-dialog div,#project-dialog p,#project-dialog li{white-space:normal}#project-dialog p,#project-dialog ul{max-width:100%;overflow-wrap:anywhere}#project-dialog .dialog-toolbar{font-family:Inter,Arial,sans-serif;font-size:10px}
.experience{font-family:Inter,Arial,sans-serif}.project-overlay{right:auto;bottom:auto;font-family:Inter,Arial,sans-serif}.project-overlay .project-dialog{box-sizing:border-box}.project-overlay #project-screen{width:100%;height:auto;max-width:100%;min-width:0}.project-overlay #screen-original{max-width:100%;min-width:0}
html{scroll-padding-top:86px}.experience .content-section{scroll-margin-top:0}.project-dialog,.project-dialog *{box-sizing:border-box}.project-dialog{font-family:Inter,Arial,sans-serif}.project-dialog .dialog-heading h2{font-family:Manrope,Arial,sans-serif}.project-dialog .dialog-body{min-width:0}.project-dialog #project-screen{height:auto;max-width:100%}.case-cards[data-count="1"]{grid-template-columns:minmax(0,900px);justify-content:center}.case-cards[data-count="1"] .case-card{grid-column:1}.case-cards[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.case-cards[data-count="4"] .case-card{grid-column:span 1}
.experience{--chapter-work:#e9e0f1;--chapter-card:#fbf8f1;--chapter-services:#24212b;--services-ink:#faf5ef;--services-muted:#c3b7ce;--chapter-process:#f0e7d9;--chapter-contact:#725199;--contact-ink:#fff8f0;--chapter-edge:#d6c9e0;--accent:#8964bf}
.experience.concept-b{--chapter-work:#27231f;--chapter-card:#161514;--chapter-services:#ff713d;--services-ink:#27150d;--services-muted:#633721;--chapter-process:#e9e2d7;--chapter-contact:#141312;--contact-ink:#eee6dd;--chapter-edge:#463d34;--accent:#ff713d}
.experience .topbar{grid-template-columns:1fr auto;height:86px;gap:30px;background:var(--paper);width:min(calc(100% - 80px),1440px);border-bottom:1px solid var(--line)}.experience .topnav{gap:8px}.experience .topnav a{font-size:12px;padding:10px 15px;border-radius:24px;color:var(--soft);transition:background .2s,color .2s}.experience .topnav a[aria-current=location]{background:var(--accent);color:#fff}.experience.concept-b .topnav a[aria-current=location]{color:#25170e}.experience .logo-sub{font-size:8px;letter-spacing:.08em;margin-top:5px}.reading-progress{position:absolute;left:0;bottom:-1px;width:calc(var(--read-progress,0) * 100%);height:2px;background:var(--accent);transition:width .08s linear}.experience .hero.new-hero{margin-bottom:70px}.experience .new-hero-lead{max-width:540px}.experience .bold-summary p{font-size:15px;line-height:1.8}.experience .hero-kicker{font-size:10px}
.content-section{padding:70px 40px;scroll-margin-top:85px;position:relative}.section-shell{width:min(100%,1440px);margin:0 auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:36px}.section-heading h2{font:500 clamp(35px,3.7vw,56px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0;max-width:810px}.section-heading h2 em{font-style:normal;opacity:.6}.section-label{font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.6;margin:0 0 23px}.section-description{font-size:14px;line-height:1.8;max-width:355px;margin:0;color:inherit;opacity:.75}.portfolio-band{background:var(--chapter-work);border-top:1px solid var(--chapter-edge);border-bottom:1px solid var(--chapter-edge);border-radius:30px 30px 0 0}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid var(--chapter-edge);margin-bottom:28px}.project-filters{display:flex;gap:7px;flex-wrap:wrap}.project-filters button{font:inherit;font-size:12px;border:1px solid var(--chapter-edge);border-radius:23px;background:transparent;color:inherit;padding:10px 17px;cursor:pointer;min-height:44px}.project-filters button span{font-size:10px;margin-left:7px;opacity:.55}.project-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#work-count{font-size:12px;margin:0;opacity:.65;white-space:nowrap}.case-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}.case-card{grid-column:span 2;min-width:0;background:var(--chapter-card);border:1px solid var(--chapter-edge);border-radius:17px;padding:18px;transition:box-shadow .3s,transform .3s}.case-card:nth-child(1),.case-card:nth-child(2){grid-column:span 3}.case-card[hidden]{display:none}.case-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px;font-size:9px;letter-spacing:.04em;color:var(--soft)}.publication{display:inline-flex;align-items:center;font-size:10px;letter-spacing:0;line-height:1.6;border:1px solid var(--chapter-edge);border-radius:20px;padding:4px 10px;color:var(--soft);white-space:nowrap}.publication.published::before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.screen-button{font:inherit;position:relative;width:100%;display:block;border:1px solid var(--chapter-edge);padding:0;background:var(--paper);color:var(--ink);text-align:left;border-radius:9px;overflow:hidden;cursor:zoom-in}.screen-chrome{display:flex;align-items:center;gap:4px;padding:9px 10px;font-size:9px;background:var(--paper-deep);color:var(--soft)}.screen-chrome i{height:4px;width:4px;border-radius:50%;background:currentColor;opacity:.5}.screen-chrome>span{margin-left:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.screen-chrome b{margin-left:auto;font-size:12px;font-weight:400}.screen-viewport{display:block;aspect-ratio:1.44;overflow:hidden;background:#141516}.screen-viewport img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;transition:transform .6s,opacity .2s}.screen-hover{position:absolute;inset:auto 12px 12px auto;font-size:10px;padding:8px 12px;background:var(--ink);color:var(--paper);border-radius:20px;opacity:0;transform:translateY(6px);transition:.2s}.screen-button:hover .screen-hover,.screen-button:focus-visible .screen-hover{opacity:1;transform:none}.screen-button:hover img{transform:scale(1.025)}.shot-switch{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:11px 0 0;border-bottom:1px solid var(--chapter-edge);padding-bottom:12px;min-height:46px}.shot-select{font:inherit;font-size:10px;color:var(--soft);background:none;border:0;border-radius:16px;padding:7px 9px;cursor:pointer}.shot-select[aria-pressed=true]{color:var(--ink);background:var(--paper-deep)}.shot-index{font-size:9px;opacity:.45;margin-left:auto;white-space:nowrap}.case-card-info{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding-top:17px}.case-card-info h3{font-size:clamp(23px,2.3vw,33px);line-height:1.1;font-weight:500;letter-spacing:-.05em;margin:0 0 10px}.case-card-info p{font-size:12px;color:var(--soft);line-height:1.6;margin:0;max-width:270px}.case-open{display:flex;align-items:center;gap:8px;font:inherit;font-size:10px;background:none;border:0;padding:4px 0;color:var(--ink);cursor:pointer;white-space:nowrap;min-height:40px}.case-open span{font-size:17px;color:var(--accent)}.portfolio-note{font-size:12px;line-height:1.7;color:var(--soft);margin:26px 0 0}
.capabilities-band{background:var(--chapter-services);color:var(--services-ink);padding-top:75px;padding-bottom:65px}.capabilities-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;border-top:1px solid currentColor;padding-top:30px}.capability-options{display:flex;flex-direction:column;gap:12px}.capability-options button{display:flex;align-items:center;gap:16px;min-height:88px;border:1px solid #ffffff20;background:transparent;color:inherit;font:inherit;padding:19px 22px;text-align:left;border-radius:12px;cursor:pointer;transition:background .25s,border-color .25s}.capability-options button>span{font-size:11px;opacity:.5}.capability-options button>b{font-size:clamp(19px,2.2vw,30px);letter-spacing:-.04em;font-weight:500;line-height:1.2}.capability-options button>i{font-style:normal;margin-left:auto;font-size:23px;opacity:.45}.capability-options button[aria-pressed=true]{background:#ffffff14;border-color:#ffffff65}.concept-b .capability-options button{border-color:#64300a35}.concept-b .capability-options button[aria-pressed=true]{background:#27150d;border-color:#27150d;color:#fff3e7}.capability-detail{border:1px solid #ffffff25;border-radius:16px;background:#ffffff08;padding:30px 35px}.concept-b .capability-detail{background:#ffe2bf70;border-color:#6c3b2025}.detail-label{font-size:10px;letter-spacing:.06em;line-height:1.5;margin:0 0 18px;opacity:.65}.capability-detail h3{font-size:32px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:0 0 19px}.capability-detail>p:not(.detail-label){font-size:14px;line-height:1.8;max-width:580px;margin:0}.capability-detail ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:9px;font-size:13px;line-height:1.6}.capability-detail li::before{content:"↗";margin-right:10px;opacity:.5}.inline-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;line-height:1.7;text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;color:inherit;cursor:pointer;min-height:44px}.service-terms{display:flex;justify-content:space-between;gap:20px;padding-top:26px;margin-top:30px;border-top:1px solid #ffffff25;font-size:11px;line-height:1.7;opacity:.65}.concept-b .service-terms{border-color:#6c3b2030}
.process-band{background:var(--chapter-process);color:#302a25}.process-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-selector button{font:inherit;text-align:left;color:inherit;border:1px solid #b8a38c50;border-radius:14px;background:#ffffff50;padding:23px;cursor:pointer;transition:background .2s,transform .2s}.process-selector button>span{display:block;font-size:13px;color:#967a5a;margin-bottom:20px}.process-selector button>b{font-weight:500;font-size:25px;letter-spacing:-.04em;display:block;line-height:1.2}.process-selector button>small{display:block;font-size:12px;margin-top:10px;opacity:.6}.process-selector button[aria-pressed=true]{background:#fffaf1;border-color:#9a7f5c80;transform:translateY(-4px);box-shadow:0 10px 25px #5939120a}.process-detail{display:grid;grid-template-columns:85px 1fr;gap:30px;border-top:1px solid #c7b8a0;margin-top:29px;padding-top:29px;max-width:1060px}.process-detail-no{font-family:Manrope;font-size:56px;line-height:1;color:#bca68b}.process-detail h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}.process-detail p:last-child{font-size:14px;line-height:1.8;margin:0;max-width:860px}
.contact-band{background:var(--chapter-contact);color:var(--contact-ink);padding:70px 40px 75px}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.contact-eyebrow{font-size:14px;opacity:.7;margin:0 0 24px}.contact-band h2{font-size:clamp(42px,5.6vw,84px);line-height:1.05;font-weight:500;letter-spacing:-.06em;margin:0}.contact-band h2 em{font-style:normal;opacity:.65}.contact-description{font-size:14px;line-height:1.8;opacity:.7;margin:27px 0 0}.contact-actions{display:grid;gap:12px}.telegram-action{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#28202f;background:#faf3ec;padding:28px;border-radius:14px;text-decoration:none;font-size:20px;line-height:1.3;letter-spacing:-.02em;transition:transform .25s,background .25s}.telegram-action small{display:block;font-size:12px;letter-spacing:0;opacity:.55;margin-top:9px}.telegram-action>b{font-weight:400;font-size:35px}.telegram-action:hover{transform:translateY(-4px);background:#fff}.concept-b .telegram-action{background:#ff713d;color:#27150d}.concept-b .telegram-action:hover{background:#ff8b5f}.secondary-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 5px;border-bottom:1px solid #ffffff30;color:inherit;text-decoration:none;font-size:14px;opacity:.65}.secondary-contact:hover{opacity:1}.experience .footer{width:min(calc(100% - 80px),1440px);padding:28px 0;margin:0 auto;font-size:11px}.experience a:focus-visible,.experience button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.capabilities-band button:focus-visible,.contact-band a:focus-visible{outline-color:currentColor}
.project-dialog{margin:auto;width:min(1120px,calc(100vw - 48px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.project-dialog::backdrop{background:#111018a0;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:2;background:var(--paper);padding:14px 25px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em}.dialog-toolbar button{width:40px;height:40px;border:0;border-radius:50%;font:inherit;font-size:28px;background:var(--accent);color:#fff;cursor:pointer}.dialog-body{padding:28px 36px 38px}.dialog-heading h2{font-size:clamp(32px,4.5vw,59px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:19px 0}.dialog-heading>p{font-size:15px;line-height:1.8;max-width:890px;margin:0 0 26px;color:var(--soft)}.dialog-shot-options{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.dialog-shot-options button{font:inherit;font-size:12px;min-height:42px;border:1px solid var(--line);border-radius:25px;padding:9px 17px;background:none;color:var(--soft);cursor:pointer}.dialog-shot-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#screen-original{display:block;background:#121212;border:1px solid var(--line);border-radius:7px;overflow:hidden;cursor:zoom-in}#project-screen{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}#screen-provenance{font-size:11px;line-height:1.7;color:var(--soft);margin:12px 0 0}.dialog-links{display:flex;gap:25px;flex-wrap:wrap;margin:14px 0 25px}.dialog-links [hidden]{display:none}.project-description-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:0 30px}.project-description-grid>div{padding:25px 0;border-bottom:1px solid var(--line)}.project-description-grid p:last-child,.project-description-grid ul{font-size:14px;line-height:1.8;margin:0}.project-description-grid .detail-label{font-size:10px;color:var(--soft);margin-bottom:13px}.project-description-grid ul{padding-left:18px}.project-contact{margin-top:25px}
.reveal-ready .chapter-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.2,1)}.reveal-ready .chapter-reveal.in-view{opacity:1;transform:none}.screen-button.image-changing img{opacity:.45}.capability-detail.is-changing,.process-detail.is-changing{animation:content-enter .35s ease}.sculpture{animation:sculpture-breathe 7s ease-in-out infinite}@keyframes content-enter{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sculpture-breathe{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1100px){.case-card{grid-column:span 3}.case-card:last-child{grid-column:span 6;display:grid;grid-template-columns:1.4fr 1fr;gap:0 30px}.case-card:last-child .case-card-top{grid-column:1/-1}.case-card:last-child .screen-button{grid-column:1;grid-row:2/4}.case-card:last-child .shot-switch{grid-column:2;grid-row:3;align-self:start}.case-card:last-child .case-card-info{grid-column:2;grid-row:2;padding-top:20px}.contact-layout{gap:40px}.capabilities-layout{gap:25px}.capability-detail{padding:26px}.capability-detail h3{font-size:28px}.case-card-info h3{font-size:29px}}
@media(max-width:760px){.experience .topbar{height:103px;width:calc(100% - 36px);grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;padding:12px 0 10px}.experience .logo{justify-self:start}.experience .logo b{font-size:12px}.experience .logo-sub{font-size:7px}.experience .topnav{justify-content:space-between;width:100%;gap:3px}.experience .topnav a,.experience .topnav a:nth-child(2){display:block;font-size:11px;padding:7px 13px}.experience .hero.new-hero.soft-hero,.experience .hero.new-hero.bold-hero{padding-top:148px;margin-bottom:45px}.experience .new-hero-lead{font-size:14px}.experience .hero-kicker{font-size:8px}.content-section{padding:42px 18px;scroll-margin-top:102px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:33px;line-height:1.15}.section-label{font-size:10px;margin-bottom:19px}.section-description{font-size:13px;margin-top:22px;max-width:100%}.portfolio-band{border-radius:22px 22px 0 0}.work-toolbar{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:23px}.project-filters{gap:6px}.project-filters button{font-size:11px;padding:9px 14px}#work-count{font-size:10px}.case-cards{grid-template-columns:1fr;gap:18px}.case-card,.case-card:nth-child(1),.case-card:nth-child(2),.case-card:last-child{display:block;grid-column:auto;padding:14px;border-radius:13px}.case-card-top{font-size:8px;margin-bottom:12px}.publication{font-size:9px;padding:4px 8px}.screen-chrome{font-size:8px;padding:8px}.screen-viewport{aspect-ratio:1.44}.shot-select{font-size:10px;min-height:40px;padding:6px 9px}.shot-switch{padding-top:5px;padding-bottom:6px}.case-card-info,.case-card:last-child .case-card-info{padding-top:17px}.case-card-info h3{font-size:29px}.case-card-info p{font-size:12px}.portfolio-note{font-size:11px;margin-top:22px}.capabilities-layout{grid-template-columns:1fr;gap:19px;padding-top:23px}.capability-options{gap:8px}.capability-options button{min-height:65px;padding:15px 17px}.capability-options button>b{font-size:23px}.capability-detail{padding:23px 21px}.capability-detail h3{font-size:27px}.capability-detail>p:not(.detail-label){font-size:13px}.capability-detail ul{font-size:12px}.service-terms{flex-direction:column;gap:9px;margin-top:22px;padding-top:20px;font-size:10px}.process-selector{gap:7px}.process-selector button{padding:17px 11px;border-radius:10px}.process-selector button>span{font-size:11px;margin-bottom:18px}.process-selector button>b{font-size:17px;letter-spacing:-.04em;overflow-wrap:anywhere}.process-selector button>small{font-size:10px;line-height:1.5;min-height:30px}.process-detail{grid-template-columns:38px 1fr;gap:15px;padding-top:24px;margin-top:23px}.process-detail-no{font-size:33px}.process-detail h3{font-size:23px;line-height:1.25}.process-detail p:last-child{font-size:13px;line-height:1.8}.detail-label{font-size:9px;line-height:1.7;margin-bottom:14px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-band h2{font-size:41px;line-height:1.1}.contact-description{font-size:13px;margin-top:22px}.contact-description br{display:none}.contact-eyebrow{font-size:12px;margin-bottom:20px}.telegram-action{font-size:19px;padding:24px 20px}.telegram-action small{font-size:11px}.secondary-contact{font-size:13px}.experience .footer{width:calc(100% - 36px);font-size:10px;gap:15px;padding:22px 0;flex-wrap:wrap}.project-dialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:13px}.dialog-toolbar{padding:10px 15px}.dialog-body{padding:23px 19px 28px}.dialog-heading h2{font-size:38px;margin:16px 0}.dialog-heading>p{font-size:13px;margin-bottom:20px}.dialog-shot-options button{font-size:11px;padding:8px 14px}#screen-provenance{font-size:10px}#project-screen{max-height:none}.project-description-grid{grid-template-columns:1fr;gap:0}.project-description-grid>div{padding:21px 0}.project-description-grid p:last-child,.project-description-grid ul{font-size:13px}.dialog-links{gap:13px;margin:10px 0 20px}.inline-link{font-size:12px}.project-dialog .publication{font-size:11px}}
@media(max-width:360px){.section-heading h2{font-size:30px}.process-selector button>b{font-size:15px}.process-selector button{padding:16px 9px}.contact-band h2{font-size:36px}.experience .topnav a{padding:7px 10px}.case-card-info h3{font-size:27px}.screen-hover{display:none}}
.project-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;background:#111018a0;backdrop-filter:blur(8px);padding:12px}.project-overlay[hidden]{display:none}.project-overlay .project-dialog{position:relative;inset:auto;transform:none;flex-shrink:1;min-width:0;width:min(1120px,calc(100vw - 48px));max-height:90vh;overflow:auto}.project-overlay .dialog-body{width:100%;min-width:0}.project-overlay #project-screen{display:block;width:100%;max-width:100%;height:auto}.project-overlay .dialog-heading h2{overflow-wrap:anywhere}
@media(max-width:760px){html{scroll-padding-top:103px}.case-cards[data-count="4"]{grid-template-columns:1fr}.project-dialog .dialog-body{padding:23px 19px 28px}.process-selector{display:flex;flex-direction:column;gap:8px}.process-selector button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:4px 12px;padding:16px 18px}.process-selector button>span{grid-row:1/3;margin:0;font-size:12px}.process-selector button>b{font-size:23px;overflow-wrap:normal}.process-selector button>small{grid-column:2;min-height:0;font-size:11px;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sculpture{animation:none}.reveal-ready .chapter-reveal{opacity:1!important;transform:none!important;transition:none}.screen-viewport img,.screen-hover,.telegram-action,.case-card,.process-selector button{transition:none}.capability-detail.is-changing,.process-detail.is-changing{animation:none}.screen-button:hover img{transform:none}}
@media(max-width:760px){.project-overlay{padding:8px}.project-overlay .project-dialog{width:100%;max-height:calc(100dvh - 20px)}}

/* Unnumbered sections and steps. */
.process-detail{grid-template-columns:1fr;gap:0}.capability-options button>b{flex:1}.process-selector button>b{margin-top:0}
@media(max-width:760px){.process-selector button{grid-template-columns:1fr;gap:5px}.process-selector button>small{grid-column:1}.process-detail{grid-template-columns:1fr;gap:0}}
