:root{--ink:#2C211C;--azul:#F4B942;--azul-dark:#E0A62B;--azul-deep:#F5EBDD;--ochre:#F4B942;--ochre-dark:#E0A62B;--ochre-wash:#FBF1DC;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M27 27C22 22 22 18 27 16C32 18 32 22 27 27Z'/%3E%3Cpath d='M27 27C22 32 22 36 27 38C32 36 32 32 27 27Z'/%3E%3Cpath d='M27 27C22 22 18 22 16 27C18 32 22 32 27 27Z'/%3E%3Cpath d='M27 27C32 22 36 22 38 27C36 32 32 32 27 27Z'/%3E%3Ccircle cx='27' cy='27' r='2.4'/%3E%3Ccircle cx='0' cy='0' r='4'/%3E%3Ccircle cx='54' cy='0' r='4'/%3E%3Ccircle cx='0' cy='54' r='4'/%3E%3Ccircle cx='54' cy='54' r='4'/%3E%3C/g%3E%3C/svg%3E");--tile-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cg fill='none' stroke='%23E8795B' stroke-opacity='.12' stroke-width='1.2'%3E%3Cpath d='M27 27C22 22 22 18 27 16C32 18 32 22 27 27Z'/%3E%3Cpath d='M27 27C22 32 22 36 27 38C32 36 32 32 27 27Z'/%3E%3Cpath d='M27 27C22 22 18 22 16 27C18 32 22 32 27 27Z'/%3E%3Cpath d='M27 27C32 22 36 22 38 27C36 32 32 32 27 27Z'/%3E%3Ccircle cx='27' cy='27' r='2.4'/%3E%3Ccircle cx='0' cy='0' r='4'/%3E%3Ccircle cx='54' cy='0' r='4'/%3E%3Ccircle cx='0' cy='54' r='4'/%3E%3Ccircle cx='54' cy='54' r='4'/%3E%3C/g%3E%3C/svg%3E");--cream:#FFF8EC;--paper:#FFFFFF;--muted:#7A6455;--text:#43332A;--line:#E8DCCB;--terracotta:#E8795B;--azul-wash:#FBF1DC;--serif:'Lora',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--radius:12px;--shadow:0 12px 35px #2C211C14}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.5px;line-height:1.2}h1{font-size:54px}h2{font-size:36px}h3{font-size:20px;line-height:1.4;letter-spacing:-.4px}p{color:var(--muted)}::selection{background:#e6dad4;color:var(--azul)}:focus-visible{outline:3px solid #b96745;outline-offset:5px;border-radius:3px}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 104px));margin-inline:auto}.icon{width:22px;height:22px;vertical-align:middle}.skip-link{position:absolute;top:-90px;left:20px;z-index:99;background:var(--azul);color:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:100px;border-bottom:1px solid #e4e4dc;background:#fff}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;color:var(--azul);font-size:24px;letter-spacing:-1.2px;line-height:1.2}.brand strong{font-weight:600}.brand-mark{color:var(--terracotta)}.main-nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:800;letter-spacing:-.01em;color:#2C211C}.main-nav>a:not(.button){display:flex;align-items:center;gap:6px;position:relative;padding:12px 0}.main-nav>a:not(.button):hover,.main-nav>a[aria-current]{color:var(--terracotta)}.main-nav .icon{width:14px;height:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid var(--azul);border-radius:8px;background:var(--azul);color:#fff;padding:15px 22px;font-size:14px;font-weight:500;line-height:1.4;transition:background .18s,transform .18s;min-height:49px}.button:hover{background:var(--azul-dark);transform:translateY(-1px)}.button .icon{width:18px;height:18px}.button-small{padding:12px 18px;min-height:43px}.button-outline{color:var(--ink);border-color:#c4bdb9;background:transparent}.button-outline:hover{background:var(--azul-wash)}.button-cream{background:#f7f4e9;color:var(--azul);border-color:#f7f4e9}.button-cream:hover{background:white}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.6}.text-link .icon{width:17px;height:17px;transition:transform .18s}.text-link:hover{color:var(--terracotta)}.text-link:hover .icon{transform:translateX(3px)}.icon-button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:10px;min-width:44px;min-height:44px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:1.8px;color:var(--terracotta)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:62px 74px}.hero-copy{padding-bottom:8px}.small-sun{font-size:20px;line-height:1}.hero h1{font-size:clamp(48px,4.7vw,67px);line-height:1.14;margin:24px 0 23px;letter-spacing:-2.7px}.hero h1 em{color:#b95f36;font-weight:400}.hero-copy>p{font-size:16px;line-height:1.85;max-width:420px}.hero-actions{display:flex;gap:12px;margin-top:29px}.hero-footnote{font-size:12px;display:flex;align-items:center;gap:12px;margin-top:23px;color:#6b726e}.hero-footnote .icon{width:13px;height:13px;color:#917265}.hero-footnote span{color:#afa4a0}.hero-visual{position:relative;padding:6px 0 19px 16px}
.hero-visual:before{content:'';position:absolute;left:0;top:0;width:204px;height:170px;border-radius:14px;background:#a95028 var(--tile) 0 0/38px 38px}.hero-image-wrap{position:relative;z-index:1;overflow:hidden;border-radius:100px 12px 12px 12px;height:416px;background:#e7e1df}.hero-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:49% 50%}.hero-image-wrap:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#3a1e124a)}.photo-location{position:absolute;bottom:19px;right:21px;z-index:1;color:white;font-size:11px;display:flex;gap:6px;align-items:center}.photo-location .icon{width:13px;height:13px}.ola-stamp{position:absolute;z-index:3;right:-20px;top:-13px;width:105px;height:105px;border-radius:50%;background:#f7ece8;border:1px solid #e7c9bb;outline:5px solid var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);color:#a95028}.ola-stamp strong{font-family:var(--serif);font-size:32px;font-weight:400;font-style:italic;line-height:1.3}.ola-stamp span{font-size:7px;letter-spacing:1.6px;font-weight:600}.hero-photo-note{position:absolute;z-index:3;left:-13px;bottom:0;background:var(--cream);border:1px solid #e4ddd9;border-radius:9px;padding:17px 25px 17px 17px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow);transform:rotate(-3deg)}.note-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#f0e9e5;border-radius:50%;color:#8f796f}.hero-photo-note strong{display:block;font-size:13px;font-weight:500}.hero-photo-note div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.hero-scribble{position:absolute;left:-57px;top:-7px;width:66px;height:63px;color:var(--terracotta);transform:rotate(-12deg)}.trust-strip{border-block:1px solid #5f2c16;background:#a95028}
.trust-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:69px}.trust-strip>.container>span{font-size:11px;letter-spacing:1.1px;font-weight:600;color:#dfb9a7;max-width:185px}.trust-strip>.container>div{display:flex;align-items:center;gap:9px;font-size:13px;color:#f3e3db}.trust-strip .icon{width:18px;height:18px;color:var(--ochre)}.section{padding-block:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:29px}.section-heading h2{margin-top:11px;font-size:33px}.section-heading p{font-size:15px;margin-top:12px}.section-heading>.text-link{margin-bottom:4px;white-space:nowrap}.tools-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.tool-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fff,#fdfdfa);border:1px solid var(--line);border-radius:11px;padding:22px 20px 19px;box-shadow:0 1px 2px #3d2c2408,0 10px 26px -18px #3d2c2424;transition:transform .18s,box-shadow .18s,border-color .18s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c6b9b3}.tool-card-top{display:flex;align-items:center;justify-content:space-between}.tool-icon{height:43px;width:43px;display:flex;align-items:center;justify-content:center;border-radius:9px}.tool-icon .icon{width:24px;height:24px}.sage{background:#f8ece6;color:#b95f36}.sand{background:#f5efe0;color:#9b8242}.rose{background:#f8ece5;color:#b07050}.blue{background:#f2edea;color:#987667}.lavender{background:#f4efed;color:#947d75}.card-corner{width:15px;height:15px;color:#9a8e88}.tool-card h3{font-size:17px;letter-spacing:-.3px;margin:24px 0 9px}.tool-card p{font-size:13px;line-height:1.8;margin-bottom:26px}.tool-card .text-link{font-size:12px;gap:7px;margin-top:auto;justify-content:space-between}.tool-card .text-link .icon{width:14px;height:14px}.tools-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#79807d;margin-top:22px}.tools-note .icon{width:13px;height:13px}.guides-section{background:#f8f1ed;border-block:1px solid #f0e3dd}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{position:relative;background:#fff;border:1px solid #E8DCCB;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .25s,box-shadow .25s}.guide-card:hover{transform:translateY(-2px);border-color:#CDBBA3;box-shadow:0 20px 38px -28px #2C211C40}.guide-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#F5EBDD}.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.guide-card:hover .guide-image img{transform:scale(1.03)}.guide-category{font-size:11px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#A84A28}.guide-date{font-size:11px;color:#8B7A6C;white-space:nowrap}.guide-card-body{padding:19px 22px 24px;display:flex;flex:1;flex-direction:column}.guide-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.guide-card h3{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.4;margin:12px 0 9px;letter-spacing:-.4px}.guide-card h3 a:hover{color:var(--terracotta)}.guide-card h3 a:after{content:'';position:absolute;inset:0}.guide-card p{font-size:13.5px;line-height:1.75;margin:0;color:#6F5D52}.places-section{display:grid;grid-template-columns:1fr 2.2fr;gap:54px;align-items:center}.places-copy h2{font-size:34px;margin-top:15px}.places-copy p{margin:17px 0 23px;font-size:14px;line-height:1.85}.places-copy .text-link{font-size:12px}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.city-card{height:295px;position:relative;border-radius:12px;overflow:hidden;background:#e4ddd9;box-shadow:0 1px 2px #3d2c2408,0 14px 32px -22px #3d2c242e}.city-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.city-card:after{position:absolute;content:'';inset:35% 0 0;background:linear-gradient(transparent,#33190dc4)}.city-card:hover img{transform:scale(1.04)}.city-card>div{position:absolute;left:18px;right:13px;bottom:20px;z-index:1}.city-card h3{font-family:var(--serif);font-size:27px;font-weight:400;color:white}.city-card p{font-size:12px;color:#f2f0e6;margin-top:6px}.city-arrow{position:absolute;top:13px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff60;color:white;display:grid;place-items:center;background:#ffffff12}.city-arrow .icon{width:15px;height:15px}.approach-section{background:#fbf3e2;border-block:1px solid #f0e4cd;padding-block:47px}.approach-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px;align-items:start}.approach-inner h2{font-size:28px;margin:13px 0 21px}.approach-inner .text-link{font-size:12px}.approach-item>.icon{color:#c39a48;width:27px;height:27px;margin-bottom:17px}.approach-item h3{font-size:15px;margin-bottom:10px}.approach-item p{font-size:13px;line-height:1.85}.home-faq{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;align-items:start}.home-faq h2{font-size:33px;margin:15px 0}.home-faq>div>p{font-size:15px;margin:0 0 22px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:15px;font-weight:500;padding:21px 0;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;line-height:1.1;font-weight:400;color:#8f8079}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>div{padding:0 30px 21px 0}.faq-list details p{font-size:15px;line-height:1.9}.faq-list .text-link{font-size:13px;margin-top:14px}.bottom-cta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:14px;background:linear-gradient(135deg,#a95028,#5a2812);padding:48px 65px;margin-bottom:65px;overflow:hidden}.bottom-cta:before{content:'';position:absolute;inset:0;background:var(--tile) 0 0/64px 64px;-webkit-mask-image:radial-gradient(125% 135% at 100% 0%,#000,#0000 58%);mask-image:radial-gradient(125% 135% at 100% 0%,#000,#0000 58%)}
.bottom-cta>div:not(.cta-doodle),.bottom-cta>.button{position:relative;z-index:1}
.bottom-cta .eyebrow{color:var(--ochre);font-size:11px}.bottom-cta h2{color:var(--cream);font-size:35px;margin:14px 0}.bottom-cta p{color:#e3cec5;font-size:13px}.bottom-cta .button{z-index:1;white-space:nowrap;font-size:13px}.cta-doodle{position:absolute;right:225px;top:10px;color:#ffffff20;transform:rotate(20deg)}.cta-doodle .icon{width:240px;height:240px;stroke-width:.7px}.site-footer{border-top:0;background:var(--azul-deep);padding-top:0}
.site-footer:before{content:'';display:block;height:52px;background:#a95028 var(--tile) 0 0/64px 64px;border-bottom:1px solid #ffffff1f}
.site-footer>.container{padding-top:46px}.footer-top{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px}.footer-brand .brand{font-size:21px;color:#fff}
.footer-brand .brand-mark{color:var(--ochre)}
.footer-brand>p{color:#ddc0b2}.footer-brand .brand-mark{width:28px;height:28px}.footer-brand>p{font-size:13px;line-height:1.9;margin-top:17px}.footer-note{display:block;font-size:12px;color:#bf9a8a;margin-top:20px}.footer-top h2{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;margin:5px 0 17px;color:#fff}.footer-top>div:not(:first-child)>a{display:block;font-size:12px;color:#d6b6a8;margin-bottom:10px}.footer-top a:hover{color:var(--ochre)}
.footer-bottom a{color:#d6b6a8}
.footer-bottom a:hover{color:var(--ochre)}.footer-bottom{padding-block:20px;border-top:1px solid #ffffff1f;display:flex;justify-content:space-between;gap:30px;color:#bf9a8a;font-size:12px}.footer-bottom>div{display:flex;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:13px;color:#8b817c;padding-block:24px;flex-wrap:wrap}.breadcrumbs .icon{width:11px;height:11px}.breadcrumbs a:hover{color:var(--terracotta)}.page-hero + .page-section,.page-hero + .about-grid{padding-top:52px}
.page-intro{padding:52px 0 46px;max-width:820px}.page-intro h1{font-size:49px;margin:16px 0 20px}.page-intro>p{font-size:17px;line-height:1.85;max-width:690px}.page-intro .intro-meta{margin-top:23px}.intro-meta{display:flex;flex-wrap:wrap;gap:15px;color:#8a7d78;font-size:13px}.intro-meta span{display:flex;align-items:center;gap:5px}.intro-meta .icon{width:14px;height:14px}.page-section{padding-block:25px 65px}.tools-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-directory .tool-card{min-height:260px;padding:28px}.tools-directory .tool-card h3{font-size:22px}.tools-directory .tool-card p{font-size:15px}.tools-directory .tool-card .text-link{font-size:13px}.guide-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 30px}.search-box{position:relative;width:320px;max-width:100%}.search-box .icon{position:absolute;left:14px;top:14px;width:18px;height:18px;color:#8d827e}.search-box input{width:100%;padding:12px 15px 12px 41px;background:white;border:1px solid var(--line);border-radius:6px;font-size:14px}.filter-buttons{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.filter-button{background:none;border:0;border-bottom:2px solid transparent;padding:6px 0;border-radius:0;color:#7A6455;font-size:12.5px;letter-spacing:.2px}.filter-button:hover{color:#2C211C}.filter-button[aria-pressed=true]{background:none;color:#A84A28;border-bottom-color:#A84A28;font-weight:600}.guide-count{font-size:12px;color:var(--muted);margin-bottom:20px}.all-guides{row-gap:30px}.empty-state{padding:55px;border:1px dashed var(--line);text-align:center;border-radius:10px}.empty-state h2{font-size:27px;margin-bottom:12px}.empty-state button{margin-top:20px}.notice{display:flex;align-items:flex-start;gap:12px;background:#f2f0e4;border:1px solid #e7dfc5;border-radius:8px;padding:17px 20px;font-size:13px;color:#756647;line-height:1.8;margin-bottom:25px}.notice>.icon{width:19px;height:19px;margin-top:2px;color:#a18a53}.notice strong{font-weight:600}.notice a{text-decoration:underline;text-underline-offset:3px}.notice p{color:inherit}.notice.green{background:#f3ebe8;border-color:#e2d6d0;color:#82695d}.calculator-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:25px;align-items:start;margin-bottom:44px}.calculator-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 1px 2px #3d2c2408,0 16px 40px -26px #3d2c242e}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.panel-heading h2{font-family:var(--sans);font-size:20px;letter-spacing:-.5px;font-weight:500}.panel-heading .eyebrow{font-size:10px;letter-spacing:1px;color:#907f77}.field{margin-bottom:22px}.field>label,.field legend{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:8px}.field small,.field-hint{display:block;font-size:11px;color:#91857f;line-height:1.7;margin-top:7px}.input-wrap{position:relative}.input-prefix{position:absolute;left:15px;top:12px;color:#9a8e88;font-size:15px}.input-suffix{position:absolute;right:14px;top:13px;color:#9a8e88;font-size:13px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border:1px solid #e1d8d4;background:#fcfcf9;width:100%;border-radius:6px;padding:12px 14px;min-height:47px;color:var(--ink);font-size:15px}.input-wrap.has-prefix input{padding-left:34px!important}.input-wrap.has-suffix input{padding-right:60px!important}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #9a796a4d;outline-offset:1px;border-color:#a5877a}.field input:invalid:not(:placeholder-shown):focus{border-color:#bc7661}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-field{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:13px}.check-field input{accent-color:var(--azul);margin-top:5px;min-width:17px;min-height:17px}.check-field label{line-height:1.8}.segmented{display:flex;border:1px solid #e1d8d4;border-radius:7px;overflow:hidden;background:#f6f2f0}.segmented label{flex:1;text-align:center;position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmented span{display:block;padding:12px 8px;font-size:13px;border-radius:5px}.segmented input:checked+span{background:var(--azul);color:white}.segmented input:focus-visible+span{outline:2px solid var(--terracotta);outline-offset:-3px}fieldset{border:0;padding:0;margin:0}.calculate-button{width:100%;margin-top:3px;justify-content:space-between}.form-error{color:#a24835;background:#faece6;padding:13px;border-radius:6px;font-size:13px;margin:15px 0}.results-panel{border:1px solid #efd9cf;border-radius:12px;background:#f8eeea;padding:30px;position:sticky;top:24px}.result-label{font-size:11px;font-weight:600;letter-spacing:1.7px;color:#927365;text-transform:uppercase}.result-value{font-family:var(--serif);font-size:54px;letter-spacing:-2px;line-height:1.3;margin:10px 0 3px;color:var(--azul)}.result-value small{font-family:var(--sans);font-size:16px;letter-spacing:0;color:#90817a;margin-left:6px}.result-context{font-size:14px;color:#8c7c75;line-height:1.8}.result-breakdown{margin:27px 0 20px;border-top:1px solid #ddcfc9}.result-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2d7d3;font-size:14px}.result-row span{color:#8c7a72}.result-row strong{font-weight:500;white-space:nowrap}.result-row.total{font-weight:600;font-size:15px}.result-row.total span{color:var(--azul)}.result-row.total strong{font-weight:600}.result-note{font-size:12px;line-height:1.9;color:#8c7c75;margin-top:18px}.result-actions{display:flex;gap:10px;margin-top:25px}.result-actions button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid #d4c5bf;border-radius:7px;font-size:12px;color:var(--azul);padding:9px 11px;min-height:36px}.result-actions .icon{height:14px;width:14px}.result-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #ceb9af;background:#ecdfd9;color:#876353;font-size:12px;border-radius:4px;padding:7px 10px;margin:20px 0 0}.result-status.warn{border-color:#decda5;background:#f5eddb;color:#806d44}.result-chart{display:flex;height:10px;overflow:hidden;border-radius:8px;gap:3px;margin:23px 0 13px}.result-chart span{border-radius:2px;background:#c65620;min-width:0}.result-chart .tax{background:#d9a441}.result-chart .ss{background:#c4afa5}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#8f8079}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c65620;margin-right:4px}.chart-legend .tax i{background:#d9a441}.chart-legend .ss i{background:#c4afa5}.method-layout{display:grid;grid-template-columns:minmax(0,2fr) 1fr;gap:60px;margin-bottom:60px;align-items:start}.prose{font-size:17px;line-height:1.85;color:var(--text);min-width:0}.prose p{margin:0 0 24px;color:var(--text)}.prose h2{font-size:31px;margin:46px 0 22px;color:var(--ink);letter-spacing:-.9px;scroll-margin-top:28px}.prose h2:before{content:'';display:block;width:36px;height:3px;border-radius:2px;background:#d9a441;margin-bottom:15px}.prose h2:first-child{margin-top:0}.prose h3{font-size:19px;margin:30px 0 13px;color:var(--ink);font-weight:500}.prose h4{font-size:17px;margin:25px 0 15px;color:var(--ink)}.prose a:not(.button):not(.text-link){color:#a95028;text-decoration:underline;text-decoration-color:#d6b6a8;text-underline-offset:4px}.prose a:hover{color:var(--terracotta)}.prose strong{font-weight:600;color:#766259}.prose ul,.prose ol{padding-left:23px;margin:0 0 24px}.prose li{margin-bottom:10px;padding-left:5px}.prose li::marker{color:#a7928a}.prose blockquote{border-left:3px solid #b69c91;background:#f2eae7;padding:20px 23px;margin:28px 0;font-family:var(--serif);font-size:19px;line-height:1.8;color:#83685c;border-radius:0 7px 7px 0}.prose hr{border:0;border-top:1px solid var(--line);margin:35px 0}.table-scroll{overflow:auto;margin:25px 0}.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.75;border:1px solid #e2d8d4;border-radius:9px;overflow:hidden}.prose td,.prose th{text-align:left;padding:15px 17px;border-bottom:1px solid #ebe4e0;vertical-align:top}.prose th{background:#f8ece6;font-weight:600;color:var(--azul);font-size:13px}.prose tbody tr:nth-child(even) td{background:#f8f4f2}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:hover td{background:#f4ece9}.sources-box{background:#f8f1ed;border:1px solid #eddcd4;border-radius:11px;padding:26px}.sources-box h2{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:-.2px;line-height:1.6;display:flex;align-items:center;gap:10px;margin:0 0 12px}.sources-box h2 .icon{width:18px;height:18px}.sources-box>p{font-size:13px;line-height:1.8;margin-bottom:18px}.sources-box ul{padding:0;margin:0;list-style:none}.sources-box li+li{margin-top:14px}.sources-box li>a{font-size:13px;line-height:1.75;display:block;color:#a95028;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d6b6a8}.sources-box li .icon{width:11px;height:11px;margin-left:3px}.related-section{border-top:1px solid var(--line);padding-block:44px 65px}.related-section h2{font-size:29px;margin-bottom:25px}.mini-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-guide{border:1px solid var(--line);border-radius:8px;padding:23px;background:white;transition:border-color .2s}.mini-guide:hover{border-color:#aa958b}.mini-guide>.eyebrow{font-size:10px;letter-spacing:1px}.mini-guide h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:12px 0 20px}.mini-guide .text-link{font-size:12px}.article-header{max-width:920px;padding-block:20px 35px}.article-header h1{font-size:50px;line-height:1.25;margin:17px 0 21px}.article-header>.standfirst{font-size:19px;line-height:1.85;max-width:760px}.article-header .intro-meta{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 275px;gap:80px;align-items:start;padding-bottom:60px}.article-layout .prose{font-size:17px}.article-sidebar{position:sticky;top:28px}.toc{padding:24px;border:1px solid var(--line);border-radius:11px;background:#f6f2f0;margin-bottom:22px}.toc h2{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px}.toc a{display:block;font-size:13px;line-height:1.65;padding:8px 0 8px 12px;color:#8a776e;border-left:2px solid #e6deda;margin-left:-1px}.toc a:hover{color:var(--terracotta);border-left-color:#d9a441}.sidebar-tool{padding:24px;border:1px solid #e8d0c6;background:#f7ece8;border-radius:11px}.sidebar-tool>.icon{color:#b26f50}.sidebar-tool h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:14px 0 11px}.sidebar-tool p{font-size:13px;line-height:1.8;margin-bottom:18px}.sidebar-tool .text-link{font-size:12px}.article-end{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.article-end p{font-size:12px;margin:0}.article-photo{border-radius:11px;max-height:320px;width:100%;object-fit:cover;margin-bottom:33px}.legal-layout{display:grid;grid-template-columns:1fr 260px;gap:80px;max-width:1040px;margin-inline:auto}.legal-layout .prose{font-size:16px}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start;padding-bottom:65px}.owner-placeholder{min-height:310px;background:#f1e9e6;border:1px dashed #bbaaa2;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px;color:#8f796f}.owner-placeholder .icon{width:45px;height:45px;margin-bottom:20px;stroke-width:1}.owner-placeholder strong{font-size:15px;font-weight:500;max-width:230px}.owner-placeholder p{font-size:12px;line-height:1.8;max-width:225px;margin-top:12px}.owner-profile{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;margin-top:20px}.owner-profile h2{font-family:var(--sans);font-size:19px;letter-spacing:-.3px;margin-bottom:12px}.owner-profile p{font-size:13px;line-height:1.9}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:start;padding-bottom:65px}.contact-layout .calculator-panel{padding:32px}.contact-aside h2{font-size:25px;margin-bottom:18px}.contact-aside p{font-size:14px;line-height:1.9;margin-bottom:20px}.contact-aside .sources-box{margin-top:32px}.form-status{padding:15px 18px;border:1px solid #d8c3b9;background:#f3ebe7;color:#8b6555;font-size:14px;line-height:1.8;border-radius:7px;margin-top:20px}.form-status.error{background:#fbede6;border-color:#eacbbb;color:#9f5d42}.honey-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.faq-page{max-width:900px;margin:0 auto;padding-bottom:70px}.faq-page .faq-list summary{font-size:17px;padding:25px 0}.faq-page .faq-list details p{font-size:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:99;background:var(--azul);color:white;padding:12px 20px;border-radius:6px;box-shadow:var(--shadow);font-size:14px;max-width:90vw}.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:35px}.comparison-city{padding:18px 13px;border:1px solid var(--line);border-radius:7px;background:white}.comparison-city.active{background:#f1e5df;border-color:#c5ab9f}.comparison-city h3{font-size:13px;margin-bottom:8px}.comparison-city strong{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.8px}.comparison-city>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.faq-inline{margin-top:30px}.not-found{padding:80px 20px;text-align:center;max-width:700px;margin:auto}.not-found h1{margin:20px 0;font-size:52px}.not-found p{margin-bottom:25px}.not-found .button{margin:8px}.results-placeholder{padding-block:30px}.results-placeholder h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:13px 0}.results-placeholder p{font-size:15px;line-height:1.8}.result-detail{margin-top:17px}.result-detail summary{font-size:12px;cursor:pointer}.result-detail p{font-size:12px;margin-top:10px;line-height:1.8}.small-table{width:100%;font-size:11px;margin-top:10px;border-collapse:collapse}.small-table td,.small-table th{padding:7px 5px;text-align:right;border-bottom:1px solid #decfc9}.small-table td:first-child,.small-table th:first-child{text-align:left}.small-table th{font-weight:500}.inline-code{padding:3px 6px;background:#f0e8e5;border-radius:3px;font-size:13px}.formula{font-family:var(--serif);font-size:20px;padding:20px;background:#f2ebe7;border-radius:7px;line-height:1.7}.full-width{width:100%}.guide-directory-heading{max-width:830px}.readiness-label{display:inline-flex;gap:6px;align-items:center;background:#f3eadd;color:#937145;padding:6px 10px;border-radius:4px;font-size:11px;margin:0 0 20px}.readiness-label .icon{width:12px;height:12px}
@media(min-width:1500px){.hero{gap:85px;padding-block:70px 80px}.hero-image-wrap{height:440px}.hero h1{font-size:71px}.hero-copy>p{font-size:17px}.site-header{height:105px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:24px;font-size:15px}.brand{font-size:22px}.hero{gap:35px}.hero h1{font-size:53px}.hero-copy>p{font-size:15px}.hero-image-wrap{height:390px}.hero-actions .button{font-size:12px;padding:13px 16px}.hero-scribble{left:-24px;top:-21px;width:53px}.ola-stamp{right:-14px;width:88px;height:88px}.tools-grid{gap:10px}.tool-card{padding:18px 14px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px}.tool-card .text-link{font-size:11px}.trust-strip>.container{gap:15px}.trust-strip>.container>div{font-size:11px}.section-heading h2{font-size:30px}.guide-card-body{padding:17px 19px 21px}.guide-card h3{font-size:20px}.places-section{gap:33px}.places-copy h2{font-size:30px}.city-card{height:270px}.city-card h3{font-size:24px}.city-card p{font-size:10px}.approach-inner{gap:28px}.home-faq{gap:45px}.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:45px}.article-header h1{font-size:45px}.tools-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-directory .tool-card h3{font-size:20px}.tools-directory .tool-card p{font-size:13px}.method-layout{gap:35px}.result-value{font-size:46px}.legal-layout{gap:45px}.page-intro h1{font-size:44px}}
@media(max-width:900px){.main-nav{gap:19px}.main-nav>a:nth-child(3){display:none}.brand{font-size:21px;gap:8px}.brand-mark{width:30px;height:30px}.nav-cta{padding:11px 13px}.site-header{height:86px}.hero{gap:25px;padding-block:44px 57px}.hero h1{font-size:45px;letter-spacing:-1.8px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hero-copy>p{font-size:13px}.hero-image-wrap{height:345px;border-top-left-radius:80px}.hero-photo-note{padding:13px;left:-4px}.hero-photo-note strong{font-size:11px}.hero-photo-note div>span{font-size:11px}.hero-footnote{font-size:10px;gap:8px}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions .button{font-size:11px;gap:8px}.ola-stamp{width:78px;height:78px}.ola-stamp span{font-size:5px}.ola-stamp strong{font-size:26px}.hero-scribble{display:none}.trust-strip>.container>span{display:none}.trust-strip>.container{min-height:61px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{padding:22px}.tool-card h3{font-size:17px}.tool-card p{font-size:13px}.tool-card .text-link{font-size:12px}.section{padding-block:50px}.section-heading h2{font-size:28px}.section-heading p{font-size:13px}.section-heading>.text-link{font-size:12px}.guides-grid{gap:15px}.guide-card-body{padding:16px}.guide-card h3{font-size:20px}.guide-card p{font-size:12px}.guide-category,.guide-date{font-size:10px}.places-section{grid-template-columns:1fr;gap:27px}.places-copy{max-width:450px}.places-copy h2 br{display:none}.places-copy h2{font-size:31px}.places-copy p{font-size:14px}.city-card{height:280px}.city-card h3{font-size:27px}.city-card p{font-size:11px}.approach-inner{grid-template-columns:1fr 1fr;gap:30px 45px}.home-faq{grid-template-columns:1fr 1.2fr;gap:30px}.home-faq h2{font-size:28px}.home-faq .eyebrow{font-size:10px}.bottom-cta{padding:36px}.bottom-cta h2{font-size:29px}.bottom-cta p{max-width:320px;font-size:12px}.bottom-cta .button{font-size:11px;padding:14px}.footer-top{gap:23px;grid-template-columns:1.5fr 1fr 1fr}.footer-top>div:last-child{grid-column:2/4}.footer-brand{grid-row:span 2}.footer-bottom{font-size:10px;gap:18px}.calculator-panel,.results-panel{padding:23px}.calculator-layout{gap:17px}.fields-row{gap:12px}.method-layout{grid-template-columns:1fr;gap:25px}.method-layout .sources-box{max-width:none}.article-layout{grid-template-columns:minmax(0,1fr) 205px;gap:30px}.toc{padding:19px}.sidebar-tool{padding:20px}.article-header h1{font-size:42px}.article-layout .prose{font-size:15px}.prose h2{font-size:26px}.mini-guide{padding:18px}.mini-guide h3{font-size:18px}.about-grid{gap:35px}.contact-layout{gap:30px}.contact-layout .calculator-panel{padding:24px}.contact-aside h2{font-size:23px}.legal-layout{grid-template-columns:1fr}.legal-layout>aside{grid-row:1}.comparison-grid{gap:7px}.comparison-city{padding:15px 10px}.comparison-city strong{font-size:21px}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:23px;gap:9px}.brand-mark{width:30px;height:30px}.mobile-menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;z-index:20;background:#fff;padding:20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;gap:5px}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a:nth-child(3){display:flex}.main-nav>a:not(.button){font-size:15px;padding:12px}.main-nav>.button{margin-top:9px;font-size:14px;padding:14px}.hero{grid-template-columns:1fr;gap:34px;padding-block:35px 40px}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.hero h1{font-size:48px;letter-spacing:-2px;margin:20px 0 21px;line-height:1.15}.hero-copy>p{font-size:15px;max-width:450px;line-height:1.85}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{font-size:12px;padding:14px 17px;gap:14px;flex:none}.hero-footnote{font-size:11px;margin-top:19px;gap:10px}.hero-visual{padding:10px 4px 20px 12px}.hero-image-wrap{height:335px;border-top-left-radius:75px}.ola-stamp{right:-3px;top:0;width:86px;height:86px}.ola-stamp span{font-size:6px}.ola-stamp strong{font-size:28px}.hero-photo-note{left:0;bottom:1px;padding:14px 19px 14px 13px}.hero-photo-note strong{font-size:12px}.hero-photo-note div>span{font-size:11px}.photo-location{font-size:10px;bottom:27px;right:13px}.photo-location .icon{width:11px;height:11px}.trust-strip>.container{flex-wrap:wrap;justify-content:center;gap:11px 24px;padding-block:17px}.trust-strip>.container>div{font-size:11px}.trust-strip .icon{width:14px;height:14px}.section{padding-block:42px}.section-heading{align-items:flex-start;gap:16px;margin-bottom:25px;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:1.5px}.section-heading h2{font-size:29px;margin-top:10px}.section-heading p{font-size:13px;margin-top:10px}.section-heading>.text-link{font-size:12px}.tools-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-card{padding:19px 16px;min-height:225px}.tool-card:last-child{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:43px 1fr;column-gap:16px;align-items:center}.tool-card:last-child .tool-card-top{grid-row:1/3}.tool-card:last-child .card-corner{display:none}.tool-card:last-child h3{margin:0 0 7px}.tool-card:last-child p{margin-bottom:13px;grid-column:2}.tool-card:last-child .text-link{grid-column:2;justify-content:start;gap:14px}.tool-card h3{font-size:15px;margin:19px 0 10px}.tool-card p{font-size:12px;line-height:1.75;margin-bottom:21px}.tool-card .text-link{font-size:11px;gap:5px}.tool-icon{height:38px;width:38px;border-radius:7px}.tool-icon .icon{height:22px;width:22px}.tools-note{font-size:11px;align-items:flex-start;text-align:center;line-height:1.8;padding-inline:7px}.tools-note .icon{margin-top:2px}.guides-grid{grid-template-columns:1fr;gap:24px}.guide-card-body{padding:21px 23px 24px}.guide-card h3{font-size:24px}.guide-card p{font-size:14px}.guide-category,.guide-date{font-size:11px}.city-grid{gap:10px}.city-card{height:240px}.city-card>div{left:11px;right:8px;bottom:15px}.city-card h3{font-size:21px}.city-card p{font-size:10px;line-height:1.65}.city-arrow{width:24px;height:24px;top:10px;right:9px}.city-arrow .icon{width:12px;height:12px}.places-copy h2{font-size:30px}.places-copy p{font-size:14px}.approach-section{padding-block:36px}.approach-inner{grid-template-columns:1fr 1fr;gap:25px 24px}.approach-inner>div:first-child{grid-column:1/-1;margin-bottom:5px}.approach-inner>div:first-child h2 br{display:none}.approach-inner h2{font-size:29px;margin:12px 0 17px}.approach-item:last-child{grid-column:1/-1;max-width:300px}.approach-item h3{font-size:14px}.approach-item p{font-size:12px}.home-faq{grid-template-columns:1fr;gap:24px}.home-faq h2{font-size:29px}.home-faq>div>p{font-size:13px;margin-bottom:17px}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details p{font-size:13px}.bottom-cta{padding:31px 27px;flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:42px;border-radius:9px}.bottom-cta h2{font-size:31px}.bottom-cta p{font-size:13px}.bottom-cta .button{font-size:12px;padding:13px 17px}.cta-doodle{right:-33px;top:71px}.site-footer{padding-top:35px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 22px;padding-bottom:30px}.footer-brand{grid-column:1/-1;grid-row:auto}.footer-brand>p{font-size:13px;margin-top:15px}.footer-note{font-size:11px;margin-top:13px}.footer-top>div:last-child{grid-column:1/-1}.footer-top h2{font-size:13px;margin-bottom:17px}.footer-top>div:not(:first-child)>a{font-size:12px;margin-bottom:11px}.footer-bottom{flex-direction:column;gap:13px;font-size:11px;padding-block:22px}.footer-bottom>div{gap:23px}.breadcrumbs{font-size:11px;gap:6px;padding-block:20px}.breadcrumbs .icon{width:9px;height:9px}.page-intro{padding-block:15px 30px}.page-intro h1{font-size:37px;letter-spacing:-1.3px;margin:14px 0 17px}.page-intro>p{font-size:15px;line-height:1.9}.intro-meta{font-size:11px;gap:12px}.page-section{padding-bottom:45px}.tools-directory{grid-template-columns:1fr}.tools-directory .tool-card{padding:23px;min-height:225px}.tools-directory .tool-card h3{font-size:22px;margin-top:20px}.tools-directory .tool-card p{font-size:14px}.tools-directory .tool-card .text-link{font-size:13px}.tools-directory .tool-card:last-child{display:flex;grid-column:auto;align-items:stretch}.tools-directory .tool-card:last-child .tool-card-top{display:flex}.tools-directory .tool-card:last-child .card-corner{display:block}.tools-directory .tool-card:last-child h3{margin:20px 0 10px}.tools-directory .tool-card:last-child .text-link{justify-content:space-between}.guide-toolbar{gap:17px;flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-buttons{gap:16px}.filter-button{padding:6px 0;font-size:11.5px}.notice{padding:14px 16px;font-size:12px;gap:9px}.calculator-layout{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.calculator-panel,.results-panel{padding:24px 22px}.results-panel{position:static}.result-value{font-size:51px}.field{margin-bottom:20px}.field>label,.field legend{font-size:13px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{font-size:17px}.result-actions button{min-height:42px;font-size:12px}.method-layout{margin-bottom:40px;gap:25px}.prose{font-size:15px}.prose h2{font-size:26px;margin-top:34px}.prose h3{font-size:19px}.sources-box{padding:21px}.sources-box h2{font-size:15px}.sources-box>p{font-size:13px}.sources-box li>a{font-size:13px}.related-section{padding-block:34px 44px}.related-section h2{font-size:27px}.mini-guides{grid-template-columns:1fr;gap:12px}.mini-guide{padding:21px}.mini-guide h3{font-size:21px;margin-block:9px 16px}.mini-guide .text-link{font-size:12px}.article-header{padding-block:12px 30px}.article-header h1{font-size:37px;line-height:1.3;letter-spacing:-1.1px}.article-header>.standfirst{font-size:16px}.article-layout{display:flex;flex-direction:column;gap:28px;padding-bottom:45px}.article-sidebar{position:static;order:-1;width:100%}.toc{margin-bottom:0;padding:19px 22px}.toc h2{font-size:11px;margin-bottom:12px}.toc a{font-size:12px;padding:5px 0}.article-sidebar .sidebar-tool{display:none}.article-layout .prose{font-size:15px;width:100%}.article-end{align-items:flex-start;flex-direction:column;gap:15px}.article-photo{max-height:230px;margin-bottom:27px}.about-grid{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.owner-placeholder{min-height:260px}.about-grid>aside{max-width:100%}.contact-layout{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.contact-layout .calculator-panel{padding:23px 20px}.contact-aside{max-width:100%}.contact-layout .fields-row{grid-template-columns:1fr;gap:0}.faq-page{padding-bottom:50px}.faq-page .faq-list summary{font-size:15px;padding-block:22px}.faq-page .faq-list details p{font-size:14px}.legal-layout{gap:25px}.legal-layout .prose{font-size:14px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.comparison-city{padding:17px}.comparison-city:last-child{grid-column:1/-1}.comparison-city h3{font-size:13px}.comparison-city strong{font-size:26px}.comparison-city>span{font-size:11px}.table-scroll{margin-inline:-2px}.prose table{font-size:12px;min-width:420px}.not-found{padding:45px 10px}.not-found h1{font-size:41px}.not-found p{font-size:15px}.empty-state{padding:35px 20px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.brand{font-size:21px}.hero h1{font-size:43px}.hero-actions{gap:7px}.hero-actions .button{font-size:11px;padding:13px}.hero-image-wrap{height:295px}.tool-card{padding:16px 13px}.tool-card h3{font-size:14px}.tool-card p{font-size:11px}.tool-card .text-link{font-size:10px}.city-grid{grid-template-columns:1fr}.city-card{height:190px}.city-card h3{font-size:27px}.city-card p{font-size:11px}.fields-row{grid-template-columns:1fr;gap:0}.result-value{font-size:45px}.page-intro h1,.article-header h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.breadcrumbs,.result-actions,.bottom-cta,.related-section,.article-sidebar,.guide-toolbar,.calculate-button,.hero-actions{display:none!important}body{background:white;font-size:11pt}.container{width:100%}.calculator-layout,.method-layout,.article-layout{display:block}.results-panel{position:static;break-inside:avoid;margin-top:20px}.calculator-panel{break-inside:avoid}.prose{font-size:11pt}.prose h2{font-size:19pt}.page-intro h1,.article-header h1{font-size:28pt}.article-photo{max-height:200px}.result-value{font-size:34pt}.sources-box{margin-top:20px}.section{padding-block:20px}a[href^=http]:after{content:' (' attr(href) ')';font-size:8pt;overflow-wrap:anywhere}}

/* Added with the guide, legal and FAQ templates: small pieces the original
   stylesheet did not need yet. Kept in the same one-rule-per-line form. */
.prose code{padding:3px 6px;background:#f0e8e5;border-radius:3px;font-size:13px}
.prose abbr[title]{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
.owner-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;margin-bottom:20px}
.faq-group{margin-bottom:48px}
.faq-group h2{font-size:27px;margin-bottom:10px;letter-spacing:-.8px}
.faq-group .faq-blurb{font-size:14px;line-height:1.9;max-width:620px;margin-bottom:20px}
.faq-group .text-link{font-size:13px;display:inline-block;margin-top:18px}
@media (max-width:640px){.faq-group h2{font-size:22px}.faq-group{margin-bottom:36px}}

/* The tables in the guides carry three and four columns, which crushed into a
   phone-width column becomes about eight characters a line. The .table-scroll
   wrapper was already there for exactly this and never had anything to scroll,
   because the table was width:100%. A floor on the table gives it something.
   460px only bites below roughly a 525px viewport, so desktop is untouched. */
@media(max-width:680px){.prose table{min-width:460px}.prose td,.prose th{padding:12px}}
/* A table that scrolls sideways without saying so looks like a table that has
   been cut off. These four backgrounds are the long-standing CSS-only way to
   show an edge shadow that appears only while there is more to scroll: the two
   "local" layers stick to the content and the two "scroll" layers stick to the
   viewport, so the shadow shows on exactly the side that has hidden content and
   disappears at the end. Desktop, where the table never overflows, shows none. */
.table-scroll{background:linear-gradient(to right,var(--cream) 30%,#faf9f600),linear-gradient(to right,#faf9f600,var(--cream) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,#3d2c2438,#3d2c2400),radial-gradient(farthest-side at 100% 50%,#3d2c2438,#3d2c2400) 100% 0;background-repeat:no-repeat;background-size:44px 100%,44px 100%,18px 100%,18px 100%;background-attachment:local,local,scroll,scroll}

/* The site's own artwork arrives as a designed 16:9 banner with the guide title
   set into the picture, so cropping it into the photograph box would slice the
   lettering. Own-work images keep their aspect ratio; the licensed photographs
   keep their crop, which is what makes a 1927px-tall portrait usable here. */
.article-photo-artwork{max-height:none;height:auto}

/* Article pages carry a single column: the right-hand rail that held the
   "on this page" list and a tool card was removed, so the strip that used to
   reserve 275px for it is gone too. Appended last, and with the same
   specificity as the grid rules above, so it also overrides the 2-column
   tablet layouts and the stacked mobile one — every breakpoint now reads the
   same, and a measured 760px line is a better length than a stretched one.
   The wrapper keeps the header's own 920px so the heading, the article and the
   sources box all start on the same left edge; only the text is held to 760. */
.article-layout{display:block;max-width:920px;margin-inline:auto}
.article-layout .prose,.article-layout>aside{max-width:760px}

/* Article section headings — the same face and weight as the h1 above them.
   These carry their own font-family and font-weight, so the global heading rule
   does not reach them: the two values have to be repeated here or the article
   keeps the lighter DM Sans it was set in before. Sized at every breakpoint for
   the same reason as the block below — a rule appended last wins at any width,
   so a size left to a media query above would be silently overruled. */
.prose h2{font-family:'Inter',var(--sans);font-weight:900;font-size:26px;line-height:1.15;letter-spacing:-.02em;color:#2C211C}
.prose h2:before{width:44px;height:4px;margin-bottom:13px}

/* Headline treatment — h1 and h2 ---------------------------------------------
   Every page and section heading on the site carries the weight a headline is
   supposed to carry: a black weight, set in capitals, tracked tight, in
   near-black. This is the change that makes a heading read as a heading at a
   glance rather than as a slightly larger sentence.
   The face is Inter 900 rather than DM Sans. DM Sans reaches 900 too, but its
   letterforms stay open at that weight, so an all-caps headline in it still
   read light; Inter's black is tighter with smaller counters, which is the
   density this treatment needs. Inter is used here and nowhere else — the body,
   the buttons and every label stay DM Sans, loaded at 400 to 700 as before.
   The serif keeps the three jobs it does well: the standfirst, the article
   body, and the hero's second line, which stays Lora italic in blue so the one
   flourish on the home page survives the heavier first line above it.
   Sizes are restated at every breakpoint on purpose. These rules are appended
   last, and with equal specificity a later rule wins at any width — so a size
   left to the media queries further up would be silently overruled and the
   heading would jump between breakpoints. Each is roughly 12% smaller than its
   serif original, which is what holds the line count once capitals make every
   word wider. The four small sans headings (footer, sources, panel, profile)
   opt out of the capitals: they are labels on a box, not headlines. */
h1,h2{font-family:'Inter',var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;color:#2C211C}
.footer-top h2,.sources-box h2,.panel-heading h2,.owner-profile h2{text-transform:none}

.hero h1{font-size:clamp(42px,4.2vw,58px);line-height:1.06;letter-spacing:-.025em;margin:22px 0 22px}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:600;text-transform:none;letter-spacing:-.02em}
.page-intro h1{font-size:42px;line-height:1.1}
.article-header h1{font-size:clamp(40px,4.2vw,58px);line-height:1.08}
.not-found h1{font-size:45px}
h2{font-size:31px}
.section-heading h2{font-size:29px}
.places-copy h2{font-size:30px}
.approach-inner h2{font-size:25px}
.home-faq h2{font-size:29px}
.bottom-cta h2{font-size:31px}
.empty-state h2{font-size:24px}
.related-section h2{font-size:26px}
.contact-aside h2{font-size:22px}

@media(min-width:1500px){.hero h1{font-size:60px}}
@media(max-width:1150px){.hero h1{font-size:46px}.page-intro h1{font-size:38px}.section-heading h2{font-size:27px}.places-copy h2{font-size:27px}}
@media(max-width:900px){.hero h1{font-size:40px}.section-heading h2{font-size:25px}.places-copy h2{font-size:28px}.home-faq h2{font-size:25px}.prose h2{font-size:24px}}
@media(max-width:680px){.hero h1{font-size:40px}.page-intro h1{font-size:32px}.article-header h1{font-size:32px}.not-found h1{font-size:35px}.section-heading h2{font-size:25px}.places-copy h2{font-size:26px}.home-faq h2{font-size:25px}.related-section h2{font-size:24px}.bottom-cta h2{font-size:27px}.approach-inner h2{font-size:25px}.prose h2{font-size:22px}}
@media(max-width:370px){.hero h1{font-size:34px}.page-intro h1,.article-header h1{font-size:27px}.prose h2{font-size:20px}}

/* Home page — the hero band ---------------------------------------------------
   The band is the page's own cream rather than a colour of its own, and the
   header above it is cream too, so the top of the home page reads as one open
   field instead of a cream strip above a dark box. What marks the hero out now is
   scale and air — the largest headline on the site, with more room around it than
   any other section gives — plus the one gold shape the layout already had: the
   offset panel sitting behind the photograph.
   The headline itself is the site's ink. The gold lands on the two words that
   carry the promise, painted as a highlighter swipe behind them rather than as
   coloured type. Gold on cream is 1.7:1, so as a text colour it would be
   unreadable; as a band under ink it is 8.9:1. The eyebrow, the footnote and the
   scribble take the deep terracotta, the one accent that can carry small text. */
.hero-band{background:var(--cream);overflow:hidden}
.hero-band .hero{padding-block:76px 88px}
.hero-band .eyebrow{color:#A84A28}
.hero-band h1{color:#2C211C;font-size:clamp(46px,5.1vw,70px);line-height:1.06;letter-spacing:-.032em;margin:26px 0}
.hero-band h1 em{font-family:'Inter',var(--sans);font-style:normal;font-weight:900;color:#2C211C;letter-spacing:-.032em;background-image:linear-gradient(#F4B942,#F4B942);background-repeat:no-repeat;background-size:100% .34em;background-position:0 92%}
.hero-band .hero-copy>p{color:#43332A;font-size:17px;line-height:1.75}
.hero-band .hero-actions{margin-top:32px}
.hero-band .button{background:#F4B942;border-color:#F4B942;color:#2C211C;font-weight:600;padding:16px 26px}
.hero-band .button:hover{background:#E0A62B;border-color:#E0A62B;color:#2C211C}
.hero-band .button-outline{background:#FFFDF8;border-color:#2C211C;color:#2C211C}
.hero-band .button-outline:hover{background:#fff;border-color:#2C211C;color:#2C211C}
.hero-band .hero-footnote{color:#7A6455}
.hero-band .hero-footnote span{color:#B9A692}
.hero-band .hero-footnote .icon{color:#A84A28}
.hero-band .hero-scribble{color:#E8795B}
.hero-band .hero-visual:before{background:#F4B942 var(--tile) 0 0/38px 38px}
.hero-band .hero-image-wrap{border-radius:24px;background:#F1E5D4}
.hero-band .hero-image-wrap:after{background:linear-gradient(transparent,#2C211C4d)}
.hero-band .ola-stamp{background:#F4B942;border-color:#F4B942;color:#2C211C;outline-color:var(--cream)}
.hero-band .hero-photo-note{background:#fff;border-color:#E8DCCB}

/* The strip peeking out under the picture. The card is the white panel and this
   is the colour under it — the two supporting accents, terracotta into the
   Atlantic blue, running out from the gold. It sits in the hero-visual's 19px
   bottom padding, so it starts exactly at the card's lower edge and takes the
   card's own 24px corner. */
.hero-band .hero-visual:after{content:'';position:absolute;left:16px;right:0;bottom:5px;height:14px;border-radius:0 0 24px 24px;background:linear-gradient(90deg,#F4B942,#E8795B 58%,#79B7C5)}

/* Buttons are pills across the site, not just in the hero: the reference's
   buttons are all the same pill, and a page carrying both shapes would read as
   two designs. This is the only rule here that reaches past the home page. */
.button{border-radius:999px}

.trust-strip{border-block:1px solid #EBD9B4;background:#F4B942}
.trust-strip>.container>span{color:#6B3F08}
.trust-strip>.container>div{color:#2C211C}
.trust-strip .icon{color:#2C211C}

@media(min-width:1500px){.hero-band h1{font-size:70px}}
@media(max-width:1150px){.hero-band h1{font-size:52px}}
@media(max-width:900px){.hero-band h1{font-size:45px}.hero-band .hero{padding-block:52px 62px}}
@media(max-width:680px){.hero-band h1{font-size:38px}.hero-band .hero{padding-block:40px 48px}}
@media(max-width:370px){.hero-band h1{font-size:32px}}

/* Editorial colour system — roles ---------------------------------------------
   The palette lives in :root above: cream #FFF8EC for the page, warm beige
   #F5EBDD for the alternating bands, white #FFFFFF for every card, ink #2C211C
   for type, #E8DCCB for borders, and three accents doing three separate jobs —
   gold #F4B942 for the primary buttons and the few large shapes, terracotta
   #E8795B for eyebrows, links and small marks, Atlantic blue #79B7C5 for the two
   places that are about place rather than about the interface.
   Gold and terracotta are both too light to carry small text on cream — 1.7:1
   and 2.7:1 — so the 11px labels, the links and the numeric read-outs use
   #A84A28, which is the terracotta taken down until it clears 4.5:1 on both the
   cream and the beige. On the two gold surfaces that same job falls to #6B3F08.
   Every gold background carries ink on it, never white: white on gold is 1.7:1,
   ink on gold is 8.9:1. */
.button,.button:hover{color:#2C211C}
.button-cream{background:#2C211C;border-color:#2C211C;color:#FFF8EC}
.button-cream:hover{background:#1C1411;border-color:#1C1411;color:#FFF8EC}
.button-outline{background:#FFFDF8;border-color:#2C211C;color:#2C211C}
.button-outline:hover{background:#fff;border-color:#2C211C;color:#2C211C}
.skip-link{background:#F4B942;color:#2C211C}
.toast{background:#2C211C;color:#FFF8EC}
.brand,.brand-mark{color:#A84A28}
.prose th{background:#F4B942;color:#2C211C}
.filter-button[aria-pressed=true]{color:#A84A28}
.segmented input:checked+span{background:#F4B942;color:#2C211C}
.result-value,.result-row.total span,.result-actions button{color:#A84A28}
.eyebrow{color:#A84A28}
.panel-heading .eyebrow{color:#A84A28}
.main-nav>a:not(.button):hover,.main-nav>a[aria-current]{color:#A84A28}
.text-link:hover,.guide-card h3 a:hover,.prose a:hover,.breadcrumbs a:hover{color:#A84A28}
.prose a:not(.button):not(.text-link){color:#A84A28;text-decoration-color:#EFC9BA}
.approach-item>.icon{color:#A84A28}
.faq-list summary>span{color:#A84A28}
.breadcrumbs{color:#7A6455}
::selection{background:#F7DFAE;color:#2C211C}
:focus-visible{outline-color:#E8795B}
.site-header{border-bottom-color:#E8DCCB}
.tool-card{background:#fff;border-color:#E8DCCB}
.tool-card:hover{border-color:#DBCBB2}
.guide-card{background:#fff;border-color:#E8DCCB}
.calculator-panel{background:#fff}
.toc{background:#fff}
.toc a{color:#6F5D52;border-left-color:#E8DCCB}
.city-card{background:#F1E5D4}
.city-card:after{background:linear-gradient(transparent,#2C211CC4)}
.guides-section{background:#F5EBDD;border-block-color:#E8DCCB}
.approach-section{background:#F5EBDD;border-block-color:#E8DCCB}
.bottom-cta{background:#F4B942}
.bottom-cta .eyebrow{color:#6B3F08}
.bottom-cta h2{color:#2C211C}
.bottom-cta p{color:#6B3F08}
.cta-doodle{color:#2C211C1a}
.site-footer{background:#F5EBDD}
.site-footer:before{background:#F4B942 var(--tile) 0 0/64px 64px;border-bottom-color:#E8DCCB}
.footer-brand .brand,.footer-top h2{color:#2C211C}
.footer-brand .brand-mark{color:#A84A28}
.footer-brand>p{color:#7A6455}
.footer-note,.footer-bottom{color:#7A6455}
.footer-top>div:not(:first-child)>a,.footer-bottom a{color:#5C4A3E}
.footer-top a:hover,.footer-bottom a:hover{color:#A84A28}
.footer-bottom{border-top-color:#E8DCCB}
.sources-box{background:#fff;border-color:#E8DCCB}
.results-panel{background:#F5EBDD;border-color:#E4D6C0}
.tools-note,.intro-meta{color:#7A6455}
.owner-placeholder{background:#F5EBDD;border-color:#D8C7AC}
.filter-button{border-bottom-color:transparent;color:#7A6455}
.field small,.field-hint{color:#7A6455}
.field select,.field textarea{border-color:#E8DCCB;background:#FFFDF8}
.input-prefix,.input-suffix{color:#7A6455}
.search-box .icon{color:#7A6455}
.sidebar-tool{background:#F5EBDD;border-color:#E8DCCB}
.sidebar-tool>.icon{color:#A84A28}
.notice{background:#F7EEDF;border-color:#E8DCCB;color:#6B5A42}
.notice>.icon{color:#A84A28}
.notice.green{background:#F8E6DA;border-color:#EFCFBC;color:#7A4A32}
.chart-legend{color:#7A6455}
.segmented{background:#FBF3E4;border-color:#EADFC8}
.sources-box li>a{color:#A84A28;text-decoration-color:#EFC9BA}
.result-label{color:#A84A28}
.result-context,.result-note,.result-value small,.result-row span{color:#6F5D52}
.result-status{border-color:#D8C7AC;background:#EFE2CE;color:#6F4C3C}
.result-status.warn{border-color:#DFCFA8;background:#F6EFDD;color:#6E5C33}
.result-chart span,.chart-legend i{background:#E8795B}
.result-chart .tax,.chart-legend .tax i,.prose h2:before{background:#F4B942}
.result-chart .ss,.chart-legend .ss i{background:#79B7C5}
.toc a:hover{border-left-color:#F4B942}
.prose table{border-color:#E8DCCB}
.prose td,.prose th{border-bottom-color:#EFE6D5}
.prose tbody tr:nth-child(even) td{background:#FDF7EC}
.prose tbody tr:hover td{background:#F8F0E1}
.prose blockquote{background:#F5EBDD;border-left-color:#E8795B;color:#5C4A3E}
.prose code{background:#F5EBDD;color:#2C211C}

/* The five tool cards used to carry a different pastel each. On a palette this
   warm they all read as the same pale cream, so they are one tile now — the pale
   gold wash with the deep terracotta mark, which is what the five tints were
   approximating anyway. */
.sage,.sand,.rose,.blue,.lavender{background:#FBF1DC;color:#A84A28}

/* The Atlantic blue, in the two places that are about place rather than about
   the interface: the location tag on the hero photograph and the badge on each
   city card. Nowhere else. Cream on this blue is only 2.1:1, so both carry the
   ink instead, which puts them at 7.0:1. */
.photo-location{background:#79B7C5;color:#2C211C;padding:5px 12px;border-radius:999px}
.city-arrow{background:#79B7C5;border-color:#79B7C5;color:#2C211C}

/* The blog index opens on a full-bleed band, the only page on the site that
   does. The gold is the token the bottom call to action already uses, so the
   band is a sibling of that panel rather than a new colour, and the ink and
   ochre-brown are the two text colours that panel already proved on it
   (8.8:1 and 5.0:1). The azulejo motif is masked to the right-hand margin so it
   cannot run under the heading or the paragraph, and the three shapes sit in
   that same margin. Below 1300px the container closes to within a few pixels of
   where the shapes start, so they are switched off rather than crowded in —
   the band keeps its ground and the text keeps its air. */
.page-hero{position:relative;overflow:hidden;background:#F4B942;border-bottom:1px solid #E0A72E}
.page-hero:before{content:'';position:absolute;inset:0;background:var(--tile) 0 0/64px 64px;-webkit-mask-image:linear-gradient(90deg,#0000 46%,#000);mask-image:linear-gradient(90deg,#0000 46%,#000)}
.page-hero-inner{position:relative;z-index:1;padding-block:72px 76px}
.page-hero h1{font-size:54px;line-height:1.05;letter-spacing:-.035em;color:#2C211C;margin:0 0 20px;max-width:900px}
.page-hero p{font-size:17px;line-height:1.8;color:#6B3F08;max-width:760px;margin:0}
.page-hero-decor{display:none;position:absolute;inset:0;pointer-events:none}
.page-hero-decor .decor-ring{position:absolute;right:6%;top:50%;width:200px;height:200px;margin-top:-100px;border:2px dashed #ffffff5c;border-radius:50%}
.page-hero-decor .decor-dot{position:absolute;right:12%;top:20%;width:68px;height:68px;border-radius:50%;background:#ffffff94}
.page-hero-decor .decor-square{position:absolute;right:17%;bottom:15%;width:88px;height:88px;border:2px solid #ffffff73;border-radius:8px;transform:rotate(18deg)}
@media(min-width:1300px){.page-hero-decor{display:block}}
.blog-directory{padding-top:52px}

/* The post count under the toolbar was removed from the page on request; the
   live region stays so filtering still announces itself to a screen reader. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* The article byline replaced the read-time / word-count / review-date strip.
   It now carries the two facts a reader actually weighs — who wrote it and when
   — and keeps the hairline that used to sit above the strip, so the header
   still closes with a rule rather than trailing off. The name is the one piece
   of ink in the line; the date sits back in the muted brown. */
.article-byline{margin-top:26px;padding-top:20px;border-top:1px solid #E8DCCB;display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px;color:#7A6455}
.article-byline b{font-weight:600;color:#2C211C}
.article-byline span{color:#C3B3A2}

@media(max-width:1150px){.page-hero-inner{padding-block:60px 64px}.page-hero h1{font-size:46px}.blog-directory{padding-top:44px}.page-hero + .about-grid{padding-top:44px}}
@media(max-width:680px){.page-hero-inner{padding-block:44px 48px}.page-hero h1{font-size:34px;letter-spacing:-1.3px;margin-bottom:15px}.page-hero p{font-size:15px;line-height:1.85}.blog-directory{padding-top:34px}.page-hero + .about-grid{padding-top:34px}.article-byline{font-size:12px;margin-top:20px;padding-top:16px}}
@media(max-width:370px){.page-hero h1{font-size:29px}}

/* Home page banding -----------------------------------------------------------
   The home page used to run cream from the hero all the way to the CTA, broken
   only by the gold trust strip. These three bands put white between the cream
   sections so the page reads in stripes: cream hero, gold strip, white tools,
   cream posts, white places, cream approach, white questions, gold CTA.
   The sections are containers, so a plain background would paint a centred box
   narrower than the viewport. The spread shadow paints the colour out past the
   container's own edges and the matching clip keeps it inside this section, so
   the band is full-bleed with square ends and no leak into its neighbours. */
.band-white{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}

/* The results panel sat beside the form as a cream box, so the two halves of one
   calculator read as different materials bolted together. It is now the same
   white card as the form it answers — same border, same shadow — and the
   hairlines inside it move from the old pink-grey to the site’s own line
   colour, which is what the form fields already use. The two accent pills keep a
   warm tint so the instalment note and the exemption warning still read as
   notes rather than as ordinary rows. */
.results-panel{background:#fff;border-color:#E8DCCB;box-shadow:0 1px 2px #3d2c2408,0 16px 40px -26px #3d2c242e}
.result-breakdown{border-top-color:#E8DCCB}
.result-row{border-bottom-color:#F0E6D8}
.result-actions button{border-color:#E0D2BC}
.result-status{border-color:#E8DCCB;background:#FBF4E6;color:#6F4C3C}
.result-status.warn{border-color:#EBDCB4;background:#FDF7E8;color:#6E5C33}

/* The author card. It used to open with a dashed placeholder frame reserving
   space for a portrait that does not exist yet, which made the first thing a
   reader saw about the person who writes this site an empty box. The frame now
   only appears when there is actually a photograph to put in it; otherwise the
   card opens on the name. The heading carries the same treatment as every
   other section heading on the site — Inter 900, capitals, and the short gold
   bar above it — so the card reads as a section of the page rather than as a
   panel that happens to sit beside one. */
.owner-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 24px;margin-bottom:24px}
.owner-card h2{font-family:'Inter',var(--sans);font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:#2C211C;line-height:1.15;margin:0 0 18px}
.owner-card h2:before{content:'';display:block;width:44px;height:4px;border-radius:2px;background:#F4B942;margin-bottom:13px}
.owner-name{font-family:'Inter',var(--sans);font-size:25px;font-weight:800;letter-spacing:-.025em;color:#2C211C;line-height:1.2;margin:0 0 7px}
.owner-bio{font-size:14px;line-height:1.8;color:#6F5D52;margin:0}
.owner-note{font-size:13px;line-height:1.9;color:#6F5D52;margin:16px 0 18px;padding-top:16px;border-top:1px solid #EFE4D6}
.owner-card .owner-photo{margin-bottom:18px}
@media(max-width:680px){.owner-card{padding:22px 20px}.owner-card h2{font-size:20px}.owner-name{font-size:22px}.owner-note{font-size:12.5px}}

/* Navigation, gold strip and footer -------------------------------------------
   Three changes that belong together, because all three are about hierarchy in
   the same furniture: the nav row, the strip under the hero, and the footer.

   1. The nav call to action carried the base .button weight (500) while the
      links beside it are 800, so the pill read as the one thing in the row that
      had not been styled. It is bold now.
   2. The gold strip had one label at 600 and three at 400. All four are labels,
      not prose, so all four are bold.
   3. The footer was the warm beige band. It is white now, and its type is a step
      larger and in the ink colour, so a reader who scrolls to the bottom gets
      the same contrast as the rest of the page instead of a dimmer one. */
.nav-cta{font-weight:700}
.trust-strip>.container>span,.trust-strip>.container>div{font-weight:700}
.site-footer{background:#fff}
.footer-brand>p{font-size:14px;color:#2C211C}
.footer-note{font-size:13px;color:#2C211C}
.footer-top h2{font-size:15px;color:#2C211C}
.footer-top>div:not(:first-child)>a{font-size:14px;color:#2C211C;margin-bottom:11px}
.footer-bottom{font-size:13px;color:#2C211C}
.footer-bottom a{color:#2C211C}
@media(max-width:900px){
.footer-top h2{font-size:14px}
.footer-top>div:not(:first-child)>a{font-size:13.5px}
.footer-brand>p{font-size:13.5px}
.footer-note{font-size:12.5px}
.footer-bottom{font-size:12.5px}}
@media(max-width:680px){
.footer-top h2{font-size:13.5px}
.footer-top>div:not(:first-child)>a{font-size:13px}
.footer-brand>p{font-size:13px}
.footer-note{font-size:12px}
.footer-bottom{font-size:12px}}