/* 20 October · additive craft pass. Approved hero, logo, typefaces and palette retained. */
.award-page{--award-line:rgba(35,31,27,.2);--award-space:clamp(64px,8vw,144px)}
.award-page :is(a,button,input,textarea,summary,[role=slider]){touch-action:manipulation}
.award-page :is(a,button,input,textarea,summary,[role=slider]):focus-visible{outline:2px solid var(--brass-deep);outline-offset:5px}
.award-page main :is(section,[id],input,textarea){scroll-margin-top:125px}
.award-page .award-back{padding:24px var(--side) 30px;text-align:right;border-top:1px solid var(--award-line)}
.award-page .award-back a{font:400 14px/1.5 var(--sans);text-decoration:none}
.award-page .award-back span{display:inline-block;margin-left:16px;transition:transform .25s ease}
.award-page .award-back a:hover span{transform:translateY(-3px)}
.award-inner .rise{opacity:1;transform:none}
.award-inner .h-xl{font-size:clamp(48px,6.7vw,112px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.award-inner .h-l{font-size:clamp(38px,4.3vw,72px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
.award-inner .h-m{font-size:clamp(30px,3vw,48px);line-height:1.12;text-wrap:balance}
.award-inner .h-s{font-size:clamp(23px,1.9vw,30px);line-height:1.18}
.award-inner .body{font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.award-inner .small{font-size:clamp(14px,1.05vw,17px);line-height:1.6}
.award-inner .eyebrow{font-size:clamp(12px,1vw,15px);color:var(--ink-soft)}
.award-inner .section{padding-block:var(--award-space)}
.award-inner .sh{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(28px,6vw,96px);justify-items:start;text-align:left;align-items:start;margin-bottom:clamp(36px,4vw,64px)}
.award-inner .sh .eyebrow{grid-column:1/-1;margin:0 0 24px;transform:none;justify-self:start}
.award-inner .sh .eyebrow::after{content:none}
.award-inner .sh :is(h1,h2){grid-column:1;max-width:none}
.award-inner .sh .body{grid-column:2;grid-row:2;max-width:42ch;margin:0;padding-top:5px}
.award-inner .p-head{display:block;padding-top:clamp(50px,6.2vw,104px);padding-bottom:clamp(40px,5vw,80px)}
.award-inner .p-head .sh{display:grid;align-items:start;margin:0}
.award-inner .p-head .sh h1{max-width:12ch}
.award-inner .p-head .body{max-width:38ch}
.award-inner .p-head .sh .body{padding-top:10px}
.award-inner .award-edition{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:20px;border-top:1px solid var(--award-line);font:400 14px/1.5 var(--sans);color:var(--ink-soft)}
.award-page .award-jump{display:flex;flex-wrap:wrap;gap:0 30px;border-block:1px solid var(--award-line);padding:12px 0}
.award-page .award-jump a{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font:400 15px/1.35 var(--sans);color:var(--ink-soft);border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}
.award-page .award-jump span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--brass-deep)}
.award-page .award-jump a:is(:hover,[aria-current]){border-color:var(--brass-deep);color:var(--ink)}
/* Work index: one broad opening, two offset encounters, a drawing as the quiet close. */
.award-projecten .filter{flex-wrap:wrap;gap:8px 12px;align-items:center;padding-bottom:22px}
.award-projecten .filter button{min-height:44px;padding:10px 20px;height:auto;font-size:15px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.award-projecten .filter button:is(:hover,[aria-pressed=true]){background:var(--ink);border-color:var(--ink);color:var(--plaster)}
.award-projecten .filter .count{color:var(--ink-soft);font-variant-numeric:tabular-nums}
.award-projecten .proj.ex{padding-block:clamp(48px,6vw,96px);gap:40px 64px}
.award-projecten .proj.ex .info .story{max-width:50ch;line-height:1.65}
.award-projecten .proj.ex.sheet-a .info{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,2fr);gap:36px}
.award-projecten .proj.ex.sheet-a .info>div:last-of-type{display:block}
.award-projecten .proj h2 .nw{white-space:normal}
.award-projecten .proj .info .tl{margin-top:24px;min-height:44px;align-content:center}
.award-projecten .award-plan-link{grid-column:1/-1;justify-self:start}
.award-projecten .sh-pics{overflow:hidden}
/* Studio: the people enter in the first screen, at the scale of a table, not a billboard. */
.award-studio .p-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,80px);align-items:start}
.award-studio .p-head .sh{display:block}
.award-studio .p-head .sh .body{padding:0;margin-top:30px;max-width:42ch}
.award-studio .p-head h1{font-size:clamp(48px,5.5vw,88px);max-width:12ch}
.award-studio .award-studio-photo{margin:30px 0 0;min-width:0;transform:none}
.award-studio .award-studio-photo .frame{padding:0;background:transparent}
.award-studio .award-studio-photo img{aspect-ratio:5/4;object-fit:cover;width:100%}
.award-studio .award-studio-photo figcaption{display:block;margin-top:18px;font:400 14px/1.6 var(--sans);color:var(--ink-soft)}
.award-studio .award-studio-photo .hand{display:block;margin-top:12px;font-size:24px;color:var(--ink)}
.award-studio .award-studio-note{padding:clamp(24px,3.5vw,56px);border-block:1px solid var(--award-line);background:var(--plaster-2)}
.award-studio .award-studio-note .eyebrow{margin:0 0 24px}
.award-studio .award-studio-words{font:400 clamp(42px,4.8vw,76px)/1.06 var(--serif);letter-spacing:-.025em;margin:0 0 28px}
.award-studio .award-studio-words em{color:var(--brass-deep)}
.award-studio .award-studio-note .small{max-width:29ch;margin:0 0 24px}
.award-studio .award-studio-note .tl{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.award-studio .pr-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 80px}
.award-studio .pr-list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px 20px}
.award-studio .pr-list .num{grid-row:1/3;margin:0}
.award-studio .pr-list .body{grid-column:2;max-width:42ch;margin:0}
.award-studio .bios{max-width:none;margin-top:48px}
.award-studio .bios li{grid-template-columns:minmax(90px,2fr) minmax(140px,3fr) minmax(0,6fr);padding-block:28px}
/* Five phases: a drawn left column and a numbered, readable document on the right. */
.award-werkwijze .p-head .award-jump{margin-top:40px}
.award-werkwijze .award-process-note{margin-top:18px;font:400 14px/1.55 var(--sans);color:var(--ink-soft)}
.award-werkwijze .steps-v li:not(.photo){position:relative;grid-template-columns:minmax(160px,3fr) minmax(0,4fr) minmax(0,4fr);gap:24px 48px;padding:64px 0 60px}
.award-werkwijze .award-phase{grid-column:1/-1;letter-spacing:.12em;font:400 13px/1.5 var(--sans);color:var(--brass-deep);font-variant-numeric:tabular-nums}
.award-werkwijze .steps-v li .g-media{grid-column:1;grid-row:2/5;min-height:190px;height:auto;margin:0}
.award-werkwijze .steps-v li .g-media :is(svg,img){width:100%;height:auto;max-height:250px;object-fit:cover}
.award-werkwijze .steps-v li h2{grid-column:2;grid-row:2}
.award-werkwijze .steps-v li>.body{grid-column:2;grid-row:3;max-width:36ch}
.award-werkwijze .steps-v li dl{grid-column:3;grid-row:2/5;gap:24px}
.award-werkwijze .steps-v li dt{font-size:12px;line-height:1.4}
.award-werkwijze .steps-v li dd{font-size:16px;line-height:1.6}
.award-werkwijze .faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px}
.award-werkwijze .faq .sh{display:block}
.award-werkwijze .faq .sh .body{margin-top:24px;padding:0}
.award-werkwijze .faq .qs{display:block;border-top:1px solid var(--award-line)}
.award-werkwijze details.q{border-bottom:1px solid var(--award-line);padding:22px 0}
.award-werkwijze details.q summary{position:relative;cursor:pointer;list-style:none;min-height:44px;padding:8px 44px 8px 0;font-weight:500}
.award-werkwijze details.q summary::-webkit-details-marker{display:none}
.award-werkwijze details.q summary::after{content:"+";position:absolute;right:4px;top:8px;color:var(--brass-deep);font:400 26px/1 var(--sans)}
.award-werkwijze details[open].q summary::after{content:"−"}
.award-werkwijze details.q .body{padding:16px 32px 4px 0;max-width:60ch}
.award-werkwijze .prices td{font-variant-numeric:tabular-nums}
.award-page .award-end{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding-bottom:var(--award-space)}
/* Case studies: own editorial cover, three decisions, then room / drawing / material / life. */
.award-case .c-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 64px;align-items:start;padding-top:clamp(40px,4vw,72px);padding-bottom:56px}
.award-case .crumb{grid-column:1/-1;margin:0 0 12px;font-size:14px}
.award-case .c-head>.eyebrow{grid-column:1;grid-row:2;text-align:left;transform:none;margin:0;font-size:13px;line-height:1.5;letter-spacing:.08em}
.award-case .c-head h1{grid-column:1;grid-row:3;margin:0;text-align:left;max-width:12ch;font-size:clamp(52px,6.1vw,100px)}
.award-case .c-head>.row{grid-column:1;grid-row:4;display:block;margin:0}
.award-case .c-head .row>.body{max-width:46ch}
.award-case .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;margin-top:28px;padding-top:22px;border-top:1px solid var(--award-line);font-size:15px}
.award-case .facts dt{font-size:11px;line-height:1.4}
.award-case .c-head .dl-row{margin-top:22px}
.award-page .award-cover{margin:0;min-width:0}
.award-case .c-head .award-cover{grid-column:2;grid-row:2/5;align-self:center}
.award-page .award-cover img{width:100%;height:auto;aspect-ratio:2752/1536;object-fit:cover}
.award-page .award-cover figcaption{margin-top:16px;padding-top:12px;border-top:1px solid var(--award-line);font:400 14px/1.5 var(--sans);color:var(--ink-soft)}
.award-case .chapter{padding-top:var(--award-space)}
.award-case .ch-head{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;margin-bottom:40px}
.award-case .ch-head .num{font-size:13px;color:var(--brass-deep)}
.award-case .plan{padding:clamp(20px,4vw,64px)}
.award-case .plan .bar{flex-wrap:wrap;gap:12px}
.award-case .plan .bar button{height:auto;min-height:44px;font-size:15px;padding:12px 20px}
.award-case .plan .legend{flex-wrap:wrap;row-gap:12px;font-size:13px}
.award-case .mat{gap:clamp(24px,5vw,80px)}
.award-case .mat h3{font-size:18px}
.award-case .mat .small{color:var(--ink-soft)}
/* Delivered details: native 1264 × 848, capped at 630 CSS px for 2× screens. */
.award-case .award-detail{width:100%;max-width:630px;margin:clamp(32px,4vw,56px) 0 0 auto}
.award-case .award-detail picture{display:block}
.award-case .award-detail img{display:block;width:100%;height:auto;aspect-ratio:1264/848}
.award-case .award-detail figcaption{margin-top:16px;padding-top:12px;border-top:1px solid var(--award-line);font:400 14px/1.6 var(--sans);color:var(--ink-soft)}
.award-case .next{gap:48px;padding-block:var(--award-space);align-items:end}
.award-case .next-link{max-width:700px}
.award-case .award-next-photo{width:clamp(180px,27vw,430px);aspect-ratio:2752/1536;height:auto;object-fit:cover;margin-bottom:24px;transition:filter .3s ease}
.award-case .next-link:hover .award-next-photo{filter:brightness(1.05)}
/* Contact: the interaction performs the action described, with errors and an editable result. */
.award-contact .p-head{padding-bottom:48px}
.award-contact .c-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px)}
.award-contact #form-note{border-left:1px solid var(--brass-deep);padding:0 0 0 20px;margin:0 0 28px;color:var(--ink-soft);max-width:65ch}
.award-contact .form-wrap form{padding:clamp(24px,3.8vw,56px);gap:30px 28px;border-top:1px solid var(--ink)}
.award-contact .form-wrap label,.award-contact .legend{font-size:12px;line-height:1.4;letter-spacing:.1em;color:var(--ink-soft)}
.award-contact .form-wrap :is(input[type=text],input[type=email],input[type=tel],textarea){font-size:17px;min-height:44px}
.award-contact textarea{resize:vertical;min-height:150px;height:150px}
.award-contact .chips span{min-height:44px;height:auto;padding:12px 16px;white-space:normal;line-height:1.4}
.award-contact .chips input:checked+span{background:var(--ink);color:var(--plaster)}
.award-contact .pick:focus-within label,.award-contact .photos:focus-within label{outline:2px solid var(--brass-deep);outline-offset:5px}
.award-contact .send{flex-wrap:wrap;gap:24px}
.award-contact .photos{flex-wrap:wrap;gap:12px}
.award-contact .sent .body{margin-block:24px}
.award-contact .sent .h-l{font-size:clamp(38px,4vw,64px)}
.award-contact .sent .h-l em{display:block}
.award-contact [disabled]{opacity:.6;cursor:wait}
.award-contact .direct{flex-wrap:wrap}
.award-contact #download-status:empty{display:none}
/* Privacy and recovery receive the same typographic care as the portfolio. */
.award-privacy .p-head h1{max-width:14ch}
.award-privacy .legal{grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:clamp(32px,8vw,128px)}
.award-privacy aside .award-edition{margin:0 0 20px}
.award-privacy aside .award-jump{display:block;margin-bottom:24px}
.award-privacy .award-legal-copy>section+section{margin-top:48px;padding-top:32px;border-top:1px solid var(--award-line)}
.award-privacy .legal h2{margin:0 0 18px}
.award-privacy .legal .body{max-width:60ch}
.award-privacy .award-legal-copy>.small{margin-block:32px}
.award-404 .lost{position:relative;min-height:65vh;padding-top:80px;padding-bottom:100px;padding-right:max(40%,var(--side))}
.award-404 .lost .body{max-width:42ch}
.award-404 .lost .ctas{flex-wrap:wrap;align-items:center;gap:24px}
.award-404 .award-door{position:absolute;right:12%;top:80px;width:clamp(160px,18vw,280px);aspect-ratio:1/1.8;border:1px solid var(--ink-soft);border-bottom:4px solid var(--brass-deep);perspective:700px}
.award-404 .award-door span{position:absolute;inset:0;background:var(--plaster-2);border:1px solid var(--ink-soft);transform-origin:left;transform:rotateY(-24deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.award-404 .award-door span::after{content:"";position:absolute;right:12%;top:53%;width:20px;height:2px;background:var(--brass-deep)}
.award-404 .lost:has(a:hover) .award-door span{transform:rotateY(-48deg)}
/* Home improvements stop at the approved first section. */
.award-home .work .body{max-width:46ch}
.award-home .work .card h3{text-wrap:balance}
.award-home .work .card :is(a):focus-visible{outline:2px solid var(--brass-deep);outline-offset:7px}
.award-home .plan-sec .body{max-width:48ch}
@media(max-width:1000px){
 .award-inner .site-head{padding:24px;gap:24px}
 .award-inner .site-head nav a{padding:14px 12px;font-size:14px;min-height:44px}
 .award-inner .sh{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 32px}
 .award-case .c-head{gap:24px 32px}
 .award-case .c-head .row{grid-column:1/-1;grid-row:5}
 .award-case .c-head .row>.body{max-width:65ch}
 .award-case .facts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .award-projecten .proj.ex.sheet-a .info{grid-template-columns:minmax(0,1fr)!important}
 .award-projecten .proj.ex.sheet-a .info .tl{justify-self:start}
 .award-projecten .proj.ex.sheet-c .info{padding-left:0}
 .award-werkwijze .steps-v li:not(.photo){gap:24px;grid-template-columns:minmax(140px,3fr) minmax(0,5fr)}
 .award-werkwijze .steps-v li dl{grid-column:2;grid-row:4}
 .award-werkwijze .faq{gap:40px}
 .award-contact .c-grid{grid-template-columns:minmax(0,1fr)}
 .award-contact .form-wrap{grid-row:1}
 .award-contact .c-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px}
 .award-contact .c-side>.eyebrow,.award-contact .c-side>h2,.award-contact .c-side>ol{grid-column:1}
 .award-contact .c-side>.handy,.award-contact .c-side>.callers,.award-contact .c-side>.where{grid-column:2;margin-top:0}
 .award-contact .c-side>.handy{grid-row:1/4}
 .award-contact .c-side>.callers{grid-row:4}
 .award-contact .c-side>.where{grid-row:5}
 .award-contact .callers{grid-template-columns:100px 100px}
 .award-contact .callers>p{grid-column:1/-1;padding:0}
 .award-404 .award-door{right:8%}
}
@media(max-width:700px){
 .award-inner{--side:24px}
 .award-inner .site-head{flex-wrap:wrap;gap:16px;padding:20px 24px}
 .award-inner .site-head .mark.logo{height:24px}
 .award-inner .site-head nav{width:100%;justify-content:space-between}
 .award-inner .site-head nav a{padding:14px 9px;font-size:14px;letter-spacing:0}
 .award-inner .site-head nav::after{display:none}
 .award-inner .p-head{padding-top:40px;padding-bottom:40px}
 .award-inner .sh,.award-inner .p-head .sh{display:block}
 .award-inner .sh .body{padding:0;margin-top:24px;max-width:48ch}
 .award-inner .p-head .sh h1{max-width:14ch}
 .award-inner .p-head .sh .body{padding:0}
 .award-inner .award-edition{margin-top:30px;font-size:13px;flex-wrap:wrap;gap:8px}
 .award-page .award-jump{gap:0 20px}
 .award-page .award-jump a{font-size:14px}
 .award-studio .p-head{grid-template-columns:minmax(0,1fr);gap:30px}
 .award-studio .award-studio-photo{margin:0}
 .award-studio .award-studio-photo img{aspect-ratio:4/3}
 .award-studio .pr-list{grid-template-columns:minmax(0,1fr);gap:28px}
 .award-studio .bios li{grid-template-columns:80px minmax(0,1fr);gap:12px}
 .award-studio .bios li .body{grid-column:1/-1}
 .award-projecten .filter .count{flex-basis:100%;margin-left:0}
 .award-projecten .proj.ex{grid-template-columns:minmax(0,1fr);gap:24px}
 .award-projecten .proj.ex .info,.award-projecten .proj.ex .sh-pics{grid-column:1/-1;grid-row:auto;min-width:0;padding:0}
 .award-projecten .proj.ex.sheet-b .sh-pics{grid-row:1}
 .award-case .c-head{display:flex;flex-direction:column;gap:22px;padding-top:32px}
 .award-case .c-head .crumb{margin-bottom:0}
 .award-case .c-head .row{display:block;margin:0}
 .award-case .c-head h1{font-size:clamp(48px,11vw,72px);max-width:13ch}
 .award-case .c-head .award-cover{order:4;margin-top:8px;width:100%}
 .award-case .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .award-case .ch-head{grid-template-columns:minmax(0,1fr);gap:20px}
 .award-case .mat{grid-template-columns:minmax(0,1fr)}
 .award-case .plan{padding:20px 16px}
 .award-case .plan .legend{margin-left:0;width:100%;gap:12px 16px}
 .award-case .next{display:block}
 .award-case .next .ctas{margin-top:32px;flex-wrap:wrap;gap:16px}
 .award-case .award-next-photo{width:100%;max-width:430px}
 .award-werkwijze .steps-v li:not(.photo){grid-template-columns:minmax(0,1fr);padding-block:36px;gap:20px}
 .award-werkwijze .steps-v li .g-media{grid-column:1;grid-row:3;max-width:360px;min-height:0}
 .award-werkwijze .steps-v li h2{grid-column:1;grid-row:2}
 .award-werkwijze .steps-v li>.body{grid-column:1;grid-row:4;max-width:48ch}
 .award-werkwijze .steps-v li dl{grid-column:1;grid-row:5}
 .award-werkwijze .steps-v li.photo{padding:36px 0}
 .award-werkwijze .faq{grid-template-columns:minmax(0,1fr);gap:24px}
 .award-werkwijze .prices tbody th,.award-werkwijze .prices td{font-size:14px}
 .award-werkwijze .prices td{white-space:normal;padding-left:16px;min-width:100px}
 .award-contact .c-side{display:block}
 .award-contact .c-side>:is(.handy,.callers,.where){margin-top:32px}
 .award-contact .form-wrap form{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:24px}
 .award-contact .form-wrap .full,.award-contact .send{grid-column:1}
 .award-contact .form-wrap .send .btn{min-height:48px;height:auto;max-width:100%;line-height:1.4;padding-block:14px}
 .award-contact .sent{padding:28px 24px}
 .award-privacy .legal{grid-template-columns:minmax(0,1fr);gap:40px}
 .award-404 .lost{padding:40px 24px 64px;min-height:0}
 .award-404 .lost h1{max-width:12ch}
 .award-404 .award-door{position:relative;inset:auto;width:100px;margin:30px 0}
 .award-inner .btn{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .award-page .award-back span,.award-page .award-door span,.award-page .award-next-photo,
 .award-page .award-jump a,.award-projecten .filter button{transition:none}
 .award-page{scroll-behavior:auto}
}