/* built by scratchpad/design-2026/build-apply.py; never edit by hand. Rules lifted from the sheet's chosen version
   (public/design-2026/apply-2026/apply.html, A1 on the film) */
.apl-count{margin:0 0 14px;font:400 16px/1 var(--sans);color:rgba(255,255,255,.8)}
.lp-page.opl-flow .do-gen-q{max-width:18ch;text-align:center}
.lp-page.opl-flow .do-gen-sub{max-width:34em;text-align:center}
.apl-page .opl-fields input.do-gen-in::placeholder,.apl-page .opl-fields textarea::placeholder{color:rgba(255,255,255,.5)}
.apl-page .opl-fields .apl-quiet{font:400 15px/1.3 var(--sans);color:rgba(255,255,255,.7)}
/* a house let whole or rooms under one roof: two of the flow's own plan cards */
.lp-page.opl-flow .mfl-plans.apl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:620px;margin:6px auto 0}
.apl-two .mfl-plan[aria-pressed=true]{outline:3px solid #C08C3D;outline-offset:0}
.apl-two .mfl-head{font-size:21px}
.apl-page .opl-calc.is-flow{margin:22px auto 0}
.lp-page.opl-flow .mfl-plans.apl-two{margin-top:26px}
.apl-next{margin-top:clamp(18px,3vh,34px)}
/* photographs: the press, then what was chosen, small and equal, three to a row on a phone */
.apl-add{appearance:none;border:1px solid rgba(255,255,255,.85);border-radius:0;background:none;color:#fff;height:52px;padding:0 26px;font:400 17px/1 var(--sans);cursor:pointer;transition:background .3s,color .3s}
.apl-add:hover{background:#fff;color:var(--ink)}
.apl-pics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:620px;margin:22px auto 0;list-style:none;padding:0}
.apl-pics img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.apl-page .opl-fields{margin-top:26px}
.apl-page textarea.do-gen-in{min-height:150px;line-height:1.5}
/* sent: what happens next, three said plainly with their days */
.apl-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,3vw,48px);max-width:1000px;margin:10px auto 0;text-align:left}
.apl-next b{display:block;font:400 min(clamp(22px,1.8vw,26px), 28px + (clamp(22px,1.8vw,26px) - 28px) * 0.6)/1.2 var(--face);color:#fff}
.apl-next span{display:block;margin-top:8px;font:400 17px/1.5 var(--serif);color:rgba(255,255,255,.88)}
.apl-quote{max-width:32em;margin:0 auto 6px;font:italic 400 clamp(19px,1.5vw,22px)/1.45 var(--serif);color:#fff}
.apl-page .do-gen-note a,.apl-page .do-gen-note button{color:#fff;text-decoration:underline;text-decoration-color:#C08C3D;text-underline-offset:4px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.apl-page .do-gen-go + .do-gen-go{margin-top:12px}
.apl-ghost.do-gen-go{background:none;color:#fff;border:1px solid rgba(255,255,255,.85)}
/* the still in place of the film */

/* UNDER THE OPENING: what we look for, four of our places, each its own photograph */
.apl-below .mj-head,.apl-head{text-align:center}
.apl-head h2{margin:0;font:400 min(min(clamp(32px,3.2vw,46px),28px + (clamp(32px,3.2vw,46px) - 28px) * .6), 28px + (min(clamp(32px,3.2vw,46px),28px + (clamp(32px,3.2vw,46px) - 28px) * .6) - 28px) * 0.6)/1.05 var(--face);color:var(--ink)}
.apl-look{list-style:none;margin:clamp(34px,3.6vw,54px) auto 0;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.apl-look li{display:flex;flex-direction:column}
.apl-look figure{position:relative;margin:0}
.apl-look img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.apl-tag{position:absolute;left:14px;bottom:12px;font:400 14px/1.2 var(--sans);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.apl-look b{display:block;margin-top:16px;font:400 clamp(21px,1.6vw,24px)/1.2 var(--face);color:var(--ink)}
.apl-look li > span{display:block;margin-top:6px;font:400 16px/1.45 var(--sans);color:var(--ink-75)}
.apl-leave{max-width:40em;margin:clamp(36px,3.6vw,54px) auto 0;text-align:center;font:italic 400 clamp(19px,1.5vw,22px)/1.45 var(--serif);color:var(--ink-75)}
.band.apl-oat:not(.stone):not(.forest){background:var(--oat)}
.apl-decide .btn{margin-top:clamp(40px,4vw,56px)}
.apl-decide .in{display:flex;flex-direction:column;align-items:center}


@media (max-width:999px){
  .apl-look{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(70vw,320px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--edge));padding-right:var(--edge)}
  .apl-look::-webkit-scrollbar{display:none}
  .apl-look li{scroll-snap-align:start}
  .apl-next{grid-template-columns:minmax(0,1fr);max-width:520px}
}
@media (max-width:599px){
  .apl-pics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-page.opl-flow .mfl-plans.apl-two{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow:visible}
  .apl-two .mfl-head{font-size:17px}
}

/* Apply at the foot of What we look for, now the last band (the two bands turned round) */
.apl-go{display:flex;justify-content:center;margin-top:clamp(40px,4vw,56px)}
/* the field only a robot fills */
.apl-fax{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* Choose photographs is a label round the file box: the box fills it, unseen */
label.apl-add{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:22px}
.apl-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.apl-pics li{position:relative}
.apl-out{appearance:none;border:0;border-radius:0;margin:0;position:absolute;left:0;right:0;bottom:0;padding:7px 0;background:rgba(30,32,26,.62);color:#fff;font:400 13px/1 var(--sans);cursor:pointer;opacity:0;transition:opacity .2s}
.apl-pics li:hover .apl-out,.apl-out:focus{opacity:1}
@media (hover:none){.apl-out{opacity:1}}