/* Finishing pass: quieter surfaces, clear actions, restrained motion. */
.multipage .btn { border-radius:9px; min-height:48px; justify-content:center; }
.multipage .btn--brass { box-shadow:inset 0 1px 0 #ffffff50,0 4px 12px #0002; }
.multipage .btn--brass::after { opacity:.4; }
.material-page main .btn--brass { background:var(--page-accent); color:#171719; }
.multipage .btn > span[aria-hidden] { transition:translate .25s ease; }
.multipage .btn:active,.gallery-all:active { transform:translateY(0) scale(.985); }
.multipage .btn:focus-visible { outline:2px solid var(--page-accent,var(--brass-2)); outline-offset:4px; }
.multipage .text-link { font-size:.87rem; text-decoration-thickness:1px; text-underline-offset:7px; }
.material-page .material-details { padding-block:44px; column-gap:8%; }
.material-details h2 { font-size:clamp(1.5rem,2.4vw,2.1rem); letter-spacing:-.035em; }
.material-details > div > p:not(.eyebrow) { max-width:54ch; font-size:.91rem; line-height:1.85; }
.material-details .material-caption { opacity:.7; }
.enquiry-strip { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px 60px; align-items:center; padding:42px 28px 48px; margin-bottom:20px; border-top:1px solid var(--line-2); }
.enquiry-strip::before { content:''; position:absolute; top:-1px; left:28px; width:64px; height:1px; background:var(--page-accent); }
.enquiry-strip .eyebrow { margin-bottom:14px; }
.enquiry-strip h2 { margin:0 0 14px; font-size:clamp(1.8rem,2.7vw,2.65rem); line-height:1.15; letter-spacing:-.04em; }
.enquiry-strip-copy > p:last-child { color:var(--muted); font-size:.88rem; line-height:1.7; margin:0; }
.enquiry-strip-actions { display:flex; flex-direction:column; gap:14px; min-width:215px; }
.enquiry-strip-actions .btn { width:100%; }
.enquiry-phone { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:.77rem; padding-block:4px; color:var(--text); }
.enquiry-phone span { color:var(--muted); font-size:.68rem; }
.enquiry-phone:hover { color:var(--page-accent); }
.finish-gallery .photo-frame { border-radius:10px; border-color:#ffffff15; transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s ease,box-shadow .4s ease; }
.finish-gallery .photo-frame::after { display:none; }
.finish-gallery .photo-frame img { transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.finish-gallery figcaption > span { transition:color .25s ease; }
.photo-zoom { width:38px; height:38px; border-radius:8px; background:#0c0d10ba; border-color:#ffffff35; backdrop-filter:blur(8px); transition:background .25s ease,border-color .25s ease,transform .3s ease; }
.gallery-all { min-height:48px; border-radius:8px; padding-inline:18px; transition:background .25s ease,border-color .25s ease,transform .25s ease; }
.gallery-count { color:var(--page-accent); background:rgba(var(--page-rgb),.08); }
.gallery-actions { padding-top:20px; border-top:1px solid var(--line); }
.gallery-jump a { transition:background .25s ease,border-color .25s ease; }
.gallery-jump a:hover { background:rgba(var(--page-rgb),.05); }
.photo-dialog { border-radius:12px; border-color:#ffffff24; background:#111214; }
.photo-dialog button { border-radius:8px; }
.photo-dialog button:hover:not(:disabled) { background:rgba(var(--page-rgb),.09); }
.photo-dialog .photo-close { border-color:#ffffff38; }
.photo-dialog-hint { opacity:.75; }

/* A graphic study, explicitly labelled as an illustration, for nickel. */
.nickel-feature { display:grid; grid-template-columns:.85fr 1.15fr; gap:20px 70px; align-items:center; padding-top:56px; padding-bottom:52px; border-top:1px solid var(--line); }
.nickel-intro h2 { font-size:clamp(2.5rem,4.3vw,4.3rem); line-height:1.07; letter-spacing:-.045em; margin:0 0 24px; }
.nickel-intro h2 em { color:var(--page-accent); }
.nickel-intro > p:not(.eyebrow) { max-width:32ch; color:var(--muted); font-size:.95rem; line-height:1.9; margin-bottom:22px; }
.nickel-study { min-width:0; }
.nickel-sculpture { position:relative; isolation:isolate; height:410px; overflow:hidden; border-radius:12px; background:radial-gradient(ellipse at 52% 55%,#787b8026,transparent 65%),linear-gradient(140deg,#151719,#0d0e10 65%); border:1px solid #ffffff0e; }
.nickel-sculpture::after { content:''; position:absolute; inset:24px; border:1px solid #ffffff08; border-radius:50%; transform:scaleX(.86); pointer-events:none; }
.nickel-ring { position:absolute; width:260px; height:300px; border-radius:50%; background:conic-gradient(from 25deg,#606569,#f2f2e9 14%,#828788 23%,#353a3e 37%,#c6c9c7 46%,#fbfcf8 54%,#777e80 66%,#313537 74%,#d9dcda 86%,#606569); box-shadow:inset 2px 2px 3px #fff7,inset -3px -3px 3px #000b,9px 18px 30px #0007; }
.nickel-ring::before { content:''; position:absolute; inset:38px; border-radius:50%; background:linear-gradient(145deg,#16181b,#0c0d0e); box-shadow:inset 5px 7px 12px #000a,0 0 1px 2px #eeeeea55; }
.nickel-ring--back { left:15%; top:40px; transform:rotate(-27deg) scale(.93); filter:brightness(.72); }
.nickel-ring--front { right:14%; top:73px; transform:rotate(28deg); }
.nickel-sign { position:absolute; left:28px; bottom:28px; font:500 2.1rem var(--font-label); color:#dddeda; letter-spacing:-.06em; }
.nickel-sign small { display:block; margin-top:5px; font:.55rem var(--font-mono); letter-spacing:.18em; color:var(--muted); }
.nickel-study-caption { display:flex; justify-content:space-between; gap:12px; margin:13px 0 0; font:.6rem var(--font-mono); color:var(--muted); line-height:1.6; }
.nickel-study-caption span:last-child { opacity:.7; }
.nickel-properties { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-column:1/-1; margin-top:24px; padding-top:28px; gap:40px; border-top:1px solid var(--line); }
.nickel-properties article { position:relative; padding-left:35px; }
.property-number { position:absolute; top:4px; left:0; color:var(--page-accent); font:.62rem var(--font-mono); }
.nickel-properties h3 { margin:0 0 10px; font-size:1rem; }
.nickel-properties p { color:var(--muted); font-size:.84rem; line-height:1.8; margin:0; max-width:33ch; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .multipage .btn--brass:hover { transform:translateY(-2px); box-shadow:inset 0 1px 0 #ffffff70,0 7px 18px #0003; }
 .multipage .btn:hover > span[aria-hidden] { translate:2px -2px; }
 .finish-photo:hover .photo-frame { transform:translateY(-3px); border-color:rgba(var(--page-rgb),.45); box-shadow:0 12px 24px #0003; }
 .finish-photo:hover .photo-frame img { transform:scale(1.035); }
 .finish-photo:hover .process-image--rotated img { transform:translate(-50%,-50%) rotate(-90deg) scale(1.035); }
 .finish-photo:hover figcaption > span { color:var(--page-accent); }
 .process-image:hover .photo-zoom { transform:translate(-2px,-2px); background:#121315e8; border-color:var(--page-accent); }
 .gallery-all:hover { transform:translateY(-2px); background:rgba(var(--page-rgb),.06); }
 .nickel-ring { transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease; }
 .nickel-study:hover .nickel-ring--front { transform:translateY(-7px) rotate(22deg); }
 .nickel-study:hover .nickel-ring--back { transform:translateY(4px) rotate(-22deg) scale(.93); filter:brightness(.85); }
}
@media(prefers-reduced-motion:no-preference) {
 .photo-dialog[open] { animation:gallery-arrive .2s ease-out; }
 .photo-dialog[open]::backdrop { animation:gallery-dim .2s ease-out; }
 @keyframes gallery-arrive { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
 @keyframes gallery-dim { from { opacity:0; } to { opacity:1; } }
}
@media(max-width:1000px) {
 .enquiry-strip { gap:28px; }
 .enquiry-strip h2 { max-width:18ch; }
 .nickel-feature { gap:28px; grid-template-columns:1fr 1fr; }
 .nickel-sculpture { height:350px; }
 .nickel-ring { width:210px; height:250px; }
 .nickel-ring--front { right:8%; }
 .nickel-ring--back { left:8%; }
 .nickel-ring::before { inset:30px; }
 .nickel-properties { gap:24px; }
}
@media(max-width:720px) {
 .material-page .material-details { padding-block:32px; }
 .enquiry-strip { grid-template-columns:minmax(0,1fr); padding:32px 20px 36px; margin-bottom:0; gap:26px; }
 .enquiry-strip::before { left:20px; width:44px; }
 .enquiry-strip h2 { max-width:19ch; font-size:1.9rem; }
 .enquiry-strip-actions { min-width:0; gap:16px; }
 .enquiry-phone { justify-content:center; font-size:.85rem; gap:12px; min-height:34px; }
 .enquiry-phone span { font-size:.73rem; }
 .gallery-actions { gap:18px; }
 .nickel-feature { grid-template-columns:minmax(0,1fr); padding-top:34px; padding-bottom:34px; gap:28px; }
 .nickel-intro h2 { font-size:2.7rem; }
 .nickel-intro > p:not(.eyebrow) { max-width:38ch; margin-bottom:12px; }
 .nickel-sculpture { height:330px; }
 .nickel-ring--back { left:13%; top:22px; }
 .nickel-ring--front { right:10%; top:57px; }
 .nickel-properties { grid-template-columns:minmax(0,1fr); margin-top:0; gap:24px; padding-top:26px; }
 .nickel-properties p { max-width:42ch; }
 .nickel-study-caption { font-size:.55rem; }
}
@media(prefers-reduced-motion:reduce) {
 .multipage .btn,.multipage .btn > span,.gallery-all,.photo-frame,.photo-frame img,.photo-zoom,.finish-gallery figcaption > span,.nickel-ring { transition:none!important; }
 .multipage .btn:hover,.gallery-all:hover { transform:none; }
 .multipage .btn--brass::after { animation:none!important; }
}
