/*
Theme Name: Sagg Road Group — Final Refined
Author: Sagg Road Group
Description: Minimal, responsive Sagg Road homepage with Newsreader and structured-fluidity animation.
Version: 1.2.0
Requires at least: 6.3
Text Domain: sagg-road-group-v11
*/

:root{--bg:#eae3d9;--ink:#252b25;--forest:#254a3c;--sage:#9bad8e;--muted:#716e64}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.shell{min-height:100svh;padding:clamp(28px,4.7vw,78px);display:flex;flex-direction:column}.brand{font-size:clamp(13px,1.1vw,17px);font-weight:600;letter-spacing:.26em;white-space:nowrap;color:#254a3c}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,80px);align-items:center;flex:1;padding:50px 0 35px}.copy{max-width:670px;animation:slide .95s ease-out both}.statement{font-size:clamp(33px,3.05vw,56px);line-height:1.27;letter-spacing:-.043em;font-weight:300;margin:0;max-width:16.8em}.contact{display:flex;flex-wrap:wrap;gap:18px 34px;margin-top:clamp(74px,9vw,134px);font-size:13px}.contact a{color:inherit;text-decoration:none;border-bottom:1px solid #8b9186;padding-bottom:5px}.contact a:hover{border-color:var(--forest)}.visual{position:relative;height:min(65vh,650px);min-height:370px;isolation:isolate}.visual canvas{width:100%;height:100%;display:block}.visual-label{position:absolute;bottom:8px;right:0;font-size:10px;letter-spacing:.18em;color:#687e6c}.footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;color:#77766c;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.replay{background:none;border:0;border-bottom:1px solid #88877d;padding:0 0 4px;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.replay:hover{color:var(--forest)}@keyframes slide{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:850px){.shell{padding:clamp(23px,5vw,38px);min-height:100svh}.main{grid-template-columns:1fr;padding:clamp(55px,9vh,85px) 0 0;gap:0;align-content:start;flex:1}.copy{max-width:620px}.statement{font-size:clamp(30px,6.8vw,48px);line-height:1.25;letter-spacing:-.038em}.contact{margin-top:42px;gap:14px 26px}.visual{height:clamp(260px,45vh,420px);min-height:0;margin-top:12px}.footer{padding-top:8px}.brand{letter-spacing:.21em}}@media(max-width:480px){.shell{padding:25px 23px 18px}.brand{font-size:12px;letter-spacing:.18em}.main{padding-top:clamp(48px,8vh,72px)}.statement{font-size:clamp(29px,7.5vw,37px);line-height:1.24;letter-spacing:-.035em}.contact{margin-top:34px;flex-direction:column;align-items:flex-start;gap:15px;font-size:13px}.visual{height:clamp(245px,36vh,325px);margin-top:8px}.footer{justify-content:flex-start;padding-top:8px}.replay{font-size:10px}}@media(max-width:360px){.statement{font-size:28px}.main{padding-top:42px}.visual{height:245px}}@media(min-width:1200px){.main{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}@media(prefers-reduced-motion:reduce){.copy{animation:none}}


/* Final typography */
.statement{font-family:'Newsreader',Georgia,serif;font-weight:400;letter-spacing:-.027em;line-height:1.18}
@media(max-width:850px){.statement{font-size:clamp(33px,7.2vw,51px);line-height:1.17}}
@media(max-width:480px){.statement{font-size:clamp(32px,8vw,41px)}}
@media(max-width:360px){.statement{font-size:31px}}
@media(hover:none){.contact a,.replay{min-height:26px}}
@media(prefers-reduced-motion:reduce){.statement,.copy{animation:none}}

/* WordPress theme overrides */
html,body{margin:0!important} .wp-site-blocks{min-height:100svh}

/* Official black wordmark, exact supplied artwork */
.brand-logo{width:clamp(190px,21vw,325px);height:auto;aspect-ratio:2048/91;background-image:var(--sagg-logo-url);background-repeat:no-repeat;background-position:left center;background-size:contain;display:block}
@media(max-width:480px){.brand-logo{width:min(77vw,280px)}}
/* Avoid default WordPress layout gutters around the full-bleed homepage */
body .wp-site-blocks{padding:0;margin:0} .wp-site-blocks > *{margin-block-start:0}

/* V11 approved: headline reduced by 5% from V10, maintaining mobile legibility */
@media(min-width:851px){.statement{font-size:clamp(31.35px,2.8975vw,53.2px)}}
@media(min-width:481px) and (max-width:850px){.statement{font-size:clamp(31.35px,6.84vw,48.45px)}}
@media(min-width:361px) and (max-width:480px){.statement{font-size:clamp(30.4px,7.6vw,38.95px)}}
@media(max-width:360px){.statement{font-size:29.45px}}