/* NDKA / Selected Work 2026 - first-person portfolio extension */
:root{--pw-navy:#102335;--pw-dark:#071722;--pw-copper:#b57553;--pw-cream:#f7f4ed;--pw-surface:#fffcf7;--pw-stone:#e9e1d7;--pw-line:rgba(16,35,53,.17)}
.pw-kicker{font:700 .7rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#a66b48}.pw-kicker-light{color:#e6b893}.pw-hero{background:#102335;color:#fffcf7;padding:100px 0 104px;overflow:hidden}.pw-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:8%;align-items:end}.pw-hero h1{font-size:clamp(3.7rem,6.1vw,6.6rem);line-height:1.01;margin:22px 0 30px}.pw-hero h1 em{font-style:italic;color:#e2b795}.pw-lede{font-size:clamp(1.09rem,1.7vw,1.2rem);line-height:1.72;max-width:790px;color:#d5dcdf}.pw-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.pw-btn-outline{color:white!important;border-color:rgba(255,255,255,.58)!important}.pw-btn-outline:hover{background:white!important;color:#102335!important}.pw-hero-aside{height:460px;border:1px solid rgba(241,210,188,.3);padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 92% 10%,rgba(194,136,98,.17),transparent 54%),#14293b;position:relative}.pw-hero-aside:before,.pw-hero-aside:after{content:"";width:310px;height:310px;border:1px solid rgba(218,168,130,.18);border-radius:50%;position:absolute;right:-120px;top:10%;pointer-events:none}.pw-hero-aside:after{width:220px;height:220px;right:-70px;top:19%}.pw-hero-aside>span{font-size:.65rem;letter-spacing:.19em;text-transform:uppercase;color:#d3b49b;position:relative;z-index:1}.pw-hero-aside-typography{font-family:Georgia,serif;line-height:.98;font-size:clamp(2.6rem,4vw,4rem);letter-spacing:-.045em;display:flex;flex-direction:column;position:relative;z-index:1}.pw-hero-aside-typography strong{font-weight:normal;color:#e3b797;font-style:italic}.pw-proof{padding:51px 0 57px;background:#e8e0d6}.pw-proof h2{font-size:clamp(1.8rem,3.1vw,2.9rem);margin:14px 0}.pw-proof-intro{font-size:.92rem;color:#50626b;max-width:810px}.pw-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:33px;border-top:1px solid var(--pw-line)}.pw-proof-grid>div{padding:24px 22px 2px 0;margin-right:22px;border-right:1px solid var(--pw-line)}.pw-proof-grid>div:last-child{border:0;margin-right:0}.pw-proof-grid strong{display:block;font-family:Georgia,serif;font-size:clamp(2.3rem,3.7vw,3.6rem);font-weight:normal;letter-spacing:-.05em;line-height:1.05;color:#1c3243}.pw-proof-grid span{display:block;color:#485e69;font-size:.77rem;line-height:1.5;margin-top:10px}.pw-feature-section{padding:100px 0 95px;background:#fffcf7}.pw-section-intro{margin-bottom:41px;max-width:790px}.pw-section-intro h2{font-size:clamp(2.7rem,4.8vw,4.7rem);margin:13px 0 19px}.pw-section-intro p{font-size:1.03rem;color:#4b6170;line-height:1.68;max-width:750px}.pw-featured-story{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1fr);border-top:1px solid var(--pw-line);padding:54px 0;gap:62px;align-items:center}.pw-featured-story:nth-child(even) .pw-featured-visual{order:2}.pw-featured-story:nth-child(even) .pw-featured-copy{order:1}.pw-featured-story:last-child{padding-bottom:12px}.pw-featured-visual a{text-decoration:none;display:block}.pw-featured-visual .pw-thumbnail{min-height:350px;aspect-ratio:1.36}.pw-featured-visual img{height:100%;width:100%;object-fit:contain}.pw-featured-copy h3{font-size:clamp(2.25rem,3.4vw,3.6rem);line-height:1.08;margin:18px 0 16px;max-width:730px}.pw-featured-copy p{font-size:1rem;color:#3c5360;line-height:1.65}.pw-featured-copy .pw-byline{font-size:.83rem;color:#85674f;letter-spacing:.025em;line-height:1.5;margin-bottom:19px}.pw-featured-result{border-left:3px solid #bc8463;padding:11px 18px;margin:23px 0;background:#f2ebe2}.pw-featured-result span{display:block;font-size:.7rem;font-weight:bold;color:#926644;letter-spacing:.12em}.pw-featured-result strong{font-size:1.08rem;font-weight:700;display:block;margin-top:5px}.pw-text-link{display:inline-block;font-weight:bold;color:#945c3e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;margin-top:7px;font-size:.9rem}.pw-gallery-section{padding:90px 0 104px;background:#ede6dd}.pw-filters{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--pw-line);padding-top:25px}.pw-filter{font-family:Arial,sans-serif;padding:10px 14px;background:transparent;color:#243b4a;border:1px solid rgba(16,35,53,.3);font-weight:bold;font-size:.69rem;letter-spacing:.045em;cursor:pointer;text-transform:uppercase}.pw-filter[aria-pressed=true],.pw-filter:hover{background:#102335;border-color:#102335;color:white}.pw-filter-status{color:#52636c;margin:16px 0 25px;font-size:.84rem}.pw-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.pw-project{border:1px solid rgba(16,35,53,.12);background:#fffcf7;min-width:0}.pw-project[hidden]{display:none!important}.pw-project-link{text-decoration:none;display:flex;flex-direction:column;color:inherit;height:100%}.pw-project-link:hover h3{text-decoration:underline;text-decoration-color:#b57553;text-underline-offset:6px}.pw-thumbnail{width:100%;aspect-ratio:1.54;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;position:relative;background:#d7c7b8}.pw-thumbnail img{width:100%;height:100%;object-position:center center;display:block;transition:transform .3s ease}.pw-thumbnail-image{background:#ddd4c8}.pw-cover img{object-fit:cover}.pw-contain img{object-fit:contain}.pw-project-link:hover .pw-thumbnail img{transform:scale(1.025)}.pw-media-tag{font-size:.63rem;font-weight:bold;letter-spacing:.15em;position:absolute;top:17px;left:19px;background:rgba(13,34,47,.87);color:#fffcf7;padding:7px 9px}.pw-thumbnail-type{padding:22px 26px;color:#fffcf7;isolation:isolate}.pw-thumbnail-type:after{content:"";position:absolute;z-index:-1;width:74%;aspect-ratio:1;right:-15%;top:-60%;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 79px rgba(255,255,255,.03)}.pw-theme-slate{background:linear-gradient(135deg,#122838 0%,#42535c 74%,#756b66 100%)}.pw-theme-warm{background:linear-gradient(135deg,#322e2c,#7e543b 90%)}.pw-theme-green{background:linear-gradient(135deg,#0c3933,#257361 100%)}.pw-theme-copper{background:linear-gradient(135deg,#251e23,#a9744e 100%)}.pw-thumbnail-type .pw-thumb-label{font-size:.63rem;letter-spacing:.14em;font-weight:bold;opacity:.65;margin-bottom:13px}.pw-thumbnail-type strong{font:normal clamp(2.2rem,5vw,5.5rem)/.95 Georgia,serif;letter-spacing:-.055em;max-width:100%;overflow-wrap:anywhere}.pw-thumbnail-type .pw-thumb-sub{font-size:.83rem;line-height:1.3;margin-top:12px;opacity:.86}.pw-project-content{padding:22px 23px 25px;display:flex;flex-direction:column;flex:1}.pw-card-meta{font-size:.64rem;letter-spacing:.075em;text-transform:uppercase;font-weight:bold;color:#9c684c;display:flex;flex-wrap:wrap;gap:3px 12px}.pw-project-content h3{font-size:clamp(1.48rem,2.3vw,2rem);line-height:1.15;margin:18px 0 13px}.pw-project-content p{font-size:.9rem;color:#4a6170;line-height:1.6}.pw-card-foot{margin-top:auto;border-top:1px solid var(--pw-line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:bold}.pw-card-foot span:last-child{font-size:1.4rem;color:#a2694a}.pw-more-wrap{display:flex;justify-content:center;margin-top:38px}.pw-supporting{padding:89px 0;background:#fffcf7}.pw-supporting h2{margin:13px 0 17px}.pw-supporting>div>p{font-size:1.02rem;color:#536773;max-width:900px}.pw-support-grid{margin-top:31px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pw-support-grid>div{padding:28px 31px;background:#f2ece3;border-top:3px solid #b57553}.pw-support-grid span{font-size:.66rem;font-weight:bold;letter-spacing:.1em;color:#ac704b}.pw-support-grid h3{font-size:1.8rem;margin:13px 0}.pw-support-grid p{font-size:.92rem;color:#4f6670}.pw-method{background:#102335;color:#f7f4ed;padding:98px 0}.pw-method-intro{max-width:840px}.pw-method h2{margin:20px 0;max-width:820px}.pw-method-intro>p{font-size:1.06rem;color:#cfdade;line-height:1.7}.pw-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}.pw-method-grid>div{border-top:1px solid rgba(255,255,255,.35);padding-top:19px}.pw-method-grid span{font-size:.69rem;letter-spacing:.13em;font-weight:bold;color:#e2b18a}.pw-method-grid p{margin-top:13px;color:#e2e8e9;font-size:.92rem}.pw-cta{background:#e4dbd0;padding:100px 0}.pw-cta h2{max-width:970px;margin:20px 0;font-size:clamp(2.8rem,4.9vw,5rem)}.pw-cta h2 em{color:#996544;font-weight:normal}.pw-cta p{font-size:1.05rem;max-width:780px;color:#4a5e69}.pw-disclosure{padding:34px 0;background:#f6f1e9;border-top:1px solid var(--pw-line)}.pw-disclosure strong{font-size:.75rem;color:#344956}.pw-disclosure p{font-size:.75rem;line-height:1.6;color:#596b74;max-width:1100px;margin:9px 0 0}
/* project-detail pages */
.pw-case-hero{background:#ebe3d8;padding:35px 0 75px}.pw-breadcrumb{font-size:.73rem;color:#576a75;display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin:0 0 65px}.pw-breadcrumb a{text-decoration:none}.pw-breadcrumb a:hover{text-decoration:underline}.pw-case-hero h1{margin:22px 0 24px;max-width:1120px;font-size:clamp(3.1rem,5.8vw,6.5rem)}.pw-case-hero .pw-lede{color:#445f6c;max-width:880px}.pw-case-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;border-top:1px solid var(--pw-line);padding-top:21px;margin-top:43px}.pw-case-meta>span{font-size:.86rem;color:#4a606a;line-height:1.5}.pw-case-meta strong{display:block;font-size:.66rem;letter-spacing:.13em;color:#9a6747;margin-bottom:6px}.pw-case-main{background:#fffcf7;padding:92px 0}.pw-case-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.87fr);gap:8%;align-items:start}.pw-case-story section{margin-bottom:53px;padding-bottom:47px;border-bottom:1px solid var(--pw-line)}.pw-case-story section:last-child{border-bottom:0;margin-bottom:0}.pw-case-story h2{font-size:clamp(2.2rem,3.6vw,3.4rem);margin:12px 0 18px}.pw-case-story p{font-size:1.08rem;color:#405a68;line-height:1.8}.pw-case-aside{position:sticky;top:118px}.pw-case-gallery{display:grid;grid-template-columns:1fr;gap:22px;margin-top:16px}.pw-image-frame{margin:0;background:#ede5d9;border:1px solid var(--pw-line)}.pw-image-frame img{display:block;width:100%;height:auto;aspect-ratio:1.58}.pw-image-contain img{object-fit:contain}.pw-image-cover img{object-fit:cover}.pw-image-frame figcaption{padding:12px 14px;font-size:.74rem;color:#415763;background:#f5eee5}.pw-case-art{margin-top:16px;aspect-ratio:.95;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fffcf7;position:relative;overflow:hidden}.pw-case-art:after{content:"";position:absolute;width:90%;height:90%;right:-45%;top:-45%;border:1px solid rgba(255,255,255,.24);border-radius:50%}.pw-case-art>span{font-size:.67rem;letter-spacing:.16em}.pw-case-art strong{font:normal clamp(3.9rem,8vw,8rem)/.9 Georgia,serif;letter-spacing:-.08em;overflow-wrap:anywhere}.pw-case-art p{font-size:1rem;line-height:1.4;color:#e3d8ce}.pw-case-context{background:#f1e9de;padding:48px 0 55px}.pw-case-context h2{font-size:2rem}.pw-case-context p{font-size:.83rem;color:#536671;max-width:960px;line-height:1.65}.pw-next-case{background:#102335;color:white;padding:55px 0}.pw-next-case .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.pw-next-case h2{margin:10px 0 0;font-size:clamp(2rem,3vw,3.2rem)}.pw-next-actions{display:flex;flex-wrap:wrap;gap:11px}.pw-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pw-contact-grid article{background:white;border:1px solid var(--pw-line);padding:35px;display:flex;flex-direction:column}.pw-contact-grid article h2{font-size:2.4rem;margin-top:14px}.pw-contact-grid article p{color:#506571}.pw-contact-grid article a{align-self:start;margin-top:auto}
@media(max-width:1040px){.pw-hero-layout{grid-template-columns:1fr minmax(250px,.6fr);gap:4%}.pw-featured-story{gap:35px}.pw-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pw-hero{padding:72px 0}.pw-hero-layout,.pw-featured-story,.pw-case-columns{grid-template-columns:1fr}.pw-hero-aside{height:300px;max-width:540px}.pw-hero-aside-typography{font-size:3.2rem}.pw-hero h1{font-size:clamp(3.1rem,10.5vw,4.7rem)}.pw-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-proof-grid>div{margin:0;padding:18px 14px 18px 0;border-bottom:1px solid var(--pw-line)}.pw-proof-grid>div:nth-child(2){border-right:0}.pw-featured-story:nth-child(even) .pw-featured-visual,.pw-featured-story:nth-child(even) .pw-featured-copy{order:initial}.pw-featured-story{padding:42px 0}.pw-featured-visual .pw-thumbnail{min-height:275px}.pw-case-aside{position:static}.pw-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pw-case-gallery .pw-image-frame:first-child{grid-column:1/-1}.pw-case-meta{grid-template-columns:1fr 1fr}.pw-next-case .container{align-items:start;flex-direction:column}.pw-contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.pw-project-grid{grid-template-columns:1fr}.pw-proof-grid strong{font-size:2.45rem}.pw-feature-section,.pw-gallery-section,.pw-supporting,.pw-method,.pw-cta,.pw-case-main{padding:64px 0}.pw-featured-visual .pw-thumbnail{min-height:220px}.pw-support-grid,.pw-method-grid{grid-template-columns:1fr}.pw-hero-aside{height:260px}.pw-case-hero{padding:20px 0 50px}.pw-breadcrumb{margin-bottom:36px}.pw-case-meta{grid-template-columns:1fr;gap:14px}.pw-case-hero h1{font-size:clamp(2.9rem,10vw,4.3rem)}.pw-case-gallery{grid-template-columns:1fr}.pw-case-gallery .pw-image-frame:first-child{grid-column:auto}.pw-filter{font-size:.65rem;padding:9px 11px}.pw-next-case{padding:47px 0}.pw-contact-grid article{padding:25px}.pw-hero .btn,.pw-cta .btn{width:100%;text-align:center}.pw-proof{padding:36px 0}}
@media(prefers-reduced-motion:reduce){.pw-thumbnail img{transition:none}}
@media(max-width:600px){.pw-hero-aside{height:auto;min-height:315px;padding:27px 28px;gap:20px}.pw-hero-aside-typography{font-size:2.82rem;line-height:.97}.pw-hero-aside>span:last-child{margin-top:10px;line-height:1.5}.pw-featured-visual .pw-thumbnail{aspect-ratio:1.45}}
