/* Ignite Design · Custom Awards page. Loads after ignite.css; only what this page adds. */

/* ---------- selected work: the rail ---------- */
.awards{--rail-indent:calc(var(--gutter) + 3 * ((100vw - 2 * var(--gutter) - 11 * var(--s4)) / 12 + var(--s4)))}
.rail{position:relative}
.rail__track{display:flex;gap:var(--s4);list-style:none;margin:0;padding:0 var(--gutter) 4px var(--rail-indent);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--rail-indent);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail__track::-webkit-scrollbar{display:none}
.plate{flex:0 0 clamp(350px,31vw,500px);scroll-snap-align:start;min-width:0}
.plate__link{display:grid;gap:var(--s3);color:inherit;text-decoration:none;outline-offset:6px}
.plate__fig{position:relative;margin:0;overflow:hidden;background:var(--night-2);aspect-ratio:4/5}
.plate__fig img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.plate__link:hover .plate__fig img,.plate__link:focus-visible .plate__fig img{transform:scale(1.035)}
.plate__idx{position:absolute;left:12px;top:12px;padding:5px 7px 4px;background:rgba(14,12,11,.62);color:var(--night-ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:2px;transition:background-color var(--d-fast) var(--e-out)}
.plate__link:hover .plate__idx{background:var(--ember);color:var(--ink)}
.plate__alt{position:absolute;inset:0;opacity:0;transform:scale(1);transform-origin:50% 50%;transition:opacity .5s var(--e-out),transform 1.6s var(--e-out)}
@media (hover:hover){.plate.has-alt .plate__link:hover .plate__alt,.plate.has-alt .plate__link:focus-visible .plate__alt{opacity:1;transform:scale(1.1)}}
.plate__cap{display:grid;gap:5px;padding-right:var(--s3)}
.plate__cap .caption{color:var(--ash)}
.plate__mat{margin:2px 0 0;color:var(--ash);text-transform:none;letter-spacing:0;font-size:var(--t-caption)}
.chapter__head .rail__ctrl{grid-column:10 / span 3;justify-self:end;align-self:end;display:flex;align-items:center;gap:var(--s4)}
.rail__btns{display:flex;gap:6px}
.icon-btn--ink{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:0;width:48px;height:48px;min-height:48px;cursor:pointer;transition:background-color var(--d-fast) var(--e-out),color var(--d-fast) var(--e-out),opacity var(--d-fast) var(--e-out)}
.icon-btn--ink svg{width:18px;height:18px}
.icon-btn--ink:hover{background:var(--ink);color:var(--paper)}
.icon-btn--ink[disabled]{opacity:.25;cursor:default;background:transparent;color:var(--ink)}
/* arrows at the edges of the row on wide screens, level with the middle of the photos, plus a fade that says "more" */
.rail__edge{position:absolute;top:0;z-index:3;display:none;align-items:center;justify-content:center;width:56px;height:56px;margin-top:calc(clamp(350px,31vw,500px) * 1.25 / 2 - 28px);border:1px solid var(--ink);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 10px 28px rgba(21,19,17,.16);transition:opacity var(--d-fast) var(--e-out),background-color var(--d-fast) var(--e-out),color var(--d-fast) var(--e-out)}
.rail__edge svg{width:20px;height:20px}
.rail__edge:hover{background:var(--ink);color:var(--paper)}
.rail__edge--prev{left:var(--gutter)}
.rail__edge--next{right:var(--gutter)}
.rail__edge[disabled]{opacity:0;pointer-events:none}
.rail__fade{position:absolute;top:0;right:0;z-index:2;width:110px;height:calc(clamp(350px,31vw,500px) * 1.25);pointer-events:none;background:linear-gradient(to right,rgba(254,253,252,0),rgba(254,253,252,.92));transition:opacity var(--d-fast) var(--e-out)}
.rail.at-end .rail__fade{opacity:0}
@media (min-width:900px){.rail__edge{display:inline-flex}}
@media (max-width:899px){.rail__fade{display:none}}
.rail__meter{height:1.5px;background:var(--rule);position:relative;overflow:hidden;margin:var(--s4) var(--gutter) 0 var(--rail-indent)}
.rail__track{cursor:grab}
.rail__track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.rail__track.is-dragging .plate__link{pointer-events:none}
.rail__meter i{position:absolute;inset:0 auto 0 0;width:10%;background:var(--ember);transition:transform .35s var(--e-out),width .35s var(--e-out)}
.rail__count{color:var(--ash)}
.rail__note{margin:var(--s4) var(--gutter) 0 var(--rail-indent);max-width:520px}
@media (max-width:899px){
  .awards{--rail-indent:var(--gutter)}
  .plate{flex-basis:min(88vw,440px)}
  .chapter__head .rail__ctrl{grid-column:1 !important;justify-self:start;margin-top:var(--s2)}
}

/* ---------- dossier: one piece, large ---------- */
.dossier{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 24px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 24px);pointer-events:none}
.dossier[hidden]{display:none}
.dossier__panel{position:relative;width:min(1080px,100%);max-height:100%;overflow:auto;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);pointer-events:auto;box-shadow:0 30px 80px rgba(14,12,11,.35);opacity:0;transform:translateY(16px);transition:opacity var(--d-panel) var(--e-out),transform var(--d-panel) var(--e-out)}
.dossier.is-open .dossier__panel{opacity:1;transform:none}
.dossier__fig{margin:0;background:var(--night-2);aspect-ratio:4/5;min-height:100%}
.dossier__fig{position:relative}
.dossier__fig > img{display:block;width:100%;height:100%;object-fit:cover}
.dossier__views{position:absolute;left:14px;bottom:14px;display:flex;gap:6px}
.dossier__view{width:52px;height:52px;padding:0;border:1.5px solid rgba(254,253,252,.55);background:var(--night-2);cursor:pointer;overflow:hidden;border-radius:2px;transition:border-color var(--d-fast) var(--e-out)}
.dossier__view img{display:block;width:100%;height:100%;object-fit:cover}
.dossier__view[aria-pressed="true"]{border-color:var(--ember)}
.dossier__view:hover{border-color:var(--paper)}
.dossier__text{display:grid;gap:var(--s3);align-content:start;min-width:0;padding:clamp(28px,4vw,56px) clamp(24px,4vw,56px) clamp(28px,4vw,48px)}
.dossier__text .btn{white-space:normal;height:auto;text-align:center;line-height:1.25}
.dossier__text .t2{margin-top:var(--s2)}
.dossier__text > .caption{color:var(--ash)}
.dossier__mat{margin:0;color:var(--ash);text-transform:none;letter-spacing:0}
.dossier__story{margin-top:var(--s3);display:grid;gap:var(--s3);color:var(--ash);max-width:420px}
.dossier__story p{margin:0}
.dossier__text .btn-row{margin-top:var(--s4)}
.dossier__nav{display:flex;gap:var(--s5);margin-top:var(--s4);padding-top:var(--s4);border-top:.8px solid var(--rule)}
.dossier__close{position:absolute;top:18px;right:20px;z-index:2;padding:8px 10px;background:var(--paper);border-radius:2px}
@media (max-width:899px){
  .dossier{padding:0;align-items:end}
  .dossier__panel{width:100%;max-height:100svh;grid-template-columns:1fr;transform:translateY(40px)}
  .dossier__fig{aspect-ratio:auto;height:min(62svh,120vw);min-height:0}
  .dossier__text{padding:var(--s5) var(--gutter) calc(var(--s6) + env(safe-area-inset-bottom,0px))}
  .dossier__close{top:12px;right:12px;background:rgba(254,253,252,.9)}
}

/* ---------- how an award is made: the stage is a third wider than on Weddings ---------- */
.awards .seq__intro .t1{grid-column:4 / span 7}
.awards .seq__stage{grid-column:1 / span 8;max-height:900px;top:calc(env(safe-area-inset-top,0px) + var(--stage-top,calc(var(--nav) + var(--cbar) + 72px)));height:calc(100svh - var(--stage-top,calc(var(--nav) + var(--cbar) + 72px)) - 32px)}
.awards .seq__steps{grid-column:10 / span 3}
@media (max-width:1199px){.awards .seq__stage{grid-column:1 / span 7}.awards .seq__steps{grid-column:9 / span 4}}
@media (max-width:899px){.awards .seq__stage{grid-column:1;height:58svh;top:calc(env(safe-area-inset-top,0px) + var(--nav) + var(--cbar))}.awards .seq__steps{grid-column:1}}
.awards .rites__text .btn-row{margin-top:var(--s2)}
.awards .ledger dd{max-width:66%}
.awards .seq__steps li:last-child{min-height:56svh}
@media (max-width:899px){.awards .seq__steps li:last-child{min-height:38svh}}

/* ---------- beginning a commission ---------- */
.steps{padding:0 var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5) var(--s4);align-items:start}
.steps__list{grid-column:4 / span 6;list-style:none;margin:0;padding:0;border-top:.8px solid var(--rule)}
.steps__list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px var(--s4);padding:22px 0;border-bottom:.8px solid var(--rule);align-items:baseline}
.steps__n{color:var(--ember);grid-row:1 / span 2;padding-top:.35em}
.steps__list h3{grid-column:2}
.steps__list p{grid-column:2;color:var(--ash);max-width:var(--col);margin:4px 0 0}
.fee{grid-column:10 / span 3;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav) + var(--cbar) + 24px)}
.fee p{color:var(--ash);margin:0;font-size:.9375rem;line-height:1.5}
.steps__cta{grid-column:4 / span 6}
@media (max-width:1099px){.steps__list{grid-column:4 / span 9}.fee{grid-column:4 / span 6;position:static}.steps__cta{grid-column:4 / span 9}}
@media (max-width:899px){.steps{grid-template-columns:1fr}.steps>*{grid-column:1 !important}.steps__list li{grid-template-columns:44px minmax(0,1fr)}}

/* ---------- pricing ---------- */
.awards .price-grid{row-gap:var(--s5)}
.awards .incl{grid-column:4 / span 4}
.awards .ledger.light dd{max-width:46%}
.awards .ledger.light dd small{text-transform:none;letter-spacing:0;font-family:var(--f-sans);font-size:var(--t-caption)}
.shapes{list-style:none;margin:0;padding:0;border-top:.8px solid var(--rule)}
.shapes li{padding:11px 0;border-bottom:.8px solid var(--rule)}
.awards .terms{grid-column:4 / span 8}
.awards .terms p a{color:var(--ink);text-decoration-thickness:.8px;text-underline-offset:4px}

/* ---------- inquire ---------- */
.field input[type=text]{height:48px;border:0;border-bottom:.8px solid var(--ink);background:transparent;font:400 var(--t-body-lg)/1.2 var(--f-sans);letter-spacing:-.005em;padding:0;color:var(--ink);border-radius:0;width:100%;outline:none}
.field input[type=text]:focus,.field input[type=date]:focus,.field input[type=number]:focus{border-bottom-color:var(--ember);border-bottom-width:1.5px}
.field ::placeholder{color:var(--ash);opacity:.8}
.mini-form--awards .field:first-child{grid-column:1 / -1}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.seg--light button{color:var(--ink);border-color:var(--rule)}
.seg--light button:hover{border-color:var(--ink)}
.seg--light button[aria-pressed="true"]{border-color:var(--ember);background:rgba(235,106,67,.08)}
.sheet .seg{gap:6px}
.sheet .note-chip{text-transform:none;letter-spacing:0;font-family:var(--f-sans)}