/* Portfolio polish — October 2026 */
html{scroll-padding-top:94px} [hidden]{display:none!important}
body{overflow-x:clip} button,input,summary{font:inherit}
button,summary{cursor:pointer} button{color:inherit}
.skip{position:fixed;top:8px;left:16px;z-index:1000;background:#ff8a00;color:#17191c;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}
.bar{mix-blend-mode:normal;background:rgba(24,26,29,.97);color:#f5f5f2;border-bottom:1px solid #45474a;min-height:66px;backdrop-filter:blur(14px)}
.bar nav{align-items:center;gap:22px}.bar nav a[aria-current]{color:#ffad4a}
.bar .motion{background:none;border:1px solid #62666c;padding:5px 10px;font-size:12px;border-radius:3px}
.hero{height:min(850px,94svh);min-height:650px;padding-top:66px}
.mosaic{top:66px}.plate{max-width:560px;bottom:40px}.role{font-size:17px;line-height:1.5}.name{font-size:clamp(44px,5.3vw,76px)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-actions a{background:#1c1e21;color:#fff;text-decoration:none;padding:11px 17px;font-size:14px;font-weight:700}.hero-actions a:last-child{background:#ff8a00;color:#191b1e}
.dim{font-size:12px;color:#50545a}.tile span{opacity:1;transform:none;font-size:12px}
.select{padding:88px var(--gutter);scroll-margin-top:0}.select>p{margin-bottom:26px;color:#b9bdc4}
.select-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffb157;margin-bottom:12px}
.explore-tools{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:28px 0 12px;padding:18px 0;border-top:1px solid #43464b;border-bottom:1px solid #43464b}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #656970;background:transparent;color:#ddd;padding:8px 15px;border-radius:30px;font-size:14px;transition:background .2s}
.filters button[aria-pressed=true]{background:#ff8a00;border-color:#ff8a00;color:#17191c;font-weight:700}
.search-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#bcc0c6}.search-label input{background:#292c31;border:1px solid #62666c;color:#fff;padding:9px 12px;border-radius:3px;width:220px;max-width:100%}
#project-count{color:#9ea3aa;font-size:13px;margin:12px 0}.no-results{padding:28px;border:1px dashed #777}
.levels{gap:28px 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.levels li{min-width:0;position:relative;border-bottom:1px solid #4a4d53;padding-bottom:20px}
.levels .pic{aspect-ratio:16/10;border-radius:5px}.levels .meta{align-items:start}.levels .t{font-size:clamp(20px,1.8vw,27px);line-height:1.15}.levels .yr{font-size:12px}
.levels .k{font-size:11px;padding:4px 8px}.levels .r{font-size:14px;line-height:1.45;padding-right:8px}
.card-summary{font-size:14px;color:#bfc4cc;line-height:1.6;margin:12px 0}
.quick-look{border:0;border-bottom:1px solid #ff8a00;background:none;font-weight:650;color:#ffb45b;font-size:13px;padding:4px 0;margin-top:12px}
.quick-look:hover{color:white}.group{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#b7bbc1}
.project-type{position:absolute;left:16px;top:16px;font-size:10px;letter-spacing:.14em;border:1px solid #ffffff50;padding:5px 8px}
.type-art{display:grid!important;place-items:center;isolation:isolate;background:#303b39!important;color:#e7f3d6;overflow:hidden}
.type-art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#b8cb8930 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,#b8cb8930 1px,transparent 1px) 0 0/28px 28px;transform:rotate(-10deg) scale(1.3)}
.type-art .monogram{font-size:90px;font-weight:850;letter-spacing:-.08em;transition:transform .4s}.levels a:hover .monogram{transform:translateY(-4px) rotate(-4deg)}
.type-art.lex-art{background:#393151!important;color:#ecdcff}.type-art.lex-art::before{background:linear-gradient(#c7b1f533 1px,transparent 1px) 0 0/38px 38px,linear-gradient(90deg,#c7b1f533 1px,transparent 1px) 0 0/38px 38px}
.pic-note{position:absolute;bottom:13px;left:16px;font-size:11px;letter-spacing:.08em}
.case{padding-bottom:70px;scroll-margin-top:65px}.cover{height:62svh;min-height:410px;max-height:640px}.head{padding-bottom:30px}.head h2{font-size:clamp(36px,5.4vw,76px);max-width:20ch}.head .sub{font-size:clamp(17px,1.7vw,21px);line-height:1.5;max-width:58ch}.cover-tag{display:none}.cover::before{display:none}.cover img{filter:none}.pan{inset:0;transform:none!important}
.body{grid-template-columns:250px minmax(0,1fr);gap:55px;padding-top:35px}.spec{top:90px}.spec div{grid-template-columns:82px 1fr}
.short-summary{font-size:19px;line-height:1.65;max-width:65ch;margin:0 0 20px}.short-summary ul{font-size:16px;padding-left:20px}.short-summary li{margin-bottom:9px}
.case-details{margin-top:24px;border-top:1px solid #ffffff35;padding-top:14px}.case-details>summary{font-weight:700;color:var(--accent);padding:10px 0;list-style-position:outside;margin-left:20px}.case-details[open]>summary{margin-bottom:20px}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery button{width:100%;border-radius:3px}.gallery figure:first-child{grid-column:span 2;grid-row:auto}.gallery figure:first-child button{height:auto;aspect-ratio:16/9}
.gallery figcaption{font-size:12px}.result b{font-size:25px}.copy h3{margin-top:30px;font-size:23px}.copy p,.copy li{line-height:1.7}
.current-case{background:#e9e8df;color:#202425;padding:64px var(--gutter);border-top:1px solid #c3c3b7}
.current-inner{max-width:1288px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px}.current-title{font-size:clamp(38px,5vw,70px);margin:12px 0 18px}.current-case p{max-width:66ch}.current-case ul{padding-left:20px;line-height:1.8}.current-case .eyebrow{color:#5f6847}.current-case .btn{color:#202425;border-color:#202425}.current-case .btn:hover{background:#202425;color:#fff}
.current-case.lex-case{background:#eeebf3}.current-case.lex-case .eyebrow{color:#6f538e}.current-case .status{font-size:13px;color:#64686b}
.current-summary{font-size:21px;line-height:1.6}.scope-note{font-size:13px;color:#5c6265;margin-top:20px}
.current-art{border-radius:8px;aspect-ratio:1/1;position:relative}.current-art .monogram{font-size:100px}
.about{padding-top:80px;padding-bottom:80px}.about .lede{line-height:1.45}.tools li{font-size:13px}.contact h2{font-size:clamp(40px,6vw,88px);line-height:1.05;max-width:18ch}
.progress{height:3px;background:#ff8a00;position:fixed;left:0;top:0;z-index:80;width:0;pointer-events:none}
.quick-dialog{background:#f0efe9;color:#202425;width:min(650px,calc(100vw - 32px));max-height:85svh;overflow:auto;border:1px solid #777;padding:32px;border-radius:8px}
.quick-dialog h2{font-size:clamp(28px,4vw,42px);margin:18px 0;line-height:1.1}.quick-dialog .dialog-close{position:static;float:right;background:none;border:1px solid #9a9c96;padding:5px 10px;font-size:13px}.quick-dialog p{line-height:1.65}.quick-dialog .btn{color:#202425;border-color:#202425}.quick-dialog .eyebrow{color:#65553b}
#lb{padding:28px;background:#17191c;border-radius:8px;max-height:94svh;width:min(1200px,94vw)}#lb img{max-width:100%;max-height:75svh;object-fit:contain}#lb button{position:absolute;top:8px;right:8px;font-family:inherit;z-index:1}
.no-motion *, .no-motion *::before,.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .tile::before{display:none}.no-motion .cover img{filter:none!important}
@media(max-width:1000px){.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.body,.current-inner{grid-template-columns:210px minmax(0,1fr);gap:30px}.bar nav{gap:15px}}
@media(max-width:760px){.hero{height:auto;min-height:0;padding-top:66px}.mosaic{top:auto;height:48svh;min-height:310px}.plate{max-width:none;bottom:auto;padding:24px}.hero-actions a{flex:1;text-align:center}.bar{padding:12px 18px}.bar nav{gap:13px}.bar nav a:not(:last-child){display:block}.bar nav a[href="#about"],.bar nav a[target]{display:none}.bar .me{font-size:15px}.bar .motion{font-size:11px;padding:4px 7px}.role{font-size:16px}.name{font-size:49px}.dim{display:none}.tile span{font-size:10px;padding:3px 6px;left:5px;bottom:5px}.select{padding:55px 20px}.levels{gap:26px 16px}.levels .t{font-size:21px}.levels .pic{aspect-ratio:4/3}.levels .meta{flex-direction:column;gap:5px}.levels .yr{order:-1}.levels .r{font-size:13px}.levels .k{font-size:10px;right:6px;top:6px}.project-type{font-size:9px;left:10px;top:10px}.pic-note{left:10px;bottom:9px;font-size:9px}.type-art .monogram{font-size:64px}.search-label{width:100%}.search-label input{flex:1;width:auto}.filters{gap:6px}.filters button{padding:7px 12px;font-size:13px}.cover{height:48svh;min-height:340px}.head{padding:0 20px 25px}.head h2{font-size:38px}.head .sub{font-size:16px}.body,.current-inner{grid-template-columns:1fr;gap:24px}.body{padding:25px 20px 0}.spec{position:static}.spec dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.spec div{display:block;font-size:13px}.spec dd{margin-top:3px}.short-summary{font-size:18px}.case{padding-bottom:48px}.current-case{padding:48px 20px}.current-art{aspect-ratio:16/7}.current-art .monogram{font-size:80px}.current-inner{gap:25px}.current-title{font-size:42px}.current-summary{font-size:19px}.about{padding:50px 20px}.contact{padding:55px 20px}.contact p{font-size:17px}.gallery{gap:10px}}
@media(max-width:420px){.levels{grid-template-columns:1fr}.levels .pic{aspect-ratio:16/9}.levels .meta{flex-direction:row}.levels .yr{order:0}.filters{width:100%}.filters button{flex:1;padding:7px 8px}.bar nav{gap:9px}.bar nav a{font-size:13px}.bar .motion{max-width:62px;line-height:1.25}.current-art{aspect-ratio:16/7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{filter:none!important;transform:none!important}.tile::before{display:none}}