/*
Theme Name: Sherlock Park
Description: Bespoke whiskey bottling website for The Sherlock Park Company.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sherlock-park
*/
:root{--cream:#f2efe7;--ink:#22251e;--gold:#b8a07b;--muted:#66675e;--line:#d8d3c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #977943;outline-offset:5px}header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#e5e2dc;position:relative;z-index:5;border-bottom:1px solid #d4cec4}.brand img{display:block;width:210px;height:auto;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav a:hover{color:#80643c}.nav-cta{border-bottom:1px solid var(--gold);padding:9px 0;margin-left:12px}.nav-cta span{margin-left:25px}#menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:730px;background:var(--ink);color:var(--cream)}.hero-copy{padding:72px 7% 35px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;margin:0 0 27px;color:#897452}.hero .eyebrow{color:#c4ae8d}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(54px,5.5vw,83px);line-height:1.04;letter-spacing:-3px;margin-bottom:30px}em{font-weight:400;color:#ad9876}h1 em{color:#cfb794}.intro{font-size:15px;color:#d0d0c5;max-width:390px;line-height:1.85;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:15px 22px;border:1px solid transparent;font-size:12px;cursor:pointer;transition:background .2s}.button span{font-size:19px}.light{background:var(--cream);color:var(--ink)}.light:hover{background:#dbccb6}.dark{background:var(--ink);color:var(--cream)}.dark:hover{background:#444b3b}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #b5a078;padding:7px 0;font-size:12px}.hero .text-link{margin-top:20px;color:#e4dece}.hero-note{margin-top:auto;padding-top:45px;display:flex;gap:25px;font-size:8px;letter-spacing:1.8px;color:#aaa99a}.hero-image{margin:0;position:relative;min-width:0;overflow:hidden;background:#171914}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:60% center}.hero-image:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#171914aa)}figcaption{position:absolute;bottom:26px;left:35px;right:35px;display:flex;justify-content:space-between;color:#e1d7c4;z-index:1;font-size:8px;letter-spacing:2px}figcaption span{letter-spacing:.4px;color:#b9b5a6}.service-strip{padding:24px 5%;display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:1.8px}.service-strip i{font-style:normal;color:#a48b65}.section{padding:100px 8%}.expertise{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.16;letter-spacing:-1.4px;margin-bottom:28px}.section-heading>p:last-child{max-width:345px;color:var(--muted)}.services article{display:flex;gap:30px;padding:29px 0;border-top:1px solid var(--line)}.services article:first-child{padding-top:4px;border-top:0}.number{color:#9b825b;font-size:10px;padding-top:5px}.services h3{font-size:25px;line-height:1.3;margin-bottom:12px}.services p{font-size:13px;color:var(--muted);margin-bottom:15px}.service-tag{font-size:8px;letter-spacing:1.5px;color:#806d4e}.approach{background:#e7e3d9}.approach-top{display:flex;justify-content:space-between;gap:10%;align-items:center}.approach-top>p{max-width:370px;font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.steps article{border-top:1px solid #bfb5a4;padding-top:24px}.steps span{font-size:9px;letter-spacing:1.8px;color:#806d4e}.steps h3{font-size:28px;margin:21px 0 15px;line-height:1.2}.steps p{font-size:13px;color:var(--muted);margin-bottom:0}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center}.monogram{aspect-ratio:4/5;background:#d9d1c2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:45px 20px;border:1px solid #c5baa4;outline:1px solid #bcad93;outline-offset:-15px}.monogram>span{font-size:8px;letter-spacing:2px}.monogram>div{font-family:Georgia,serif;font-size:130px;letter-spacing:-14px;line-height:1;color:#544f40}.monogram div span{display:block;text-align:right;font-family:Arial,sans-serif;font-size:16px;letter-spacing:5px;margin-top:20px}.about-copy .large{font-family:Georgia,serif;font-size:23px;line-height:1.5}.about-copy>p:not(.large):not(.eyebrow){font-size:14px;color:var(--muted)}.signature{font-family:Georgia,serif;font-style:italic;font-size:25px;margin-top:28px}.signature span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.5px;font-style:normal;margin-top:5px}.occasion{background:var(--ink);padding:85px 20px;text-align:center;color:var(--cream)}.occasion h2{font-size:clamp(44px,5vw,70px)}.occasion .eyebrow{color:#baa581}.occasion p:not(.eyebrow){color:#c6c6b9;font-size:14px}.occasion .text-link{margin-top:12px}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:12%}.enquiry>div>p:not(.eyebrow){color:var(--muted);max-width:330px}.enquiry .form-note{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;letter-spacing:.3px;margin-bottom:21px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bfb9ab;border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:13px;outline-offset:3px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#86867b}form .button{width:100%}#brief-result{font-size:13px;margin-top:20px}footer{background:#e7e3d9;border-top:1px solid #d1c9ba;padding:45px 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}footer p{text-align:right;font-family:Georgia,serif;font-size:20px;margin:0}.footer-brand{font-size:21px;letter-spacing:4px;font-weight:700;line-height:1.6}.footer-brand span{display:block;font-size:8px;letter-spacing:3px;color:#79694d}footer>span,footer .back{font-size:10px;color:var(--muted)}footer .back{text-align:right}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:10}.skip:focus{top:0}@media(min-width:1600px){.hero{min-height:830px}.hero-copy{padding-top:100px}}@media(max-width:960px){nav{gap:20px}.nav-cta{margin-left:0}.hero{min-height:650px}.hero-copy{padding-top:55px}h1{font-size:60px}.section{padding:75px 6%}.expertise,.about,.enquiry{gap:7%}.services h3{font-size:23px}.service-strip{font-size:8px;letter-spacing:1px}.monogram>div{font-size:100px}.steps{gap:25px}.hero-note{gap:15px;letter-spacing:1px}}@media(max-width:700px){html{scroll-padding-top:80px}header{height:85px;padding:0 6%}.brand img{width:175px}#menu{display:flex;align-items:center;gap:12px;background:none;border:0;font-size:12px;padding:10px 0}nav{display:none;position:absolute;top:85px;left:0;right:0;background:#e5e2dc;padding:25px 6%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #aaa}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 7% 35px}.hero h1{font-size:60px;letter-spacing:-2px}.intro{max-width:430px}.hero-note{margin-top:8px;padding-top:26px}.hero-image{height:470px}.hero-image img{object-position:60% 52%}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:20px 7%;font-size:8px}.service-strip i{display:none}.section{padding:65px 7%}.expertise,.about,.enquiry{grid-template-columns:1fr;gap:35px}h2{font-size:39px}.services article:first-child{border-top:1px solid var(--line);padding-top:25px}.section-heading>p:last-child{max-width:100%}.approach-top{display:block}.approach-top>p{max-width:100%}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin:13px 0}.monogram{aspect-ratio:1.3;max-height:350px;padding:35px}.monogram>div{font-size:95px}.about{gap:45px}.occasion{padding:65px 7%}.occasion h2{font-size:51px}.enquiry{gap:20px}.enquiry .form-note{max-width:100%}.form-row{gap:15px}footer{grid-template-columns:1fr;padding:35px 7%;gap:24px}footer p,footer .back{text-align:left}.footer-brand{font-size:20px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:22px}figcaption{left:22px;right:22px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.form-note a{overflow-wrap:anywhere}.content-page{min-height:60vh}.content-page a{text-decoration:underline}

/* Background-free header wordmark. */
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;background:transparent;line-height:1.5;flex-shrink:0}
.brand-name{font-size:23px;font-weight:700;letter-spacing:3px;color:var(--ink)}
.brand-detail{font-size:8px;letter-spacing:3px;color:#79694d;margin-top:4px}
@media(max-width:700px){.brand-name{font-size:20px;letter-spacing:2px}.brand-detail{font-size:7px;letter-spacing:2.4px}}
