/* ========================================================= IMAGE & FRAME — CURRENT INTERIOR PAGE SYSTEM v0.3.55 — COMPOSITION / MOTION / COPY REFINEMENT CONTRACT - Current interior content root remains .if-page-v050; v0.3.52 refines its shared navigation/design layer - Information is the primary visual material. - Images prove process/material/scale; they do not fill every section. - Dense, readable desktop and mobile composition; no giant UI tiles. - WoodMart owns desktop header/top bar. Current interior pages own footer. ========================================================= */ /* ---------- Theme integration: current v0.3.50 interior pages only ---------- */ body.ifss-current-interior .main-page-wrapper, body.ifss-current-interior .site-content{margin-top:0!important;padding-top:0!important} body.ifss-current-interior .site-content{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important} body.ifss-current-interior .wpb-content-wrapper>.vc_row:first-child, body.ifss-current-interior .wpb-content-wrapper>.wpb-content-wrapper:first-child{margin-top:0!important;padding-top:0!important} body.ifss-current-interior.ifss-candidate-preview .wd-header-cats{display:none!important} body.ifss-current-interior .footer-container, body.ifss-current-interior .copyrights-wrapper, body.ifss-current-interior .wd-prefooter, body.ifss-current-interior .prefooter, body.ifss-current-interior .footer-sidebar{display:none!important} /* ---------- Foundation ---------- */ .if-page-v050{ --if49-ink:#25201c; --if49-ink-soft:#534941; --if49-paper:#f5eddf; --if49-ivory:#fcfaf5; --if49-line:#d6c7b3; --if49-walnut:#382a24; --if49-walnut-2:#49342d; --if49-gold:#d0a23b; --if49-yellow:#e9b220; --if49-green:#324c41; --if49-sage:#dfe6dd; --if49-blue:#607888; --if49-clay:#a45d48; --if49-oxblood:#74413e; --if49-plum:#745967; --if49-slate:#556b77; --if49-accent:var(--if49-gold); --if49-accent-deep:#805f25; --if49-shell:1240px; --if49-x:clamp(42px,4.7vw,64px); --if49-y:clamp(50px,4.9vw,68px); --if49-shadow:0 15px 34px rgba(49,34,25,.10),0 3px 8px rgba(49,34,25,.055); --if49-shadow-soft:0 9px 22px rgba(49,34,25,.08),0 2px 5px rgba(49,34,25,.05); width:100%;overflow-x:clip;background:var(--if49-ivory);color:var(--if49-ink); font-family:"Lato",Arial,sans-serif;font-size:17.5px;line-height:1.62; text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased; } .if-page-v050,.if-page-v050 *{box-sizing:border-box} .if-page-v050 .ifss-anchor-target{scroll-margin-top:var(--ifss-anchor-offset,132px)} @media(max-width:767px){.if-page-v050 .ifss-anchor-target{scroll-margin-top:var(--ifss-anchor-offset-mobile,84px)}} .if-page-v050 :is(h1,h2,h3,p,figure,blockquote,address){margin-top:0} .if-page-v050 :is(h1,h2,h3){font-family:"Poppins","Lato",Arial,sans-serif;font-weight:500;letter-spacing:-.027em;color:inherit} .if-page-v050 a{color:inherit;text-decoration:none} .if-page-v050 img{max-width:100%;height:auto} .if-page-v050 strong{font-weight:700} .if-page-v050 .if49-shell{width:min(100%,var(--if49-shell));margin-inline:auto;padding-inline:var(--if49-x)} .if-page-v050 :is(a,summary,button):focus-visible{outline:3px solid rgba(233,178,32,.62);outline-offset:4px} /* ---------- Per-page material color ---------- */ .if49-palette-gold{--if49-accent:#cda13e;--if49-accent-deep:#765624} .if49-palette-clay{--if49-accent:#a85e49;--if49-accent-deep:#6f3f35} .if49-palette-oxblood{--if49-accent:#824a46;--if49-accent-deep:#562e2d} .if49-palette-slate{--if49-accent:#637b89;--if49-accent-deep:#3d525e} .if49-palette-blue{--if49-accent:#668395;--if49-accent-deep:#405d6d} .if49-palette-plum{--if49-accent:#795c69;--if49-accent-deep:#513a45} .if49-palette-green{--if49-accent:#3f6454;--if49-accent-deep:#29463b} .if49-palette-umber{--if49-accent:#765748;--if49-accent-deep:#463229} .if49-palette-sage{--if49-accent:#738579;--if49-accent-deep:#465a4e} /* ---------- Shared type / links ---------- */ .if-page-v050 .if49-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:color-mix(in srgb,var(--if49-accent-deep) 88%,#3a312a 12%);font-family:"Poppins",sans-serif;font-size:10.8px;font-weight:700;line-height:1.3;letter-spacing:.085em;text-transform:uppercase} .if-page-v050 .if49-eyebrow:before{content:"";width:24px;height:3px;flex:0 0 auto;background:var(--if49-accent)} .if-page-v050 .if49-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid var(--if49-ink);font-family:"Poppins",sans-serif;font-size:13px;font-weight:650;line-height:1.2;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease} .if-page-v050 .if49-btn:hover{transform:translateY(-1px)} .if-page-v050 .if49-btn-primary{background:var(--if49-accent-deep);border-color:var(--if49-accent-deep);color:#fff} .if-page-v050 .if49-btn-dark{background:#29231f;border-color:#29231f;color:#fff} .if-page-v050 .if49-text-link,.if-page-v050 .if49-card-link{display:inline-flex;width:max-content;max-width:100%;padding-bottom:2px;border-bottom:2px solid var(--if49-accent);font-size:13.8px;font-weight:700;line-height:1.35} /* ---------- Hero ---------- */ .if-page-v050 .if49-hero{position:relative;padding-block:clamp(48px,5.1vw,70px);background: radial-gradient(circle at 87% 14%,color-mix(in srgb,var(--if49-accent) 17%,transparent),transparent 31%), linear-gradient(130deg,#fbf8f1 0%,#f1e6d5 100%);border-top:1px solid rgba(61,45,35,.08)} .if-page-v050 .if49-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--if49-accent) 0 24%,#d1aa4b 24% 43%,#9c6c54 43% 59%,#647b83 59% 78%,transparent 78%)} .if-page-v050 .if49-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:clamp(34px,4vw,56px);align-items:center} .if-page-v050 .if49-hero-grid--text{grid-template-columns:minmax(0,860px);justify-content:center;text-align:left} .if-page-v050 .if49-hero-copy{min-width:0} .if-page-v050 .if49-hero h1{max-width:780px;margin:0 0 17px;font-size:clamp(42px,4.8vw,62px);line-height:1.02;letter-spacing:-.047em;text-wrap:balance} .if-page-v050 .if49-lede{max-width:760px;margin:0;color:#473d35;font-size:clamp(18px,1.4vw,20px);line-height:1.58;text-wrap:pretty} .if-page-v050 .if49-cover{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px} .if-page-v050 .if49-cover span{padding:6px 9px;border:1px solid rgba(69,54,44,.19);background:rgba(255,255,255,.44);color:#55473d;font-family:"Poppins",sans-serif;font-size:10.6px;font-weight:600;line-height:1.25} .if-page-v050 .if49-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px 15px;margin-top:24px} .if-page-v050 .if49-hero-media{margin:0;background:#2b241f;box-shadow:var(--if49-shadow);overflow:hidden} .if-page-v050 .if49-hero-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.91) contrast(1.02);transition:transform .45s ease} .if-page-v050 .if49-hero-media figcaption{padding:12px 15px 14px;border-top:3px solid var(--if49-accent);color:#f8f4ee;font-size:13.3px;line-height:1.45} /* ---------- Adaptive Page Navigator ---------- */ .if-page-v050 .if49-jump{position:sticky;top:var(--ifss-header-clearance,0px);z-index:10010;background:#2d2723;color:#f3ece3;border-bottom:3px solid var(--if49-accent);transition:box-shadow .18s ease,opacity .18s ease} .if-page-v050 .if49-jump.is-stuck{box-shadow:0 10px 26px rgba(37,29,24,.16)} .if-page-v050 .if49-jump.is-near-footer{opacity:0;pointer-events:none} .if-page-v050 .if49-jump .if49-shell{display:flex;align-items:center;gap:4px 8px;min-height:46px;overflow:hidden;padding-block:5px} .if-page-v050 .if49-jump .if49-shell>span{flex:0 0 auto;margin-right:8px;color:#d8b968;font-family:"Poppins",sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .if-page-v050 .ifss-page-index-links{display:flex;align-items:center;gap:4px 8px;min-width:0;overflow-x:auto;scrollbar-width:thin} .if-page-v050 .ifss-page-index-links a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:5px 10px 6px;color:#f3ece3;font-family:"Poppins",sans-serif;font-size:11.3px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background-color .16s ease,color .16s ease} .if-page-v050 .ifss-page-index-links a:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--if49-accent);transform:scaleX(0);transform-origin:left;transition:transform .16s ease} .if-page-v050 .ifss-page-index-links a:hover,.if-page-v050 .ifss-page-index-links a:focus-visible,.if-page-v050 .ifss-page-index-links a.is-active{background:rgba(255,255,255,.075);color:#fff} .if-page-v050 .ifss-page-index-links a:hover:after,.if-page-v050 .ifss-page-index-links a:focus-visible:after,.if-page-v050 .ifss-page-index-links a.is-active:after{transform:scaleX(1)} .if-page-v050 .ifss-page-index-toggle{display:none} body.mobile-nav-opened.ifss-current-interior .if49-jump,body.ifss-header-menu-open.ifss-current-interior .if49-jump{opacity:0;pointer-events:none} /* ---------- Sections ---------- */ .if-page-v050 .if49-section{position:relative;padding-block:var(--if49-y);border-top:1px solid rgba(70,51,40,.08)} .if-page-v050 .if49-tone-ivory{background:#fcfaf5} .if-page-v050 .if49-tone-paper{background:#f5eddf} .if-page-v050 .if49-tone-sage{background:#e0e6de} .if-page-v050 .if49-tone-blue{background:#e4e9e9} .if-page-v050 .if49-tone-clay{background:#eee0d8} .if-page-v050 .if49-tone-gold{background:#f0e4c7} .if-page-v050 .if49-tone-plum{background:#e9dfe2} .if-page-v050 .if49-tone-slate{background:#dde4e5} .if-page-v050 .if49-tone-green{background:#dfe7e1} .if-page-v050 .if49-tone-umber{background:linear-gradient(135deg,#382a24 0%,#49342d 100%);color:#f8f2e9} .if-page-v050 .if49-tone-oxblood{background:linear-gradient(135deg,#693d39 0%,#7a4742 100%);color:#fff8ef} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-eyebrow{color:#e6c879} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-eyebrow:before{background:#e0b84d} .if-page-v050 .if49-section-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.72fr);gap:clamp(32px,4vw,62px);align-items:end;margin-bottom:clamp(25px,3vw,40px)} .if-page-v050 .if49-section-intro h2,.if-page-v050 .if49-section-head h2{max-width:730px;margin:0;font-size:clamp(32px,3.5vw,44px);line-height:1.07;letter-spacing:-.04em;text-wrap:balance} .if-page-v050 .if49-section-intro>p{max-width:620px;margin:0;color:color-mix(in srgb,currentColor 81%,transparent);font-size:17px;line-height:1.6;text-wrap:pretty} /* ---------- Split information composition ---------- */ .if-page-v050 .if49-split{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(340px,1.12fr) minmax(220px,.64fr);gap:clamp(30px,3.8vw,54px);align-items:start} .if-page-v050 .if49-split:not(:has(.if49-aside)){grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)} .if-page-v050 .if49-section-head{min-width:0} .if-page-v050 .if49-copy{min-width:0} .if-page-v050 .if49-copy p{margin:0 0 14px;font-size:17.2px;line-height:1.66;text-wrap:pretty} .if-page-v050 .if49-copy p:last-child{margin-bottom:0} .if-page-v050 .if49-aside{min-width:0} .if-page-v050 .if49-callout{position:relative;padding:20px 20px 21px;border-top:4px solid var(--if49-accent);background:rgba(255,255,255,.62);box-shadow:var(--if49-shadow-soft);color:#302a25} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-callout{background:rgba(255,250,242,.92)} .if-page-v050 .if49-callout>span{display:block;margin-bottom:9px;color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:9.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .if-page-v050 .if49-callout strong{display:block;margin-bottom:8px;font-family:"Poppins",sans-serif;font-size:17px;line-height:1.35} .if-page-v050 .if49-callout p{margin:0;color:#534940;font-size:14.2px;line-height:1.55} /* ---------- Cards: compact information units ---------- */ .if-page-v050 .if49-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px} .if-page-v050 .if49-card-grid.if83-two-up{grid-template-columns:repeat(2,minmax(0,1fr))} .if-page-v050 .if49-card{min-width:0;padding:19px 19px 20px;border:1px solid rgba(73,54,43,.15);border-top:3px solid color-mix(in srgb,var(--if49-accent) 86%,#fff 14%);background:rgba(255,255,255,.58);box-shadow:0 4px 10px rgba(49,34,25,.035)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-card{background:rgba(255,250,243,.93);color:#2b2521} .if-page-v050 .if49-card>span{display:block;margin-bottom:7px;color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:9.7px;font-weight:700;letter-spacing:.07em;text-transform:uppercase} .if-page-v050 .if49-card h3{margin:0 0 7px;font-size:17.3px;font-weight:600;line-height:1.28;letter-spacing:-.025em} .if-page-v050 .if49-card p{margin:0;color:#554b43;font-size:14.35px;line-height:1.53;text-wrap:pretty} .if-page-v050 .if49-card .if49-card-link{margin-top:12px} /* ---------- Tables ---------- */ .if-page-v050 .if49-table-wrap{width:100%;overflow-x:auto;border:1px solid rgba(68,50,39,.16);box-shadow:0 5px 12px rgba(45,31,22,.035);background:rgba(255,255,255,.68)} .if-page-v050 .if49-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14.5px;line-height:1.5;color:#332d28} .if-page-v050 .if49-table th{padding:12px 14px;background:#342c27;color:#f8f3eb;font-family:"Poppins",sans-serif;font-size:10.3px;font-weight:700;letter-spacing:.055em;text-align:left;text-transform:uppercase} .if-page-v050 .if49-table td{padding:13px 14px;vertical-align:top;border-bottom:1px solid rgba(76,57,45,.13);border-right:1px solid rgba(76,57,45,.10)} .if-page-v050 .if49-table tr:last-child td{border-bottom:0} .if-page-v050 .if49-table td:last-child{border-right:0} .if-page-v050 .if49-table tbody tr:nth-child(even){background:rgba(222,210,193,.22)} /* ---------- Accordions ---------- */ .if-page-v050 .if49-accordions{border-top:1px solid rgba(70,51,40,.22)} .if-page-v050 .if49-accordions details{border-bottom:1px solid rgba(70,51,40,.22)} .if-page-v050 .if49-accordions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4px;cursor:pointer;list-style:none;font-family:"Poppins",sans-serif;font-size:16.3px;font-weight:600;line-height:1.35} .if-page-v050 .if49-accordions summary::-webkit-details-marker{display:none} .if-page-v050 .if49-accordions summary span{color:var(--if49-accent-deep);font-size:20px;font-weight:400;transition:transform .2s ease} .if-page-v050 .if49-accordions details[open] summary span{transform:rotate(45deg)} .if-page-v050 .if49-detail-body{max-width:880px;padding:0 4px 18px;color:#554a42;font-size:15.5px;line-height:1.62} .if-page-v050 .if49-detail-body p{margin:0} /* ---------- Process steps ---------- */ .if-page-v050 .if49-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(73,54,43,.20)} .if-page-v050 .if49-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:19px 20px 20px 0;border-bottom:1px solid rgba(73,54,43,.20)} .if-page-v050 .if49-steps li:nth-child(odd){padding-right:28px;border-right:1px solid rgba(73,54,43,.16)} .if-page-v050 .if49-steps li:nth-child(even){padding-left:28px} .if-page-v050 .if49-steps>li>span{color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em} .if-page-v050 .if49-steps h3{margin:0 0 6px;font-size:17px;font-weight:600;line-height:1.3} .if-page-v050 .if49-steps p{margin:0;color:#564c44;font-size:14.4px;line-height:1.55} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-steps p{color:#e8ddd3} /* ---------- Sparse proof image band ---------- */ .if-page-v050 .if49-image-band{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);width:min(100%,1120px);margin:clamp(34px,4vw,52px) auto;border:1px solid rgba(73,54,43,.13);background:#fffaf2;box-shadow:var(--if49-shadow)} .if-page-v050 .if49-image-band.is-reverse{grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr)} .if-page-v050 .if49-image-band.is-reverse figure{order:2} .if-page-v050 .if49-image-band figure{margin:0;min-height:260px;overflow:hidden;background:#cdbda6} .if-page-v050 .if49-image-band img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;filter:saturate(.91) contrast(1.02);transition:transform .45s ease} .if-page-v050 .if49-image-band>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3.4vw,44px)} .if-page-v050 .if49-image-band>div>span{margin-bottom:8px;color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:9.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .if-page-v050 .if49-image-band h3{margin:0 0 9px;font-size:clamp(25px,2.6vw,34px);line-height:1.08;letter-spacing:-.035em} .if-page-v050 .if49-image-band p{max-width:660px;margin:0;color:#51463e;font-size:16px;line-height:1.6} /* ---------- Related guides ---------- */ .if-page-v050 .if49-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1120px);margin:clamp(38px,4.2vw,56px) auto;gap:10px;padding-inline:20px} .if-page-v050 .if49-related a{position:relative;display:flex;flex-direction:column;min-height:128px;padding:18px 18px 17px;border:1px solid rgba(73,54,43,.15);background:#f5eddf;box-shadow:0 4px 10px rgba(45,31,22,.035);transition:transform .18s ease,box-shadow .18s ease} .if-page-v050 .if49-related a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--if49-accent)} .if-page-v050 .if49-related a:hover{transform:translateY(-2px);box-shadow:var(--if49-shadow-soft)} .if-page-v050 .if49-related span{color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase} .if-page-v050 .if49-related strong{margin-top:8px;font-family:"Poppins",sans-serif;font-size:16.2px;line-height:1.28} .if-page-v050 .if49-related em{margin-top:auto;padding-top:12px;color:#59483c;font-size:12.7px;font-style:normal;font-weight:700} /* ---------- Technical references ---------- */ .if-page-v050 .if49-references{width:min(calc(100% - 40px),1120px);margin:clamp(28px,3vw,40px) auto;border-top:1px solid rgba(73,54,43,.2);border-bottom:1px solid rgba(73,54,43,.2);background:#fbf8f1} .if-page-v050 .if49-references summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px;cursor:pointer;list-style:none;font-family:"Poppins",sans-serif;font-size:13.5px;font-weight:650} .if-page-v050 .if49-references summary::-webkit-details-marker{display:none} .if-page-v050 .if49-references>div{padding:2px 16px 14px;color:#5b5149;font-size:13.3px;line-height:1.5} .if-page-v050 .if49-references p{margin:0 0 7px} .if-page-v050 .if49-references a{border-bottom:1px solid var(--if49-accent);font-weight:700} /* ---------- Reviews ---------- */ .if-page-v050 .if49-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .if-page-v050 .if49-review-grid blockquote{margin:0;padding:22px;border:1px solid rgba(73,54,43,.15);border-top:4px solid var(--if49-accent);background:rgba(255,255,255,.64);box-shadow:var(--if49-shadow-soft)} .if-page-v050 .if49-review-grid blockquote>p{margin:0 0 17px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.45;color:#3b312b} .if-page-v050 .if49-review-grid footer{display:grid;gap:2px;padding-top:12px;border-top:1px solid rgba(73,54,43,.16)} .if-page-v050 .if49-review-grid footer strong{font-family:"Poppins",sans-serif;font-size:12.8px} .if-page-v050 .if49-review-grid footer span{font-size:11.7px;color:#74675e} .if-page-v050 .if49-center-link{text-align:center;margin:22px 0 0} /* ---------- Virtual tour ---------- */ .if-page-v050 .if49-tour-embed{width:min(100%,1120px);margin:0 auto;aspect-ratio:16/9;background:#211c19;border:8px solid #342a24;box-shadow:var(--if49-shadow)} .if-page-v050 .if49-tour-embed iframe{display:block;width:100%;height:100%;border:0} .if-page-v050 .if49-small-note{max-width:880px;margin:14px auto 0;color:#62574e;font-size:13px;line-height:1.5;text-align:center} /* ---------- CTA ---------- */ .if-page-v050 .if49-cta{padding-block:clamp(38px,4vw,52px);background:linear-gradient(110deg,#d6aa3e 0%,#e7ba47 72%,#d49c2d 100%);color:#241e1a} .if-page-v050 .if49-cta .if49-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:clamp(30px,4vw,56px);align-items:center} .if-page-v050 .if49-cta span{display:block;margin-bottom:7px;font-family:"Poppins",sans-serif;font-size:9.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .if-page-v050 .if49-cta h2{max-width:800px;margin:0 0 8px;font-size:clamp(29px,3vw,38px);line-height:1.08;letter-spacing:-.04em} .if-page-v050 .if49-cta p{max-width:760px;margin:0;font-size:15.5px;line-height:1.55} .if-page-v050 .if49-cta .if49-shell>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:11px 15px} .if-page-v050 .if49-cta .if49-text-link{border-bottom-color:#473426} /* ---------- Owned interior footer ---------- */ .if-page-v050 .if49-site-footer{background:linear-gradient(135deg,#29211d 0%,#392a23 100%);color:#f5eee6;border-top:4px solid var(--if49-accent)} .if-page-v050 .if49-footer-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(190px,.56fr) minmax(260px,.8fr);gap:clamp(34px,4vw,58px);width:min(100%,1240px);margin-inline:auto;padding:42px var(--if49-x)} .if-page-v050 .if49-footer-mark{margin:0 0 13px;color:#fff;font-family:"Poppins",sans-serif;font-size:20px;font-weight:650;line-height:1.1;text-transform:uppercase;letter-spacing:.015em} .if-page-v050 .if49-footer-mark span{display:block;margin-top:4px;color:#d5b45e;font-size:8.8px;letter-spacing:.28em} .if-page-v050 .if49-footer-brand>p:not(.if49-footer-mark){max-width:450px;margin:0 0 15px;color:#d9cec4;font-size:14.5px;line-height:1.55} .if-page-v050 .if49-footer-brand>a{display:inline-flex;padding-bottom:2px;border-bottom:2px solid #d3aa4c;font-size:13.5px;font-weight:700} .if-page-v050 .if49-footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px} .if-page-v050 .if49-footer-nav>span,.if-page-v050 .if49-footer-studios>span{margin-bottom:4px;color:#d8b65d;font-family:"Poppins",sans-serif;font-size:9.7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase} .if-page-v050 .if49-footer-nav a{font-size:14px;color:#f5eee6} .if-page-v050 .if49-footer-studios{display:grid;gap:13px} .if-page-v050 .if49-footer-studios>div{display:grid;gap:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)} .if-page-v050 .if49-footer-studios strong{font-family:"Poppins",sans-serif;font-size:13.5px} .if-page-v050 .if49-footer-studios small{color:#cfc4ba;font-size:12.5px} .if-page-v050 .if49-footer-studios a{color:#e2c16b;font-size:13.5px;font-weight:700} .if-page-v050 .if49-footer-bottom{display:flex;justify-content:space-between;gap:18px;width:min(100%,1240px);margin-inline:auto;padding:14px var(--if49-x) 18px;border-top:1px solid rgba(255,255,255,.13);color:#bdb2a8;font-size:11.8px} .if-page-v050 .if49-footer-bottom a{color:#e0c06a} /* ---------- Mobile contact utility ---------- */ .if-page-v050 .if49-mobile-utility{display:none} /* ---------- Motion: subtle and optional ---------- */ @media (prefers-reduced-motion:no-preference){ .if-page-v050 .if49-hero-media:hover img,.if-page-v050 .if49-image-band:hover img{transform:scale(1.018)} @supports (animation-timeline:view()){ .if-page-v050 .if49-section-intro,.if-page-v050 .if49-split,.if-page-v050 .if49-image-band{animation:if49-reveal linear both;animation-timeline:view();animation-range:entry 5% entry 24%} @keyframes if49-reveal{from{opacity:.72;transform:translateY(10px)}to{opacity:1;transform:none}} } } /* ---------- Tablet ---------- */ @media (max-width:980px){ .if-page-v050{--if49-x:clamp(30px,4.8vw,46px);--if49-y:clamp(46px,5.4vw,60px)} .if-page-v050 .if49-hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.82fr);gap:30px} .if-page-v050 .if49-hero h1{font-size:clamp(39px,5.5vw,52px)} .if-page-v050 .if49-section-intro{grid-template-columns:1fr;gap:15px;align-items:start} .if-page-v050 .if49-section-intro>p{max-width:780px} .if-page-v050 .if49-split{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:28px 34px} .if-page-v050 .if49-split .if49-aside{grid-column:2} .if-page-v050 .if49-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .if-page-v050 .if49-related{grid-template-columns:repeat(3,minmax(0,1fr))} .if-page-v050 .if49-footer-inner{grid-template-columns:1fr 1fr} .if-page-v050 .if49-footer-brand{grid-column:1/-1} } /* ---------- Portrait / phone ---------- */ @media (max-width:720px){ body.ifss-current-interior .whb-top-bar{display:none!important} .if-page-v050{--if49-x:22px;--if49-y:44px;font-size:16.6px;padding-bottom:56px} .if-page-v050 .if49-hero{padding-block:38px 42px} .if-page-v050 .if49-hero-grid{grid-template-columns:1fr;gap:24px} .if-page-v050 .if49-hero h1{font-size:clamp(35px,10vw,45px);line-height:1.035} .if-page-v050 .if49-lede{font-size:17.4px;line-height:1.55} .if-page-v050 .if49-cover{gap:6px;margin-top:18px} .if-page-v050 .if49-cover span{font-size:9.9px;padding:5px 7px} .if-page-v050 .if49-hero-actions{margin-top:20px} .if-page-v050 .if49-hero-media{width:100%;max-width:540px} .if-page-v050 .if49-hero-media img{aspect-ratio:16/10} .if-page-v050 .if49-section-intro h2,.if-page-v050 .if49-section-head h2{font-size:clamp(29px,8vw,36px);line-height:1.08} .if-page-v050 .if49-section-intro{margin-bottom:25px} .if-page-v050 .if49-section-intro>p{font-size:16.2px} .if-page-v050 .if49-split,.if-page-v050 .if49-split:not(:has(.if49-aside)){grid-template-columns:1fr;gap:18px} .if-page-v050 .if49-split .if49-aside{grid-column:auto} .if-page-v050 .if49-copy p{font-size:16.4px;line-height:1.62} .if-page-v050 .if49-callout{padding:17px 18px} .if-page-v050 .if49-card-grid{grid-template-columns:1fr;gap:9px} .if-page-v050 .if49-card-grid.if83-two-up{grid-template-columns:1fr} .if-page-v050 .if49-card{padding:16px 17px 17px} .if-page-v050 .if49-card h3{font-size:16.8px} .if-page-v050 .if49-card p{font-size:14.1px} /* v0.3.70 — tables reflow into readable record cards on phones; never require horizontal panning. */ .if-page-v050 .if49-table-wrap{overflow:visible;border:0;border-top:0;box-shadow:none;background:transparent} .if-page-v050 .if49-table{display:block;width:100%;min-width:0;border-collapse:separate;font-size:14px;line-height:1.48} .if-page-v050 .if49-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} .if-page-v050 .if49-table tbody{display:grid;gap:11px;width:100%} .if-page-v050 .if49-table tbody tr,.if-page-v050 .if49-table tbody tr:nth-child(even){display:block;min-width:0;margin:0;border:1px solid rgba(68,50,39,.15);border-top:3px solid var(--if49-accent);background:rgba(255,255,255,.70);box-shadow:0 6px 15px rgba(45,31,22,.045)} .if-page-v050 .if49-table td{display:block;min-width:0;width:100%;padding:11px 14px 12px;border-right:0;border-bottom:1px solid rgba(76,57,45,.11);overflow-wrap:anywhere;word-break:normal} .if-page-v050 .if49-table td:last-child{border-bottom:0} .if-page-v050 .if49-table td:before{content:attr(data-ifss-label);display:block;margin:0 0 4px;color:var(--if49-accent-deep);font-family:"Poppins",sans-serif;font-size:9px;font-weight:700;letter-spacing:.065em;line-height:1.25;text-transform:uppercase} .if-page-v050 .if49-table td:first-child{background:color-mix(in srgb,var(--if49-accent) 7%,rgba(255,255,255,.70) 93%)} .if-page-v050 .if49-table td:first-child>strong{font-family:"Poppins",sans-serif;font-weight:600} .if-page-v050 .if49-steps{grid-template-columns:1fr} .if-page-v050 .if49-steps li,.if-page-v050 .if49-steps li:nth-child(odd),.if-page-v050 .if49-steps li:nth-child(even){padding:16px 0;border-right:0} .if-page-v050 .if49-image-band,.if-page-v050 .if49-image-band.is-reverse{grid-template-columns:1fr;width:calc(100% - 34px);margin:30px auto} .if-page-v050 .if49-image-band.is-reverse figure{order:0} .if-page-v050 .if49-image-band figure,.if-page-v050 .if49-image-band img{min-height:0;aspect-ratio:16/9} .if-page-v050 .if49-image-band>div{padding:22px} .if-page-v050 .if49-image-band h3{font-size:27px} .if-page-v050 .if49-image-band p{font-size:15.2px} .if-page-v050 .if49-related{grid-template-columns:1fr;width:100%;margin:30px auto;padding-inline:22px;gap:8px} .if-page-v050 .if49-related a{min-height:0;padding:15px 17px} .if-page-v050 .if49-related em{padding-top:8px} .if-page-v050 .if49-references{width:calc(100% - 44px);margin:26px auto} .if-page-v050 .if49-review-grid{grid-template-columns:1fr;gap:9px} .if-page-v050 .if49-review-grid blockquote{padding:18px} .if-page-v050 .if49-review-grid blockquote>p{font-size:18.2px} .if-page-v050 .if49-tour-embed{width:calc(100% - 34px);border-width:5px;aspect-ratio:4/3} .if-page-v050 .if49-cta{padding-block:34px} .if-page-v050 .if49-cta .if49-shell{grid-template-columns:1fr;gap:22px} .if-page-v050 .if49-cta h2{font-size:29px} .if-page-v050 .if49-cta .if49-shell>div:last-child{justify-content:flex-start} .if-page-v050 .if49-footer-inner{grid-template-columns:1fr;padding:35px 22px;gap:25px} .if-page-v050 .if49-footer-brand{grid-column:auto} .if-page-v050 .if49-footer-bottom{flex-direction:column;gap:6px;padding:13px 22px 70px} .if-page-v050 .if49-mobile-utility{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:56px;background:#28221e;border-top:3px solid var(--if49-yellow);box-shadow:0 -6px 22px rgba(30,22,18,.20)} .if-page-v050 .if49-mobile-utility a{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.15);color:#fff;font-family:"Poppins",sans-serif;font-size:11.5px;font-weight:650} .if-page-v050 .if49-mobile-utility a:last-child{border-right:0;background:#3b302a} body.ifss-current-interior.ifss-candidate-preview .if49-mobile-utility{bottom:54px} body.mobile-nav-opened.ifss-current-interior .if49-mobile-utility{opacity:0;pointer-events:none;transform:translateY(100%)} } @media (max-width:390px){ .if-page-v050{--if49-x:19px} .if-page-v050 .if49-hero h1{font-size:34px} .if-page-v050 .if49-section-intro h2,.if-page-v050 .if49-section-head h2{font-size:29px} .if-page-v050 .if49-btn{font-size:12.3px;padding-inline:14px} } @media (prefers-reduced-motion:reduce){ .if-page-v050 *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } /* ========================================================= v0.3.55 — COMPOSITION / MOTION / COPY REFINEMENT Content remains the approved v0.3.50 editorial set. ========================================================= */ /* Anchor fallback only. anchors.js lands on the actual eyebrow and corrects again after WoodMart changes sticky-header state. */ .if-page-v050 .ifss-anchor-target{scroll-margin-top:calc(var(--ifss-anchor-clearance,96px) + var(--ifss-anchor-gap,11px) - var(--if49-y))} /* On-page index and technical tables now speak the same page palette. */ .if-page-v050 .if49-jump{ background:linear-gradient(105deg,color-mix(in srgb,var(--if49-accent-deep) 88%,#261f1b 12%),color-mix(in srgb,var(--if49-accent-deep) 68%,#2a2420 32%)); border-bottom-color:var(--if49-accent); box-shadow:inset 0 1px 0 rgba(255,255,255,.06) } .if-page-v050 .if49-jump span{color:color-mix(in srgb,var(--if49-accent) 70%,#fff 30%)} .if-page-v050 .if49-jump a{position:relative;border-left-color:color-mix(in srgb,var(--if49-accent) 28%,rgba(255,255,255,.18) 72%);transition:color .18s ease,background-color .18s ease} .if-page-v050 .if49-jump a:hover,.if-page-v050 .if49-jump a.is-active{color:#fff;background:color-mix(in srgb,var(--if49-accent) 20%,transparent)} .if-page-v050 .if49-jump a.is-active:after{content:"";position:absolute;left:9px;right:9px;bottom:1px;height:2px;background:var(--if49-accent)} .if-page-v050 .if49-table-wrap{border-color:color-mix(in srgb,var(--if49-accent) 44%,rgba(68,50,39,.16) 56%);border-top:3px solid var(--if49-accent);box-shadow:0 8px 20px rgba(45,31,22,.06)} .if-page-v050 .if49-table th{background:linear-gradient(180deg,color-mix(in srgb,var(--if49-accent-deep) 88%,#221d1a 12%),color-mix(in srgb,var(--if49-accent-deep) 96%,#151210 4%));color:#fffaf3} .if-page-v050 .if49-table tbody tr{transition:background-color .18s ease} .if-page-v050 .if49-table tbody tr:hover{background:color-mix(in srgb,var(--if49-accent) 11%,#fff 89%)} /* More visual separation without turning the pages into a card wall. */ .if-page-v050 .if49-section:not(.if49-tone-umber):not(.if49-tone-oxblood){background-image:radial-gradient(circle at 94% 11%,color-mix(in srgb,var(--if49-accent) 9%,transparent),transparent 27%)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood){background-image:radial-gradient(circle at 92% 13%,rgba(231,190,99,.08),transparent 28%)} .if-page-v050 .if49-section-intro>div:first-child,.if-page-v050 .if49-section-head{padding-left:18px;border-left:3px solid color-mix(in srgb,var(--if49-accent) 75%,transparent)} .if-page-v050 .if49-card-grid{gap:clamp(14px,1.35vw,19px)} .if-page-v050 .if49-card{padding:21px 22px 22px;background:color-mix(in srgb,#fff 83%,var(--if49-accent) 17%);box-shadow:0 7px 18px rgba(49,34,25,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-card{background:rgba(255,250,243,.96)} .if-page-v050 .if49-callout{padding:21px 22px 22px} .if-page-v050 .if49-accordions{display:grid;gap:9px;border-top:0} .if-page-v050 .if49-accordions details{border:1px solid color-mix(in srgb,var(--if49-accent) 25%,rgba(70,51,40,.20) 75%);background:rgba(255,255,255,.55);box-shadow:0 4px 12px rgba(45,31,22,.035)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-accordions details{background:rgba(255,250,243,.95);color:#2b2521} .if-page-v050 .if49-accordions summary{padding:16px 18px} .if-page-v050 .if49-detail-body{padding:0 18px 18px} .if-page-v050 .if49-steps{gap:10px;border-top:0} .if-page-v050 .if49-steps li,.if-page-v050 .if49-steps li:nth-child(odd),.if-page-v050 .if49-steps li:nth-child(even){padding:18px 19px;border:1px solid rgba(73,54,43,.15);background:rgba(255,255,255,.50);box-shadow:0 4px 12px rgba(45,31,22,.035)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-steps li{background:rgba(255,250,243,.09);border-color:rgba(255,255,255,.16)} .if-page-v050 .if49-review-grid{gap:15px} .if-page-v050 .if49-related{gap:13px} @media(max-width:720px){ .if-page-v050 .if49-section-intro>div:first-child,.if-page-v050 .if49-section-head{padding-left:14px} .if-page-v050 .if49-card{padding:18px 19px 19px} .if-page-v050 .if49-accordions summary{padding:15px 16px} .if-page-v050 .if49-detail-body{padding:0 16px 17px} .if-page-v050 .if49-steps li,.if-page-v050 .if49-steps li:nth-child(odd),.if-page-v050 .if49-steps li:nth-child(even){padding:16px 17px} } /* Cross-browser, JS-triggered subtle entrance motion. The root class is only added when IntersectionObserver exists, so content never depends on motion. */ @media(prefers-reduced-motion:no-preference){ .if-page-v050.ifss-reveal-ready [data-ifss-reveal]{opacity:.01;translate:0 11px;transition:opacity .52s ease,translate .52s cubic-bezier(.22,.7,.2,1),transform .22s ease,box-shadow .22s ease,border-color .22s ease} .if-page-v050.ifss-reveal-ready [data-ifss-reveal].is-revealed{opacity:1;translate:0 0} @media(hover:hover) and (pointer:fine){ .if-page-v050 .if49-card:hover,.if-page-v050 .if49-callout:hover{transform:translateY(-2px);box-shadow:var(--if49-shadow-soft);border-color:color-mix(in srgb,var(--if49-accent) 42%,rgba(73,54,43,.15) 58%)} .if-page-v050 .if49-accordions details:hover{border-color:color-mix(in srgb,var(--if49-accent) 40%,rgba(70,51,40,.20) 60%);box-shadow:0 7px 18px rgba(45,31,22,.06)} } } /* ========================================================= v0.3.54 — VISUAL + CONTRAST MAINTENANCE Keep long-form content areas light and readable. Deep tones remain reserved for compact navigation/control surfaces and the owned footer. ========================================================= */ .if-page-v050 .if49-tone-umber{ background-color:#e8dfd5; background-image:radial-gradient(circle at 92% 13%,color-mix(in srgb,var(--if49-accent) 9%,transparent),transparent 28%),linear-gradient(135deg,#e8dfd5 0%,#f2e9df 100%); color:var(--if49-ink) } .if-page-v050 .if49-tone-oxblood{ background-color:#eadbd7; background-image:radial-gradient(circle at 92% 13%,color-mix(in srgb,var(--if49-accent) 9%,transparent),transparent 28%),linear-gradient(135deg,#eadbd7 0%,#f2e5e1 100%); color:var(--if49-ink) } .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-eyebrow{color:var(--if49-accent-deep)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-eyebrow:before{background:var(--if49-accent)} .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-card, .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-callout, .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-accordions details{ background:rgba(255,255,255,.72); color:#2b2521 } .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-steps li{ background:rgba(255,255,255,.58); border-color:rgba(73,54,43,.15); color:#2b2521 } .if-page-v050 :is(.if49-tone-umber,.if49-tone-oxblood) .if49-steps p{color:#564c44} .if-page-v050 .if49-hero-media{background:#d8cbb8} .if-page-v050 .if49-hero-media figcaption{background:#2b241f} .if-page-v050 .if49-tour-embed{background:#d8cbb8;border-color:#bda990} /* ========================================================= v0.3.55 — FLOATING PROJECT CTA / SHADOW / ACTION COLOR REFINEMENT The project invitation floats as a card above the owned footer. Motion stays low-amplitude and optional. Mobile actions share one site-wide color logic. ========================================================= */ .if-page-v050 .if49-cta{ padding-block:clamp(48px,5vw,66px); background:linear-gradient(180deg,#fbf8f1 0%,#f3eadc 100%); color:#241e1a } .if-page-v050 .if49-cta .if49-shell{ width:min(1120px,calc(100% - var(--if49-x) - var(--if49-x))); padding:clamp(27px,3vw,34px) clamp(28px,3.4vw,38px); background:linear-gradient(115deg,#d7aa3f 0%,#e3bd5c 62%,#d0a038 100%); border:1px solid rgba(104,72,25,.16); box-shadow:0 18px 42px rgba(76,51,20,.14),0 4px 10px rgba(76,51,20,.07) } .if-page-v050 .if49-site-footer{border-top:0} .if-page-v050 .if49-card, .if-page-v050 .if49-callout, .if-page-v050 .if49-table-wrap, .if-page-v050 .if49-accordions details, .if-page-v050 .if49-steps li, .if-page-v050 .if49-related a, .if-page-v050 .if49-review-grid blockquote{ box-shadow:0 10px 26px rgba(49,34,25,.075),0 2px 7px rgba(49,34,25,.04) } .if-page-v050 .if49-image-band{box-shadow:0 17px 38px rgba(49,34,25,.11),0 4px 10px rgba(49,34,25,.055)} /* Page navigator follows the page palette; bottom actions use one consistent site palette. */ @media(max-width:720px){ .if-page-v050 .if49-mobile-utility{ background:#fffaf3; border-top:3px solid var(--if49-accent); box-shadow:0 -8px 24px rgba(43,33,27,.14) } .if-page-v050 .if49-mobile-utility a{ border-right:1px solid rgba(69,52,42,.13); color:#302822 } .if-page-v050 .if49-mobile-utility a:nth-child(1){background:#f4e7bd;color:#392b1d} .if-page-v050 .if49-mobile-utility a:nth-child(2){background:#dce5e9;color:#263944} .if-page-v050 .if49-mobile-utility a:nth-child(3){background:var(--if49-oxblood);color:#fff;border-right:0} } @media(max-width:640px){ .if-page-v050 .if49-cta{padding-block:38px 44px} .if-page-v050 .if49-cta .if49-shell{ width:calc(100% - 34px); padding:24px 22px 25px; gap:19px } } @media(prefers-reduced-motion:no-preference){ .if-page-v050 .if49-cta .if49-shell{transition:transform .24s ease,box-shadow .24s ease} @media(hover:hover) and (pointer:fine){ .if-page-v050 .if49-card:hover, .if-page-v050 .if49-callout:hover, .if-page-v050 .if49-related a:hover, .if-page-v050 .if49-review-grid blockquote:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(49,34,25,.11),0 3px 8px rgba(49,34,25,.055) } .if-page-v050 .if49-image-band:hover{box-shadow:0 21px 46px rgba(49,34,25,.14),0 5px 12px rgba(49,34,25,.065)} .if-page-v050 .if49-cta .if49-shell:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(76,51,20,.17),0 5px 12px rgba(76,51,20,.08)} } } /* ========================================================= v0.3.62 — DISPLAY TYPOGRAPHY / KERNING REFINEMENT Restore Poppins' natural spacing and give large titles more breathing room. No copy, layout, navigation, color, or component changes. ========================================================= */ .if-page-v050 :is(h1,h2,h3){ font-kerning:normal; font-feature-settings:"kern" 1; text-rendering:optimizeLegibility; } .if-page-v050 .if49-hero h1{ line-height:1.08; letter-spacing:-.018em; } .if-page-v050 .if49-section-intro h2, .if-page-v050 .if49-section-head h2{ line-height:1.11; letter-spacing:-.015em; } .if-page-v050 .if49-image-band h3{ line-height:1.12; letter-spacing:-.012em; } .if-page-v050 .if49-cta h2{ line-height:1.11; letter-spacing:-.015em; } @media(max-width:720px){ .if-page-v050 .if49-hero h1{line-height:1.10;letter-spacing:-.015em} .if-page-v050 .if49-section-intro h2, .if-page-v050 .if49-section-head h2{line-height:1.12;letter-spacing:-.012em} .if-page-v050 .if49-image-band h3, .if-page-v050 .if49-cta h2{line-height:1.13} } /* v0.3.67 — mobile Page Guide: compact current-section control + on-demand floating index. */ .if-page-v050 .ifss-page-guide{display:none} @media(max-width:767px){ /* v0.3.73 — mobile Page Guide now uses the same page-palette language as desktop. */ .if-page-v050 .if49-jump{z-index:10012;background:linear-gradient(105deg,color-mix(in srgb,var(--if49-accent-deep) 88%,#261f1b 12%),color-mix(in srgb,var(--if49-accent-deep) 68%,#2a2420 32%));color:#f7f2eb;border-top:1px solid rgba(255,255,255,.06);border-bottom:2px solid var(--if49-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:none;-webkit-backdrop-filter:none} .if-page-v050 .if49-jump.is-stuck{box-shadow:0 9px 24px rgba(37,29,24,.18),inset 0 1px 0 rgba(255,255,255,.05)} .if-page-v050 .if49-jump .if49-shell{position:relative;display:block;min-height:48px;padding:0 10px;overflow:visible} .if-page-v050 .if49-jump .if49-shell>span{display:none} .if-page-v050 .ifss-page-guide{--ifss-page-progress-scale:.1667;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;min-height:50px} .if-page-v050 .ifss-page-guide:before{content:"";position:absolute;left:42px;right:42px;bottom:-1px;height:2px;background:rgba(255,255,255,.12);pointer-events:none} .if-page-v050 .ifss-page-guide:after{content:"";position:absolute;left:42px;right:42px;bottom:-1px;height:2px;background:var(--if49-accent);pointer-events:none;transform:scaleX(var(--ifss-page-progress-scale));transform-origin:left;transition:transform .22s ease} .if-page-v050 .ifss-page-guide-step{display:grid;place-items:center;min-width:42px;min-height:50px;padding:0;border:0;background:transparent;color:color-mix(in srgb,var(--if49-accent) 58%,#fff 42%);font-family:"Poppins",sans-serif;font-size:18px;line-height:1;cursor:pointer;transition:background-color .16s ease,color .16s ease} .if-page-v050 .ifss-page-guide-step:not(:disabled):hover,.if-page-v050 .ifss-page-guide-step:not(:disabled):focus-visible{background:color-mix(in srgb,var(--if49-accent) 18%,transparent);color:#fff} .if-page-v050 .ifss-page-guide-step:disabled{opacity:.30;cursor:default} .if-page-v050 .ifss-page-index-toggle{min-width:0;min-height:50px;padding:0 8px;display:grid;grid-template-columns:50px minmax(0,1fr) 12px;align-items:center;gap:8px;border:0;border-left:1px solid rgba(255,255,255,.10);border-right:1px solid rgba(255,255,255,.10);background:transparent;color:#fff;text-align:left;cursor:pointer} .if-page-v050 .ifss-page-guide-count{position:relative;display:block;padding-top:8px;color:color-mix(in srgb,var(--if49-accent) 76%,#fff 24%);font-family:"Poppins",sans-serif;font-size:9px;font-weight:700;letter-spacing:.035em;line-height:1.1;white-space:nowrap} .if-page-v050 .ifss-page-guide-count:before{content:"SECTION";position:absolute;top:-2px;left:0;color:rgba(255,255,255,.56);font-size:6.8px;font-weight:700;letter-spacing:.10em} .if-page-v050 .ifss-page-guide-context{display:grid;min-width:0;gap:1px;align-content:center} .if-page-v050 .ifss-page-guide-context>small{display:block;min-width:0;overflow:hidden;color:color-mix(in srgb,var(--if49-accent) 70%,#fff 30%);font-family:"Poppins",sans-serif;font-size:7.4px;font-weight:700;letter-spacing:.065em;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap} .if-page-v050 .ifss-page-guide-context>strong{display:block;min-width:0;overflow:hidden;color:#fff;font-family:"Poppins",sans-serif;font-size:11.6px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap} .if-page-v050 .ifss-page-index-toggle>i{width:7px;height:7px;border-right:1.5px solid color-mix(in srgb,var(--if49-accent) 72%,#fff 28%);border-bottom:1.5px solid color-mix(in srgb,var(--if49-accent) 72%,#fff 28%);transform:translateY(-2px) rotate(45deg);transition:transform .16s ease} .if-page-v050 .if49-jump.is-open .ifss-page-index-toggle>i{transform:translateY(2px) rotate(225deg)} .if-page-v050 .ifss-page-index-links{position:absolute;left:10px;right:10px;top:calc(100% + 7px);display:grid;gap:2px;max-height:min(42vh,var(--ifss-page-panel-max,300px));overflow:auto;overscroll-behavior:contain;padding:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--if49-accent-deep) 94%,#211c18 6%),color-mix(in srgb,var(--if49-accent-deep) 76%,#2c2520 24%));border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--if49-accent);box-shadow:0 18px 38px rgba(37,29,24,.24),0 3px 8px rgba(37,29,24,.12),inset 0 1px 0 rgba(255,255,255,.045);scrollbar-color:color-mix(in srgb,var(--if49-accent) 58%,#fff 42%) rgba(255,255,255,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.992);transform-origin:top center;transition:opacity .15s ease,transform .15s ease,visibility .15s ease} .if-page-v050 .if49-jump.is-open .ifss-page-index-links{opacity:1;visibility:visible;pointer-events:auto;transform:none} .if-page-v050 .if49-jump.is-panel-up .ifss-page-index-links{top:auto;bottom:calc(100% + 7px);transform:translateY(5px) scale(.992);transform-origin:bottom center} .if-page-v050 .if49-jump.is-panel-up.is-open .ifss-page-index-links{transform:none} .if-page-v050 .ifss-page-index-links a{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;min-height:41px;padding:7px 9px;border:0;background:transparent;color:#f5efe8;font-size:12px;font-weight:500;line-height:1.3;white-space:normal;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease} .if-page-v050 .ifss-page-index-links a:before{content:attr(data-ifss-step);color:color-mix(in srgb,var(--if49-accent) 64%,#fff 36%);font-family:"Poppins",sans-serif;font-size:8.8px;font-weight:700;letter-spacing:.05em} .if-page-v050 .ifss-page-index-links a:after{display:none} .if-page-v050 .ifss-page-index-links a:hover,.if-page-v050 .ifss-page-index-links a:focus-visible{background:rgba(255,255,255,.08);color:#fff} .if-page-v050 .ifss-page-index-links a.is-active{background:color-mix(in srgb,var(--if49-accent) 18%,transparent);color:#fff;box-shadow:inset 3px 0 0 var(--if49-accent)} .if-page-v050 .ifss-page-index-links a.is-active:before{color:#fff} } /* v0.3.74 — remove redundant interior “Topics covered” hero chips. */ .if-page-v050 .if49-cover[aria-label="Topics covered"]{display:none!important} /* ========================================================= v0.3.75 — DESIGNED INTERIOR HERO IMAGE SYSTEM Hero photography is presented as a layered, page-palette design object. The old visible photo-specific caption bar is retired so Media Library hero swaps do not require matching visible caption copy. ========================================================= */ body.ifss-candidate-preview .if-page-v050 .if49-hero{overflow:hidden} body.ifss-candidate-preview .if-page-v050 .if49-hero-media{ position:relative; z-index:1; isolation:isolate; overflow:visible; background:transparent; box-shadow:none; } body.ifss-candidate-preview .if-page-v050 .if49-hero-media:before{ content:""; position:absolute; z-index:0; left:-18px; right:20px; top:22px; bottom:-18px; background:linear-gradient( 145deg, color-mix(in srgb,var(--if49-accent) 36%,#e8dfd1 64%), color-mix(in srgb,var(--if49-accent-deep) 25%,#d9d0c2 75%) ); box-shadow:0 15px 32px color-mix(in srgb,var(--if49-accent-deep) 12%,transparent); } body.ifss-candidate-preview .if-page-v050 .if49-hero-media:after{ content:""; position:absolute; z-index:3; top:-13px; right:-14px; width:42%; height:86%; border-top:1px solid color-mix(in srgb,var(--if49-accent) 82%,#a17828 18%); border-right:1px solid color-mix(in srgb,var(--if49-accent) 82%,#a17828 18%); pointer-events:none; } body.ifss-candidate-preview .if-page-v050 .if49-hero-media img{ position:relative; z-index:2; display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#d8cbb8; box-shadow:0 20px 42px rgba(49,34,25,.14),0 4px 10px rgba(49,34,25,.06); } body.ifss-candidate-preview .if-page-v050 .if49-hero-media figcaption{display:none!important} @media(max-width:720px){ body.ifss-candidate-preview .if-page-v050 .if49-hero-media{width:calc(100% - 8px);max-width:540px;margin:2px 0 13px 8px} body.ifss-candidate-preview .if-page-v050 .if49-hero-media:before{left:-8px;right:11px;top:12px;bottom:-10px} body.ifss-candidate-preview .if-page-v050 .if49-hero-media:after{top:-7px;right:-7px;width:45%;height:82%} body.ifss-candidate-preview .if-page-v050 .if49-hero-media img{aspect-ratio:16/10} } /* ========================================================= v0.3.86 — EDITORIAL KNOWLEDGE NOTES Book-like technical asides. Deliberately not cards/chips. ========================================================= */ .if-page-v050 .if49-book-note{ position:relative; margin:clamp(24px,3vw,40px) 0 0; padding:2px 0 2px clamp(18px,2.2vw,28px); border-left:2px solid rgba(169,132,39,.72); max-width:760px; } .if-page-v050 .if49-book-note--wide{max-width:980px;} .if-page-v050 .if49-book-kicker{ margin:0 0 7px; font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--if49-accent,#8d6b18); } .if-page-v050 .if49-book-note h3{ margin:0 0 8px; font-size:clamp(18px,1.7vw,23px); line-height:1.2; font-weight:700; color:inherit; } .if-page-v050 .if49-book-note>p:last-child{ margin:0; max-width:72ch; font-size:15px; line-height:1.72; color:inherit; opacity:.86; } .if-page-v050 .if49-notes-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 48px; margin-top:clamp(26px,3vw,42px); } .if-page-v050 .if49-notes-grid .if49-book-note{margin:0;} .if-page-v050 .if49-note-list{ margin-top:clamp(24px,3vw,38px); border-top:1px solid color-mix(in srgb,currentColor 20%,transparent); } .if-page-v050 .if49-note-list article{ display:grid; grid-template-columns:minmax(180px,.72fr) minmax(0,1.6fr); gap:24px 42px; padding:20px 0; border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent); } .if-page-v050 .if49-note-list h3{ margin:0; font-size:15px; line-height:1.4; font-weight:800; } .if-page-v050 .if49-note-list p{ margin:0; font-size:15px; line-height:1.7; color:inherit; opacity:.88; } .if-page-v050 .if49-note-list p strong{font-weight:800;opacity:1;} .if-page-v050 .if49-split > .if49-book-note, .if-page-v050 .if49-split > .if49-notes-grid{grid-column:1/-1;} @media(max-width:760px){ .if-page-v050 .if49-notes-grid{grid-template-columns:1fr;gap:22px;} .if-page-v050 .if49-note-list article{grid-template-columns:1fr;gap:7px;padding:17px 0;} .if-page-v050 .if49-book-note{padding-left:16px;} } /* v0.3.86 content uses the existing .if-page-v050 durable root; new editorial note classes are additive. */ /* ========================================================= v0.3.90 — REVIEWS COMPOSITION REFINEMENT Keep the reviews first. Give them room to breathe. ========================================================= */ .if-page-v050.if49-page--reviews .if389-reviews-hero{padding-block:clamp(54px,6vw,82px)} .if-page-v050.if49-page--reviews .if389-reviews-hero .if49-hero-grid--text{grid-template-columns:minmax(0,940px)} .if-page-v050.if49-page--reviews .if389-reviews-hero h1{max-width:900px;font-size:clamp(46px,5.15vw,68px);line-height:1} .if-page-v050.if49-page--reviews .if389-reviews-hero .if49-lede{max-width:800px} .if-page-v050.if49-page--reviews .if389-review-source{max-width:720px;margin:15px 0 0;padding-top:13px;border-top:1px solid rgba(74,56,43,.18);color:#76695e;font-size:12.8px;line-height:1.5} /* Featured: one commanding review, then two generous supporting voices. */ .if-page-v050.if49-page--reviews .if389-featured-section{padding-block:clamp(58px,6.4vw,86px)} .if-page-v050.if49-page--reviews .if389-featured-section .if49-section-intro{max-width:1040px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);margin-bottom:clamp(34px,4vw,52px)} .if-page-v050.if49-page--reviews .if389-featured-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;border-top:1px solid rgba(73,54,43,.24);border-bottom:1px solid rgba(73,54,43,.24)} .if-page-v050.if49-page--reviews .if389-review-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;margin:0;padding:clamp(31px,3.4vw,46px) clamp(30px,4vw,54px) clamp(32px,3.8vw,48px);background:transparent} .if-page-v050.if49-page--reviews .if389-review-feature--lead{grid-column:1/-1;min-height:280px;border-bottom:1px solid rgba(73,54,43,.22)} .if-page-v050.if49-page--reviews .if389-review-feature:nth-child(2){border-right:1px solid rgba(73,54,43,.18)} .if-page-v050.if49-page--reviews :is(.if389-review-feature,.if389-review-wall blockquote,.if389-returning-reviews blockquote)::before,.if-page-v050.if49-page--reviews :is(.if389-review-feature,.if389-review-wall blockquote,.if389-returning-reviews blockquote)::after{content:none !important;display:none !important} .if-page-v050.if49-page--reviews .if389-review-feature>p{max-width:940px;margin:0;color:#2e2824;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,2.85vw,41px);line-height:1.3;letter-spacing:-.018em;text-wrap:pretty} .if-page-v050.if49-page--reviews .if389-review-feature:not(.if389-review-feature--lead)>p{max-width:500px;font-size:clamp(21px,1.8vw,25px);line-height:1.48;letter-spacing:-.012em} .if-page-v050.if49-page--reviews .if389-review-feature footer{display:grid;gap:4px;margin-top:30px;padding-top:14px;border-top:1px solid rgba(73,54,43,.17)} .if-page-v050.if49-page--reviews .if389-review-feature footer strong{font-family:"Poppins",sans-serif;font-size:13.5px;font-weight:650} .if-page-v050.if49-page--reviews .if389-review-feature footer span{color:#776a60;font-size:12.2px;line-height:1.4} /* Review stream: editorial columns with open space, not a boxed grid. */ .if-page-v050.if49-page--reviews .if389-review-stream-section{padding-block:clamp(64px,6.8vw,92px)} .if-page-v050.if49-page--reviews .if389-review-stream-section .if49-section-intro{max-width:1080px;margin-bottom:clamp(30px,4vw,48px)} .if-page-v050.if49-page--reviews .if389-review-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(54px,6vw,86px);row-gap:0;margin-top:0;border-top:1px solid rgba(73,54,43,.22)} .if-page-v050.if49-page--reviews .if389-review-wall blockquote,.if-page-v050.if49-page--reviews .if389-review-wall blockquote:nth-child(odd){position:relative;min-width:0;margin:0;padding:clamp(29px,3vw,38px) 0 clamp(30px,3.2vw,40px);border-right:0;border-bottom:1px solid rgba(73,54,43,.18);background:transparent} .if-page-v050.if49-page--reviews .if389-review-wall blockquote>p{max-width:520px;margin:0;color:#38302a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.55vw,23px);line-height:1.55;letter-spacing:-.008em;text-wrap:pretty} .if-page-v050.if49-page--reviews .if389-review-wall blockquote:nth-child(3n+1)>p{font-size:clamp(21px,1.7vw,25px);line-height:1.5} .if-page-v050.if49-page--reviews .if389-review-wall footer{display:grid;gap:3px;margin-top:20px} .if-page-v050.if49-page--reviews .if389-review-wall footer strong{font-family:"Poppins",sans-serif;font-size:13px;font-weight:650} .if-page-v050.if49-page--reviews .if389-review-wall footer span{color:#7a6d63;font-size:12px;line-height:1.4} .if-page-v050.if49-page--reviews .if389-review-note{max-width:760px;margin:22px 0 0 auto;color:#7a6d63;font-size:12.4px;line-height:1.5;text-align:right} /* Long-term clients: a real visual pause with robust dark contrast. */ .if-page-v050.if49-page--reviews .if389-returning-section{padding-block:clamp(66px,7vw,94px);background-color:#2b231f !important;background-image:none !important;color:#f8f2ea !important;border-top:4px solid var(--if49-accent)} .if-page-v050.if49-page--reviews .if389-returning-section .if49-shell{display:block} .if-page-v050.if49-page--reviews .if389-returning-head{max-width:790px} .if-page-v050.if49-page--reviews .if389-returning-head .if49-eyebrow{color:#e0ba58} .if-page-v050.if49-page--reviews .if389-returning-head h2{max-width:720px;margin:0 0 17px;color:#fff !important;font-size:clamp(32px,3.25vw,46px);line-height:1.08;letter-spacing:-.035em} .if-page-v050.if49-page--reviews .if389-returning-head>p:last-child{max-width:700px;margin:0;color:#ddd1c6 !important;font-size:17px;line-height:1.65} .if-page-v050.if49-page--reviews .if389-returning-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(46px,6vw,78px);margin-top:clamp(34px,4.6vw,54px);border-top:1px solid rgba(255,255,255,.24)} .if-page-v050.if49-page--reviews .if389-returning-reviews blockquote{position:relative;margin:0;padding:clamp(31px,3.2vw,42px) 0 4px;border-bottom:0} .if-page-v050.if49-page--reviews .if389-returning-reviews p{margin:0;color:#fff8ef !important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.1vw,29px);line-height:1.46;letter-spacing:-.01em;text-wrap:pretty} .if-page-v050.if49-page--reviews .if389-returning-reviews footer{display:grid;gap:3px;margin-top:20px;color:#cfc3b9 !important;font-size:12.2px;line-height:1.4} .if-page-v050.if49-page--reviews .if389-returning-reviews footer strong{color:#fff !important;font-family:"Poppins",sans-serif;font-size:13px;font-weight:650} @media (max-width:1120px){ .if-page-v050.if49-page--reviews .if389-featured-section .if49-section-intro,.if-page-v050.if49-page--reviews .if389-review-stream-section .if49-section-intro{grid-template-columns:1fr;gap:16px;align-items:start} .if-page-v050.if49-page--reviews .if389-review-wall{grid-template-columns:1fr} .if-page-v050.if49-page--reviews .if389-review-wall blockquote>p,.if-page-v050.if49-page--reviews .if389-review-wall blockquote:nth-child(3n+1)>p{max-width:760px;font-size:clamp(21px,2.35vw,25px)} .if-page-v050.if49-page--reviews .if389-review-note{margin-left:0;text-align:left} } @media (max-width:820px){ .if-page-v050.if49-page--reviews .if389-featured-reviews{grid-template-columns:1fr} .if-page-v050.if49-page--reviews .if389-review-feature--lead{grid-column:auto;min-height:0} .if-page-v050.if49-page--reviews .if389-review-feature:nth-child(2){border-right:0;border-bottom:1px solid rgba(73,54,43,.18)} .if-page-v050.if49-page--reviews .if389-review-feature,.if-page-v050.if49-page--reviews .if389-review-feature--lead,.if-page-v050.if49-page--reviews .if389-review-feature:not(.if389-review-feature--lead){padding-left:0;padding-right:0} .if-page-v050.if49-page--reviews .if389-review-feature:not(.if389-review-feature--lead)>p{max-width:720px;padding-left:0} .if-page-v050.if49-page--reviews .if389-returning-reviews{grid-template-columns:1fr;gap:0} .if-page-v050.if49-page--reviews .if389-returning-reviews blockquote+blockquote{border-top:1px solid rgba(255,255,255,.18)} } @media (max-width:720px){ .if-page-v050.if49-page--reviews .if389-reviews-hero{padding-block:40px 44px} .if-page-v050.if49-page--reviews .if389-reviews-hero h1{font-size:clamp(36px,10vw,46px)} .if-page-v050.if49-page--reviews .if389-review-source{font-size:11.9px} .if-page-v050.if49-page--reviews .if389-featured-section,.if-page-v050.if49-page--reviews .if389-review-stream-section,.if-page-v050.if49-page--reviews .if389-returning-section{padding-block:48px} .if-page-v050.if49-page--reviews .if389-review-feature,.if-page-v050.if49-page--reviews .if389-review-feature--lead,.if-page-v050.if49-page--reviews .if389-review-feature:not(.if389-review-feature--lead){padding:25px 0 27px} .if-page-v050.if49-page--reviews .if389-review-feature>p,.if-page-v050.if49-page--reviews .if389-review-feature:not(.if389-review-feature--lead)>p{font-size:22px;line-height:1.45} .if-page-v050.if49-page--reviews .if389-review-wall blockquote,.if-page-v050.if49-page--reviews .if389-review-wall blockquote:nth-child(odd){padding:25px 0 27px} .if-page-v050.if49-page--reviews .if389-review-wall blockquote>p,.if-page-v050.if49-page--reviews .if389-review-wall blockquote:nth-child(3n+1)>p{font-size:19.8px;line-height:1.52} .if-page-v050.if49-page--reviews .if389-returning-head>p:last-child{font-size:16px} .if-page-v050.if49-page--reviews .if389-returning-reviews blockquote{padding:28px 0} .if-page-v050.if49-page--reviews .if389-returning-reviews p{font-size:21.5px} } /* ========================================================= v0.3.93 — REVIEWS BLOCKQUOTE THEME RESET WoodMart applies a default left border to blockquotes. The Reviews composition owns its own rules, so neutralize that inherited rail here. ========================================================= */ .if-page-v050.if49-page--reviews :is( .if389-review-feature, .if389-review-wall blockquote, .if389-returning-reviews blockquote ){ border-left:0 !important; box-shadow:none !important; } /* ========================================================= v0.3.95 — MOBILE STUDIO CALL / DIRECTIONS CHOOSERS Every managed interior page uses the same two-studio chooser behavior as Home. Email remains a direct action. Panels are viewport-docked so WoodMart overflow/cascade rules cannot clip them. ========================================================= */ @media(max-width:767px){ .if-page-v050 .if49-mobile-utility[data-ifss-studio-utility]{ display:block!important; overflow:visible!important; height:56px; background:#fffaf3; border-top:3px solid var(--if49-accent); box-shadow:0 -8px 24px rgba(43,33,27,.14) } .if-page-v050 .if49-mobile-utility .if317-utility-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); height:100%; overflow:visible!important } .if-page-v050 .if49-mobile-utility .if317-utility-menu{ position:relative; margin:0; border-right:1px solid rgba(69,52,42,.13); overflow:visible!important } .if-page-v050 .if49-mobile-utility .if317-utility-menu summary, .if-page-v050 .if49-mobile-utility .if317-utility-appointment{ display:flex!important; align-items:center; justify-content:center; width:100%; min-height:53px; height:53px; margin:0; padding:8px 6px; border:0; cursor:pointer; list-style:none; font-family:"Poppins",sans-serif; font-size:11.5px; font-weight:600; line-height:1; text-align:center; text-decoration:none } .if-page-v050 .if49-mobile-utility .if317-utility-menu summary::-webkit-details-marker{display:none} .if-page-v050 .if49-mobile-utility .if317-utility-menu summary:after{ content:"▾"; margin-left:6px; font-size:9px } .if-page-v050 .if49-mobile-utility .if317-utility-menu:nth-child(1) summary{background:#f4e7bd;color:#392b1d} .if-page-v050 .if49-mobile-utility .if317-utility-menu:nth-child(1) summary:after{color:#8a621d} .if-page-v050 .if49-mobile-utility .if317-utility-menu:nth-child(2) summary{background:#dce5e9;color:#263944} .if-page-v050 .if49-mobile-utility .if317-utility-menu:nth-child(2) summary:after{color:#496675} .if-page-v050 .if49-mobile-utility .if317-utility-menu[open]:nth-child(1) summary{background:#ead89a} .if-page-v050 .if49-mobile-utility .if317-utility-menu[open]:nth-child(2) summary{background:#cbd9df} .if-page-v050 .if49-mobile-utility .if317-utility-appointment{ background:var(--if49-oxblood)!important; color:#fff!important; border-right:0!important } .if-page-v050 .if49-mobile-utility .if317-utility-panel{ position:fixed!important; left:10px!important; right:10px!important; bottom:var(--if317-panel-bottom,57px)!important; z-index:2147482002!important; display:grid!important; grid-template-columns:1fr!important; width:auto!important; max-height:min(62vh,430px); margin:0!important; padding:7px!important; overflow:auto!important; background:#29231f!important; box-shadow:0 -3px 28px rgba(25,19,16,.28)!important } .if-page-v050 .if49-mobile-utility .if317-utility-panel a{ display:block!important; min-height:0!important; padding:14px 13px!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.16)!important; background:#29231f!important; color:#fff!important; font-family:"Lato",sans-serif!important; font-size:14px!important; font-weight:400!important; line-height:1.35!important; text-align:left!important; text-decoration:none!important } .if-page-v050 .if49-mobile-utility .if317-utility-panel a:last-child{border-bottom:0!important} .if-page-v050 .if49-mobile-utility .if317-utility-panel strong{ display:block; margin-bottom:3px; color:#fff; font-family:"Poppins",sans-serif; font-size:13px; font-weight:600 } .if-page-v050 .if49-mobile-utility .if317-utility-panel span{ display:block; color:#ddd2c7; font-size:12px; line-height:1.35 } .if-page-v050 .if49-mobile-utility :is(summary,a):focus-visible{ outline:3px solid rgba(233,178,32,.62); outline-offset:-3px } }