/* Material and mechanical behavior adapted from the supplied Wardright v47.17 source CSS. */
:root{--ivory:#f0eee8;--graphite:#17191b;--bronze:#3d2f25;--line:rgba(122,91,67,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ivory);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--ivory)}body::before{display:none}.site-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:var(--ivory) url("okie-overlay.png") center center/cover no-repeat;transform:translateZ(0);-webkit-transform:translateZ(0)}a:focus-visible{outline:2px solid #b48d67;outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;background:#fff;color:#111;padding:10px;z-index:200}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;padding:8px clamp(12px,2vw,26px);height:68px;pointer-events:none}.header-glass{pointer-events:auto;max-width:1420px;height:52px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(16px,3vw,34px);background:linear-gradient(125deg,rgba(82,59,46,.75),rgba(19,20,22,.88) 50%,rgba(51,39,33,.84));border:1px solid rgba(170,134,102,.32);box-shadow:0 12px 30px rgba(25,20,18,.17),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);border-radius:10px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ivory);text-decoration:none;letter-spacing:.14em;font-size:12px;font-weight:680;white-space:nowrap}.brand-star{width:12px;height:12px;fill:#b78c68;flex:none}.header-meta{font-size:10px;letter-spacing:.18em;color:#d0c5b9;white-space:nowrap}.open-space{height:clamp(280px,53vh,610px)}.services{padding:0 clamp(16px,4vw,72px) 80px}.services-grid{max-width:1390px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.service-pane{position:relative;isolation:isolate;min-width:0;overflow:hidden;padding:clamp(26px,2.7vw,42px);min-height:405px;color:#332b26;background-color:#f0eee8;background-image:linear-gradient(90deg,rgba(73,52,40,.02) 1px,transparent 1px),linear-gradient(rgba(73,52,40,.02) 1px,transparent 1px),linear-gradient(140deg,rgba(255,255,255,.85),rgba(238,233,224,.89));background-size:4px 4px,4px 4px,auto;border:1px solid rgba(106,83,65,.23);box-shadow:0 22px 55px rgba(41,29,21,.18),inset 0 1px rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.service-pane::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 48px rgba(104,76,55,.12);background:radial-gradient(ellipse at 50% 50%,transparent 47%,rgba(239,234,224,.20) 100%)}.pane-number{font-size:10px;font-weight:700;letter-spacing:.19em;color:#896c54}.pane-top{min-height:117px;border-bottom:1px solid rgba(73,52,40,.18);margin-bottom:20px}.service-pane h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.25vw,36px);line-height:1.13;font-weight:400;letter-spacing:-.035em;margin:13px 0 22px}.service-pane ul{list-style:none;margin:0;padding:0}.service-pane li{padding:13px 0;border-bottom:1px solid rgba(73,52,40,.11);font-size:clamp(14px,1.1vw,16px)}.service-pane li:last-child{border-bottom:0}.contact-panel{padding:0 18px 75px}.ivory-surface{max-width:950px;margin:auto;padding:clamp(28px,5vw,58px);background-color:#f0eee8;background-image:linear-gradient(90deg,rgba(73,52,40,.02) 1px,transparent 1px),linear-gradient(rgba(73,52,40,.02) 1px,transparent 1px);background-size:4px 4px;border:1px solid rgba(73,52,40,.19);box-shadow:0 15px 44px rgba(41,29,21,.14)}.actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.mechanical{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;min-width:245px;padding:0 0 0 22px;border:0;border-radius:20px;text-decoration:none;font-weight:650;font-size:13px;color:#f0eee8;background-color:#3d2f25;background-image:linear-gradient(to bottom,rgba(255,255,255,.015) 50%,rgba(0,0,0,.07) 50%);background-size:100% 2px;box-shadow:3px 3px 6px rgba(73,52,40,.18),-3px -3px 6px rgba(255,255,255,.8);transition:transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .2s cubic-bezier(.25,.8,.25,1)}.mechanical:hover{box-shadow:4px 4px 8px rgba(73,52,40,.24),-4px -4px 8px rgba(255,255,255,.9)}.mechanical:active{transform:translateY(1.5px);box-shadow:inset 2px 2px 5px rgba(0,0,0,.42),inset -2px -2px 4px rgba(255,255,255,.13)}.button-icon{align-self:stretch;min-width:50px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.15);font-size:20px}.credentials{padding:0 22px 60px;text-align:center}.credentials img{display:block;width:min(100%,620px);height:auto;margin:auto;mix-blend-mode:multiply}.site-footer{padding:0 12px 9px}.footer-glass{max-width:1420px;margin:auto;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,3vw,34px);background:rgba(26,25,25,.91);border:1px solid rgba(170,134,102,.28);border-radius:9px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:11px;letter-spacing:.08em;color:#d8d0c8}.footer-glass a{color:#f0eee8;text-decoration:none;letter-spacing:normal}@media(max-width:1050px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-pane:last-child{grid-column:1/-1;min-height:auto}.open-space{height:clamp(280px,48vh,480px)}}@media(max-width:680px){.site-header{height:62px;padding:6px 8px}.header-glass{height:50px;padding:0 12px}.brand{font-size:10px;gap:6px;letter-spacing:.09em}.brand-star{width:10px;height:10px}.header-meta{display:none}.site-backdrop{background-size:100% auto;background-position:center center;background-repeat:no-repeat}.open-space{height:clamp(230px,43svh,410px)}.services{padding:0 15px 55px}.services-grid{grid-template-columns:1fr;gap:18px}.service-pane,.service-pane:last-child{grid-column:auto;min-height:auto;padding:28px 27px}.pane-top{min-height:0;margin-bottom:12px}.service-pane h2{font-size:30px;margin:10px 0 17px}.service-pane li{padding:10px 0}.contact-panel{padding:0 15px 48px}.ivory-surface{padding:26px 18px}.actions{flex-direction:column;gap:14px}.mechanical{width:100%;min-width:0}.credentials{padding:0 18px 38px}.footer-glass{justify-content:center;flex-wrap:wrap;text-align:center;gap:3px 15px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mechanical{transition:none}}


/* Three approved standalone service artworks; transparent PNGs, no composite. */
.open-space{height:clamp(540px,86svh,1020px)}
.services{padding:42px clamp(24px,5vw,88px) 95px}
.services-image-grid{width:min(100%,1450px);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px);align-items:start}
.service-image{display:block;width:100%;height:auto;min-width:0;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(31,22,17,.12));-webkit-mask-image:radial-gradient(ellipse 78% 81% at 50% 50%,#000 75%,transparent 100%);mask-image:radial-gradient(ellipse 78% 81% at 50% 50%,#000 75%,transparent 100%)}
@media(max-width:1050px){.open-space{height:clamp(480px,77svh,850px)}.services{padding:34px 20px 72px}.services-image-grid{gap:12px}}
@media(max-width:680px){.open-space{height:clamp(390px,78svh,760px)}.services{padding:20px 16px 54px}.services-image-grid{grid-template-columns:minmax(0,1fr);max-width:440px;gap:20px}.service-image{-webkit-mask-image:radial-gradient(ellipse 84% 85% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 84% 85% at 50% 50%,#000 78%,transparent 100%)}}

/* Scoped mobile-background and Square scheduling enhancement. */
html,body{min-height:100%;overflow-x:clip}
.site-backdrop{will-change:transform;contain:paint}
.header-utilities{display:flex;align-items:center;gap:7px;flex-shrink:0}
.utility-icon{appearance:none;display:grid;place-items:center;width:38px;height:38px;padding:0;color:#e9ded0;background:linear-gradient(150deg,rgba(180,138,104,.13),rgba(0,0,0,.24));border:1px solid rgba(189,150,111,.36);border-radius:9px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:transform .16s ease,border-color .16s ease}
.utility-icon:hover{border-color:rgba(210,172,128,.8)}.utility-icon:active{transform:translateY(1px)}.utility-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mechanical{cursor:pointer;font-family:inherit;text-align:left}
.booking-section{padding:0 18px 76px;scroll-margin-top:90px}.booking-section[hidden]{display:none}
.booking-shell{width:min(100%,950px);margin:auto;padding:clamp(18px,4vw,38px);color:#252321;background-color:#f0eee8;background-image:linear-gradient(90deg,rgba(73,52,40,.02) 1px,transparent 1px),linear-gradient(rgba(73,52,40,.02) 1px,transparent 1px);background-size:4px 4px;border:1px solid rgba(73,52,40,.22);box-shadow:0 15px 44px rgba(41,29,21,.14)}
.booking-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:14px}
.booking-close{background:#3d2f25;color:#f0eee8;border:1px solid rgba(140,107,76,.6);border-radius:7px;font-size:24px;line-height:1;min-width:40px;min-height:40px;cursor:pointer}
.square-booking-mount{min-height:260px;width:100%;overflow:visible}.square-booking-mount iframe{max-width:100%;border:0}.booking-status{color:#625b54;text-align:center;padding:32px 8px}.booking-help{font-size:12px;line-height:1.5;color:#686058;margin:14px 0 0}
@media(max-width:680px){.header-glass{padding:0 9px;gap:7px}.brand{font-size:clamp(8px,2.2vw,10px);letter-spacing:.045em;gap:4px}.brand-star{width:9px;height:9px}.header-utilities{gap:4px}.utility-icon{width:36px;height:38px;border-radius:7px}.utility-icon svg{width:16px;height:16px}.site-backdrop{background-size:100% auto;background-position:center center}.booking-section{padding:0 12px 48px}.booking-shell{padding:16px 12px}}
@media(max-width:360px){.brand{font-size:8px;gap:3px}.utility-icon{width:33px;height:36px}.header-utilities{gap:3px}}
@media(prefers-reduced-motion:reduce){.utility-icon{transition:none}}