/* Original photographs with a deliberately visible, direct-on-photo magnifier. */
.surface-details{padding:100px 0;background:#1b1916;border-block:1px solid #c5aa7b26;scroll-margin-top:120px}
.surface-details-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:52px}
.surface-details-heading h2{font-size:clamp(45px,5.5vw,76px);line-height:1.04;margin:0}
.surface-details-heading>p{max-width:365px;justify-self:end;color:var(--muted);font-size:17px;margin:0 0 4px}
.surface-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-bottom:42px;align-items:start}
.surface-detail-figure{margin:0;min-width:0}
.surface-detail-figure figcaption{padding-top:25px;max-width:420px}
.surface-detail-figure figcaption .eyebrow{display:block;margin-bottom:13px;font-size:10px;letter-spacing:1.5px}
.surface-detail-figure h3{font-size:35px;margin-bottom:15px}
.surface-detail-figure figcaption p{font-size:14px;color:var(--muted);margin-bottom:0}
[data-detail-view]{position:relative;min-width:0}
.surface-detail-photo{overflow:hidden;border-radius:5px;isolation:isolate}
.surface-detail-photo>img,
.surface-detail-photo>picture.wg-responsive>img{display:block;width:100%;height:auto;border-radius:5px}
.detail-enhanced>img,
.detail-enhanced>picture.wg-responsive>img{touch-action:pan-y}
.detail-toggle{position:absolute;z-index:4;top:18px;left:18px;display:flex;align-items:center;gap:12px;max-width:calc(100% - 36px);min-height:60px;padding:12px 16px;border:1px solid #dcc18b;background:linear-gradient(120deg,#e3cd9d,#c7a666);box-shadow:0 7px 26px #0004;color:#211b13;border-radius:3px;text-align:left;cursor:pointer}
.detail-toggle strong{display:block;font-size:13px;line-height:1.45;font-weight:650;letter-spacing:.01em}
.detail-toggle small{display:block;margin-top:2px;font-size:10px;line-height:1.45;color:#403626}
.detail-entry-arrow{font-size:22px;line-height:1;margin-left:10px}
.detail-entry-icon{position:relative;display:block;flex:0 0 19px;width:19px;height:19px;border:1.5px solid currentColor;border-radius:50%;margin-right:4px}
.detail-entry-icon::after{content:"";position:absolute;width:7px;height:1.5px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg)}
.detail-toggle:hover{background:linear-gradient(120deg,#f0ddb4,#d0b079);box-shadow:0 8px 28px #0005}
.detail-toggle[hidden],.detail-controls[hidden],.detail-lens[hidden]{display:none!important}
.detail-lens{position:absolute;z-index:3;width:150px;height:150px;padding:0;overflow:hidden;border:2px solid #e0c793;border-radius:50%;background-repeat:no-repeat;background-color:#181817;box-shadow:0 8px 32px #0006,0 0 0 7px #1a171560,0 0 0 8px #dbc08a59;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.detail-lens::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px #fff1,inset 0 0 30px #0001;pointer-events:none}
.detail-lens-label{position:absolute;z-index:1;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:5px 9px;border:1px solid #ead2a382;border-radius:20px;background:#191613ed;color:#f0ddb5;font-size:10px;line-height:1.5;font-weight:550;box-shadow:0 2px 8px #0004;pointer-events:none}
.detail-lens-label>span{font-size:16px;line-height:1}
.detail-dragging{cursor:grabbing;box-shadow:0 12px 40px #0008,0 0 0 7px #1a171570,0 0 0 8px #ecd3a4a8}
.detail-controls{position:absolute;z-index:5;left:18px;bottom:18px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 36px);flex-wrap:wrap;padding:6px;border:1px solid #d9bd8670;border-radius:4px;background:#1b1815f2;color:#f2e6d2;box-shadow:0 8px 28px #0004}
.detail-controls button{display:grid;place-items:center;min-width:38px;min-height:38px;border:0;border-radius:2px;background:transparent;color:#f2e6d2;padding:5px 9px;font-size:22px;line-height:1;cursor:pointer}
.detail-controls button:hover{background:#d9bd8623;color:#ebd1a0}
.detail-controls button[aria-disabled=true]{opacity:.4;cursor:default}
.detail-controls .detail-finish{display:flex;gap:7px;align-items:center;font-size:11px;padding-inline:10px}
.detail-controls .detail-finish>span{font-size:14px;color:#dec599}
.detail-controls .detail-reset{font-size:23px}
.detail-control-divider{width:1px;height:21px;background:#d9bd8645;margin-inline:4px}
.detail-zoom-value{min-width:34px;text-align:center;color:#e6cfa5;font-size:11px;font-variant-numeric:tabular-nums}
.detail-toggle:focus-visible,.detail-lens:focus-visible,.detail-controls button:focus-visible{outline:2px solid #f7dfb5;outline-offset:3px}
.detail-lens:focus-visible{outline-offset:7px}
.detail-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){
  .detail-active{padding-bottom:56px}
  .detail-active .detail-controls{left:0!important;bottom:0!important;width:100%;max-width:100%!important;min-height:56px;border-radius:0;border-inline:0;border-bottom:0;box-shadow:none;justify-content:center}
  .detail-entry-bottom .detail-toggle{top:auto!important;bottom:6px}
}
@media(max-width:900px){.surface-details{padding-block:70px}.surface-details-heading{gap:35px}.surface-details-heading>p{font-size:15px}.surface-details-grid{gap:30px}.surface-detail-figure h3{font-size:30px}.detail-lens{width:132px;height:132px}.detail-toggle{top:14px;left:14px;max-width:calc(100% - 28px);min-height:55px;padding:10px 13px}.detail-controls{left:14px;bottom:14px;max-width:calc(100% - 28px)}}
@media(max-width:650px){.surface-details{padding-block:58px}.surface-details-heading{display:block;margin-bottom:34px}.surface-details-heading h2{font-size:clamp(40px,10.5vw,59px);margin-bottom:26px}.surface-details-heading>p{max-width:440px;margin:0}.surface-details-grid{grid-template-columns:1fr;gap:47px;margin-bottom:32px}.surface-detail-figure figcaption{padding-top:23px}.surface-detail-figure h3{font-size:32px}.detail-lens{width:116px;height:116px}.detail-lens-label{font-size:9px;padding:4px 7px;bottom:11px}.detail-toggle{top:10px;left:10px;max-width:calc(100% - 20px);min-height:48px;padding:8px 11px;gap:9px}.detail-toggle strong{font-size:12px}.detail-toggle small{font-size:9px}.detail-entry-icon{width:16px;height:16px;flex-basis:16px}.detail-entry-arrow{font-size:19px;margin-left:3px}.detail-controls{left:10px;bottom:10px;max-width:calc(100% - 20px);gap:3px;padding:4px}.detail-controls button{min-width:34px;min-height:36px;padding:4px 7px}.detail-zoom-value{min-width:29px;font-size:10px}.detail-controls .detail-finish{font-size:10px;gap:4px;padding-inline:7px}.detail-control-divider{margin-inline:1px}}
@media(max-width:380px){.detail-lens{width:98px;height:98px}.detail-lens-label{font-size:8px;gap:3px;bottom:9px;padding:3px 6px}.detail-lens-label>span{font-size:13px}.detail-toggle{min-height:44px;padding:7px 9px}.detail-toggle strong{font-size:11px}.detail-toggle small{font-size:8px}.detail-entry-arrow{margin-left:1px}}
@media(prefers-reduced-motion:reduce){.detail-toggle,.detail-lens,.detail-controls{animation:none;transition:none}}
@media print{.surface-details{background:transparent;padding-block:25px}.detail-toggle,.detail-controls,.detail-lens{display:none!important}.surface-details-heading h2{font-size:30pt}.surface-details-grid{display:block}.surface-detail-figure{break-inside:avoid;margin-bottom:20px}}