/*
Theme Name: Luyren
Description: Een licht WordPress-blokthema in diepgroen, ivoor en goud.
Version: 1.6.0
Author: Luyren
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luyren
*/

:root{--green:#0e3d2e;--dark:#09291f;--cream:#f7f3ea;--gold:#d9c6ab;--ink:#282828}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b58b4f;outline-offset:5px}header{padding:23px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d7cb;background:var(--cream);position:relative;z-index:5}.brand{font-family:Georgia,serif;font-size:33px;letter-spacing:5px;color:var(--green)}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:5px;text-align:center;margin-top:3px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav .contact{border:1px solid #a3aa99;padding:13px 20px}.menu{display:none}.wrap{max-width:1400px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:680px}.intro{padding:90px 8% 65px 10.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;display:flex;gap:12px;align-items:center;font-weight:600}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(48px,5.4vw,82px);line-height:1.06;letter-spacing:-3px;color:var(--green);margin:30px 0}em{font-weight:400;color:#8c795b}p{line-height:1.8;font-size:15px;color:#62675e}.intro p{max-width:370px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--cream);padding:19px 24px;font-size:12px;border:1px solid var(--green);cursor:pointer}.btn:hover{background:#18543f}.intro .btn{margin-top:19px}.small-note{font-size:10px;letter-spacing:.4px;margin-top:24px;color:#71786b}.visual{background:var(--green);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:600px}.visual:before{content:'';position:absolute;width:440px;height:550px;border:1px solid #d9c6ab38;border-radius:240px 240px 0 0;transform:rotate(20deg);top:60px;right:-70px}.visual:after{content:'';position:absolute;inset:25px;border:1px solid #d9c6ab26;pointer-events:none}.v-label{position:absolute;left:40px;top:45px;color:var(--gold);font-size:9px;letter-spacing:2px}.browser{background:var(--cream);width:78%;position:relative;box-shadow:0 30px 60px #001c1670;transform:rotate(-6deg);z-index:1}.chrome{height:22px;border-bottom:1px solid #ded9cb;display:flex;align-items:center;padding:0 10px;gap:3px}.chrome i{width:3px;height:3px;border-radius:50%;background:#ada99e}.mock-nav{display:flex;justify-content:space-between;padding:16px 20px;font-size:6px;color:var(--green)}.mock-nav b{font-family:Georgia,serif;font-size:13px;letter-spacing:2px;font-weight:400}.mock-content{display:grid;grid-template-columns:1.1fr 1fr;min-height:230px}.mock-copy{padding:28px 0 30px 23px}.mock-copy span{font-size:6px;letter-spacing:1px}.mock-copy h3{font-size:29px;line-height:1.05;margin:17px 0;color:var(--green)}.mock-copy p{font-size:6px;line-height:1.8;max-width:115px}.mock-button{display:inline-block;background:var(--green);color:white;font-size:5px;padding:9px 13px;margin-top:6px}.sculpture{margin:12px 18px 25px;background:#ded6c5;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.arch{width:76%;height:82%;border-radius:100px 100px 0 0;background:linear-gradient(105deg,#123b2f,#32604b 55%,#0a2c22);box-shadow:14px 5px 30px #51473355;display:flex;align-items:center;justify-content:center;color:var(--gold);font:100px Georgia}.mock-bottom{padding:17px 23px;background:#e9e5db;display:flex;gap:20px;font-size:6px;letter-spacing:1px}.phone{position:absolute;width:100px;height:190px;background:var(--dark);border:5px solid #253d30;border-radius:13px;right:8%;bottom:110px;z-index:2;box-shadow:0 18px 30px #001c1655;padding:22px 9px;color:var(--cream);transform:rotate(8deg)}.phone .mini-logo{font:9px Georgia;letter-spacing:2px}.phone h3{font-size:22px;margin-top:20px}.phone hr{border:0;border-top:1px solid var(--gold)}.v-caption{position:absolute;left:40px;bottom:42px;color:var(--gold);font-size:9px;letter-spacing:1.6px}.v-number{position:absolute;right:40px;bottom:38px;font:20px Georgia;color:var(--gold)}.strip{padding:28px 5.5%;display:flex;justify-content:space-between;border-bottom:1px solid #d9d7cb;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#627060}.strip span:before{content:'✦';color:#9b886a;margin-right:16px}section{padding:100px 5.5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head h2{font-size:48px;line-height:1.15;color:var(--green);margin:20px 0 0;letter-spacing:-1.5px}.section-head p{max-width:330px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfcfc0}.service{padding:30px 32px 10px 0}.service+.service{padding-left:32px;border-left:1px solid #cfcfc0}.num{font:13px Georgia;color:#8c795b}.service h3{font-size:28px;color:var(--green);margin:34px 0 18px}.service p{font-size:13px}.tags{font-size:10px;line-height:2.3;color:#71786b;margin-top:25px}.about{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:85px 8%}.about .eyebrow{color:var(--gold)}.about h2{font-size:47px;line-height:1.2;margin:25px 0 0}.about p{color:#d0d7cc}.about .signature{font:italic 25px Georgia;color:var(--gold);margin-top:25px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{border-top:1px solid #b8bcae;padding-top:22px}.step h3{font-size:24px;color:var(--green);margin:25px 0 12px}.step p{font-size:13px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-size:39px;color:var(--green)}details{border-bottom:1px solid #cfcfc0;padding:21px 0}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:20px;color:#8c795b}details[open] summary:after{content:'−'}details p{font-size:13px;margin:18px 30px 0 0}.contact-section{background:#eae6db;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 8%}.contact-section h2{font-size:56px;line-height:1.08;color:var(--green);margin:25px 0;letter-spacing:-2px}.email{font-family:Georgia,serif;font-size:23px;border-bottom:1px solid #a99c81;padding-bottom:7px;display:inline-block;margin-top:13px}label{font-size:11px;color:var(--green);display:block;margin:0 0 8px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #9ca392;border-radius:0;padding:8px 0 12px;margin-bottom:22px;color:var(--green)}textarea{min-height:85px;resize:vertical}.form-note{font-size:10px;line-height:1.7;margin:14px 0 0}footer{padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#6b7366}footer .brand{font-size:24px}.footer-links{display:flex;gap:25px}.privacy{max-width:650px;border:0;background:var(--cream);padding:35px;color:var(--ink)}.privacy::backdrop{background:#09291fa8}.privacy h2{color:var(--green)}.privacy p{font-size:13px}.text-button{border:0;background:none;color:inherit;cursor:pointer;padding:0;font-size:inherit}@media(min-width:1550px){header,footer,.strip{padding-left:calc((100vw - 1245px)/2);padding-right:calc((100vw - 1245px)/2)}}@media(max-width:900px){nav{gap:18px}.hero{min-height:auto}.intro{padding:65px 9%}h1{font-size:58px}.visual{min-height:560px}.mock-copy h3{font-size:23px}.mock-content{min-height:200px}.arch{font-size:75px}.phone{right:5%;bottom:100px}.strip{gap:20px;flex-wrap:wrap}.section-head h2{font-size:40px}.about{gap:7%}.about h2{font-size:39px}.steps{grid-template-columns:repeat(2,1fr)}.contact-section h2{font-size:46px}}@media(max-width:650px){header{padding:19px 6%}.brand{font-size:28px}.menu{display:block;border:1px solid #b2b6a7;background:none;padding:10px;font-size:12px;color:var(--green)}nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--cream);padding:25px 6%;flex-direction:column;align-items:stretch;border-bottom:1px solid #ccc}nav.open{display:flex}.hero{grid-template-columns:1fr}.intro{padding:58px 7% 50px}h1{font-size:60px}.intro p{font-size:14px}.visual{min-height:430px}.browser{width:73%;max-width:390px}.mock-content{min-height:200px}.phone{right:9%;bottom:61px;width:86px;height:162px}.phone h3{font-size:18px;margin-top:15px}.v-label{top:27px;left:27px}.v-caption{bottom:27px;left:27px;font-size:8px}.v-number{bottom:23px}.strip{padding:25px 7%;font-size:8px;gap:18px}.strip span{width:45%}.strip span:before{margin-right:8px}section{padding:65px 7%}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:25px}.section-head h2{font-size:39px}.services{grid-template-columns:1fr}.service,.service+.service{padding:25px 0;border-left:0;border-bottom:1px solid #cfcfc0}.service h3{margin:20px 0 13px}.tags{margin-top:12px}.about{display:block;padding:60px 7%}.about h2{font-size:39px;margin-bottom:30px}.steps{gap:28px 20px}.step h3{font-size:22px}.faq{display:block;padding-top:0}.faq h2{font-size:35px}.contact-section{display:block;padding:60px 7%}.contact-section h2{font-size:47px}.contact-section form{margin-top:45px}footer{padding:30px 7%;flex-wrap:wrap}.footer-links{gap:18px}.copyright{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wp-site-blocks{padding:0}.wp-site-blocks>*,.site-main>*{margin-block-start:0;margin-block-end:0}.wp-block-group{box-sizing:border-box}.wp-block-heading{font-weight:400}.strip p{margin:0;font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}.strip p:before{content:"✦";color:#9b886a;margin-right:16px}.num{margin:0}.eyebrow{line-height:1.5;color:inherit}.small-note{line-height:1.6}.standard-page{max-width:1000px;margin:auto;padding:70px 6%;min-height:65vh}.skip-link{position:absolute;left:16px;top:-100px;padding:15px;z-index:10000;background:#fff;color:#0e3d2e}.skip-link:focus{top:12px}.wp-block-html{margin:0}.editor-styles-wrapper .visual{min-height:400px}body{overflow-wrap:break-word}@media(max-width:650px){.strip p{width:45%}.strip p:before{margin-right:8px}nav{top:72px}}

/* Luyren 1.1: service pages, editorial content and original design studies. */
.text-link{display:inline-flex;gap:16px;align-items:center;font-size:13px;line-height:1.65;color:var(--green);border-bottom:1px solid #a5ad99;padding-bottom:5px;margin-top:16px}.text-link:hover{border-color:var(--green)}
#navigation{gap:27px}.nav-services{position:relative;padding:12px 0}.nav-service-links{display:none;position:absolute;top:100%;left:-20px;width:250px;padding:15px 20px;background:var(--cream);border:1px solid #c9cebf;box-shadow:0 15px 25px #09291f12}.nav-service-links a{display:block;padding:12px 0;font-size:12px}.nav-services:hover .nav-service-links,.nav-services:focus-within .nav-service-links{display:block}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c7cdbf}.service-item{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px 0}.service-item:first-child{padding-left:0}.service-item:last-child{padding-right:0}.service-item+.service-item{border-left:1px solid #c7cdbf}.service-item h3{font-size:27px;color:var(--green);margin:28px 0 18px;line-height:1.2}.service-item>p:not(.num){font-size:13px}.service-item .tags{margin-top:auto;min-height:50px}.service-item .text-link{font-size:12px;margin-top:12px}
.design-section{background:#e9e5da}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.design-study{margin:0}.design-study img{width:100%;height:auto;display:block}.design-study figcaption{padding:24px 0 0}.design-study h3{font-size:27px;color:var(--green);margin-bottom:10px}.design-study p{font-size:13px;margin-bottom:0}.study-note{font-size:11px;margin:30px 0 0;color:#636a5f}.design-section .section-head p{max-width:370px}
.route-section{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;background:#e9e5da}.route-section h2{font-size:43px;line-height:1.15;letter-spacing:-1.3px;color:var(--green);margin:20px 0}.route-panel{background:var(--cream);border:1px solid #d7d6c8;padding:30px}.route-options{display:flex;flex-direction:column;gap:10px}.route-option{padding:16px 18px;text-align:left;border:1px solid #bdc5b5;color:var(--green);background:none;cursor:pointer;font-size:13px;line-height:1.6}.route-option.active{background:var(--green);border-color:var(--green);color:var(--cream)}#route-result{margin-top:30px;min-height:170px}#route-result h3{color:var(--green);font-size:26px;line-height:1.25;margin:0 0 15px}#route-result p{font-size:13px;margin:0}.route-panel noscript p{font-size:13px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.journal-card{padding:26px 0 0;border-top:1px solid #b9c0ae;display:flex;align-items:flex-start;flex-direction:column}.journal-card h3{font-size:29px;line-height:1.2;color:var(--green);margin:20px 0}.journal-card h3 a:hover{color:#68755f}.journal-card>p:not(.eyebrow){font-size:13px}.journal-card .text-link{margin-top:auto}.journal-card .reading-time{font-size:10px;margin-top:18px;color:#676e61}.knowledge-home .section-head{align-items:center}
.expanded-footer{display:block;padding:65px 5.5% 25px;background:var(--dark);color:#d9e0d3}.footer-top{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:65px}.expanded-footer .brand{color:var(--cream);font-size:30px}.footer-top p{color:#bac7b8;font-size:13px;margin:22px 0}.footer-top h2{font:11px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:9px 0 25px}.footer-top>div>a:not(.brand){display:block;font-size:12px;line-height:1.5;margin:0 0 14px}.footer-top a:hover{color:var(--gold)}.footer-email{color:var(--cream)}.footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:28px;margin-top:50px;font-size:10px;color:#c2cabc}.expanded-footer .footer-links{font-size:11px}
.detail-page .wp-block-post-content>*{margin-block-start:0;margin-block-end:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:13px;align-items:center;padding:32px 5.5% 0;font-size:11px;color:#6c7565}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:52px;padding-bottom:80px;align-items:center}.detail-hero h1{font-size:clamp(45px,4.5vw,68px);letter-spacing:-2px;line-height:1.09;margin:24px 0}.lead{font-size:17px;line-height:1.8}.detail-hero .lead{max-width:540px}.detail-hero .btn{margin-top:15px}.detail-hero figure{margin:0}.detail-hero img{width:100%;height:auto;display:block}.detail-hero figcaption{font-size:10px;line-height:1.7;margin:14px 0;color:#626d5c}.content-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;background:#eae6dc}.content-split h2,.editorial-band h2,.detail-faq h2,.related-reading h2{font-size:45px;line-height:1.15;color:var(--green);letter-spacing:-1.2px;margin:22px 0}.content-split>div>p{max-width:380px}.feature-list article{display:grid;grid-template-columns:28px 1fr;gap:22px;padding:26px 0;border-top:1px solid #b8c1ad}.feature-list article:first-child{padding-top:0;border-top:0}.feature-list article:last-child{padding-bottom:0}.feature-list h3{font-size:27px;line-height:1.25;color:var(--green);margin:0 0 12px}.feature-list p{font-size:14px;margin:0}.feature-list .num{padding-top:6px}.editorial-band{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;border-bottom:1px solid #d6d9cd}.editorial-band>div>p:last-of-type{margin-bottom:10px}.detail-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.detail-faq details:first-child{border-top:1px solid #cfcfc0}.related-reading{padding-top:45px;padding-bottom:65px}.related-reading h2{font-size:35px}.page-cta{background:var(--green);color:var(--cream);text-align:center;padding:80px 7%}.page-cta .eyebrow{justify-content:center;color:var(--gold)}.page-cta h2{font-size:clamp(35px,4vw,55px);line-height:1.15;max-width:800px;margin:23px auto;color:var(--cream);letter-spacing:-1px}.page-cta>p:not(.eyebrow){color:#d4dccf;max-width:620px;margin:0 auto 25px}.btn-light{background:var(--cream);border-color:var(--cream);color:var(--green)}.btn-light:hover{background:var(--gold);border-color:var(--gold)}
.journal-intro{padding-top:60px;padding-bottom:30px;max-width:1100px}.journal-intro h1{font-size:clamp(48px,5.4vw,72px)}.journal-intro .lead{max-width:640px}.journal-index{padding-top:35px}.article-header{max-width:1000px;padding:60px 5.5% 30px;margin:auto}.article-header h1{font-size:clamp(42px,4.6vw,64px);letter-spacing:-1.8px;line-height:1.13}.article-header .lead{color:#596653}.article-byline{font-size:11px;letter-spacing:.3px;margin-top:25px;color:#646d5f}.article-body{max-width:780px;padding:15px 24px 50px;margin:0 auto!important}.article-body p{font-size:16px;line-height:1.9;color:#505a4a;margin:0 0 22px}.article-body h2{font-size:31px;line-height:1.23;color:var(--green);margin:44px 0 18px;letter-spacing:-.6px}.article-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.article-body a:hover{color:#8c795b}.editorial-note{background:#e8e3d6;border-left:3px solid #a39373;padding:28px;margin:35px 0}.editorial-note h3{font-size:24px;color:var(--green);margin:0 0 13px}.editorial-note p{font-size:14px;line-height:1.85;margin:0}.table-scroll{overflow-x:auto;margin:30px 0}.table-scroll table{border-collapse:collapse;min-width:400px;width:100%;font-size:14px;line-height:1.7}.table-scroll caption{text-align:left;font-size:11px;padding:0 0 12px;color:#67725f}.table-scroll th{text-align:left;background:var(--green);color:var(--cream);font-weight:400}.table-scroll th,.table-scroll td{padding:15px;border-bottom:1px solid #bfc8b5;vertical-align:top}.table-scroll td:first-child{font-weight:600;color:var(--green)}.article-sources{border-top:1px solid #c8cdbf;margin-top:45px}.article-sources h2{font-size:21px;margin:25px 0 15px}.article-sources p{font-size:13px}.article-body+.related-reading{max-width:780px;margin:auto!important;padding:0 24px 65px}
@media(min-width:1600px){.detail-hero,.content-split,.editorial-band,.detail-faq,.design-section,.knowledge-home,.route-section,.page-cta,.journal-index,.expanded-footer{padding-left:calc((100vw - 1380px)/2);padding-right:calc((100vw - 1380px)/2)}}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-item{padding:30px 25px!important}.service-item:nth-child(3){border-left:0}.service-item:nth-child(n+3){border-top:1px solid #c7cdbf;margin-top:25px}.design-grid{gap:18px}.design-study h3{font-size:23px}#navigation{gap:18px}.content-split,.editorial-band{gap:7%}.detail-hero h1{font-size:48px}.footer-top{gap:35px}.journal-card h3{font-size:25px}}
@media(max-width:760px){.design-grid,.journal-grid{grid-template-columns:1fr}.design-grid{gap:38px}.design-study img{max-height:480px;object-fit:cover}.journal-card{padding-top:25px}.journal-card h3{max-width:550px}.journal-card .text-link{margin-top:5px}.route-section{grid-template-columns:1fr;gap:28px}.detail-hero{grid-template-columns:1fr;gap:40px;padding-top:35px}.detail-hero h1{font-size:52px}.detail-hero figure{max-width:650px}.content-split,.editorial-band,.detail-faq{grid-template-columns:1fr;gap:30px}.content-split>div>p{max-width:none}.detail-faq h2 br{display:none}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start}.article-header{padding-left:7%;padding-right:7%}.article-body{padding-left:7%;padding-right:7%}.article-body+.related-reading{padding-left:7%;padding-right:7%}}
@media(max-width:650px){.intro .eyebrow{font-size:10px;letter-spacing:1.5px}.intro h1{font-size:clamp(45px,12.5vw,60px)}#navigation{top:100%;gap:18px;max-height:calc(100vh - 95px);overflow-y:auto}.nav-services{padding:0}.nav-service-links{position:static;display:block;width:auto;box-shadow:none;border:0;padding:10px 0 0 15px}.nav-service-links a{padding:8px 0;font-size:12px}.service-grid{grid-template-columns:1fr}.service-item,.service-item:first-child,.service-item:last-child{padding:25px 0!important;border-left:0}.service-item+.service-item{border-top:1px solid #c7cdbf;border-left:0;margin-top:0}.service-item .tags{min-height:0;margin-bottom:10px}.service-item h3{margin-top:20px}.service-item .text-link{margin-top:6px}.design-study h3{font-size:28px}.study-note{font-size:11px}.route-section h2{font-size:37px}.route-panel{padding:24px 20px}.journal-card h3{font-size:30px}.footer-top{gap:32px 22px}.footer-top>div>a:not(.brand){font-size:12px;line-height:1.6}.expanded-footer{padding:50px 7% 25px}.footer-bottom{display:block;margin-top:35px;line-height:1.8}.footer-bottom .footer-links{margin-top:20px}.breadcrumbs{padding:25px 7% 0;gap:10px;font-size:10px}.detail-hero{padding:35px 7% 55px}.detail-hero h1{font-size:clamp(40px,10.5vw,55px);letter-spacing:-1.5px}.lead{font-size:16px}.content-split h2,.editorial-band h2,.detail-faq h2{font-size:37px}.feature-list article{gap:12px}.feature-list h3{font-size:25px}.feature-list p{font-size:14px}.detail-faq{padding-top:50px;padding-bottom:50px}.related-reading{padding-top:30px;padding-bottom:50px}.page-cta{padding:60px 7%}.page-cta h2{font-size:38px}.journal-intro{padding-top:35px;padding-bottom:15px}.journal-intro h1{font-size:46px;letter-spacing:-1.8px}.journal-index{padding-top:30px}.article-header{padding-top:35px}.article-header h1{font-size:43px;letter-spacing:-1.4px}.article-body h2{font-size:29px}.article-body p{font-size:15px}.editorial-note{padding:23px 20px}.table-scroll th,.table-scroll td{padding:12px}}

/* Phone and email are available from every page. */
.contact-details {
    display: grid;
    justify-items: start;
}
.floating-actions {
    position: fixed;
    right: max(24px, env(safe-area-inset-right));
    bottom: calc(24px + env(safe-area-inset-bottom));
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    max-width: calc(100% - 48px);
}
.floating-contact {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 18px;
    border: 1px solid var(--gold);
    border-radius: 999px;
    background: var(--green);
    color: var(--cream);
    box-shadow: 0 6px 24px #09291f30;
    text-decoration: none;
    line-height: 1.25;
}
.floating-contact svg { flex: 0 0 23px; color: var(--gold); }
.floating-contact small { display: block; margin-bottom: 3px; font-size: 10px; color: var(--gold); }
.floating-contact strong { display: block; font-size: 13px; font-weight: 600; }
.floating-contact:hover { background: #18543f; }
.floating-phone { background: var(--cream); color: var(--green); }
.floating-phone svg, .floating-phone small { color: var(--green); }
.floating-phone:hover { background: #efe6d7; }
.floating-contact:focus-visible { outline: 3px solid #b58b4f; outline-offset: 3px; }
.expanded-footer { padding-bottom: 105px; }
@media (max-width: 650px) {
    .floating-actions {
        right: max(12px, env(safe-area-inset-right));
        bottom: calc(12px + env(safe-area-inset-bottom));
        max-width: calc(100% - 24px);
        gap: 6px;
    }
    .floating-contact { min-height: 46px; padding: 9px 12px; gap: 7px; }
    .floating-contact svg { width: 19px; height: 19px; flex-basis: 19px; }
    .floating-contact strong { font-size: 12px; }
    .floating-contact small { display: none; }
    .expanded-footer { padding-bottom: 90px; }
}
@media print { .floating-actions { display: none; } }

/* Crop the original wordmark’s margins within the home link. */
.site-header .header-wordmark {
    display: block;
    position: relative;
    overflow: hidden;
    flex: none;
    width: clamp(155px, 16.3vw, 212px);
    aspect-ratio: 439 / 111;
}
.site-header .header-wordmark img {
    position: absolute;
    width: 113.44%;
    max-width: none;
    height: auto;
    left: -6.61%;
    top: -37.84%;
}
.site-header .header-wordmark:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }

/* Images keep their space while the page loads. */
.hero-art { display: grid; align-items: center; overflow: hidden; background: var(--green); }
.hero-art img { display: block; width: 100%; height: auto; }
.design-study > a { display: block; }
.guide-figure { max-width: 828px; margin: 0 auto 32px; padding: 0 24px; }
.guide-figure img, .guide-thumbnail img { display: block; width: 100%; height: auto; }
.guide-figure figcaption { font-size: 13px; line-height: 1.55; color: #505a4a; margin-top: 9px; }
.guide-thumbnail { margin: 0 0 22px; }
@media (max-width: 650px) {
    .guide-figure { padding: 0 7%; margin-bottom: 22px; }
}

/* Visitors can complete the quote request without JavaScript. */
.rq-intro, .rq-form, .rq-success { width: min(90%, 900px); margin-inline: auto; }
.rq-intro { padding: 32px 0 8px; }
.rq-crumbs { display: flex; position: static; flex-direction: row; align-items: center; padding: 0; gap: 10px; font-size: 12px; color: #526059; }
.rq-crumbs a, .rq-success a { text-decoration: underline; text-underline-offset: 3px; }
.rq-intro h1 { font-size: clamp(46px, 6vw, 76px); line-height: 1.06; margin: 36px 0 18px; }
.rq-intro > p { max-width: 64ch; font-size: 17px; }
.rq-form { padding-bottom: 65px; }
.rq-form fieldset { padding: 0; border: 0; margin: 26px 0 0; min-width: 0; }
.rq-form legend, .rq-success h2 { font: clamp(25px, 3vw, 34px)/1.15 Georgia,serif; color: var(--green); padding: 0; margin-bottom: 14px; }
.rq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 16px; }
.rq-form .rq-choice { display: flex; align-items: center; gap: 12px; min-height: 48px; margin: 0; padding: 10px 14px; font-size: 15px; border: 1px solid #bbc2b3; color: var(--green); cursor: pointer; }
.rq-choice:has(input:checked) { background: #e6ecdF; border-color: var(--green); }
.rq-choice input[type=checkbox] { width: 19px; height: 19px; flex: none; margin: 0; padding: 0; accent-color: var(--green); }
.rq-form input:focus-visible, .rq-form textarea:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.rq-form .rq-field { display: block; font-size: 14px; margin: 0 0 9px; }
.rq-field span { display: block; margin-bottom: 5px; }
.rq-field input, .rq-field textarea { display: block; width: 100%; padding: 10px 12px; border: 1px solid #a8b5a5; border-radius: 0; color: #282828; background: #fffdf8; font-size: 16px; margin: 0; }
.rq-field textarea { resize: vertical; min-height: 100px; }
.rq-contact > .rq-field { margin-top: 9px; }
.rq-note { margin: 18px 0 12px; font-size: 13px; color: #4b594f; }
.rq-form .btn { margin: 0; }
.rq-errors { margin: 16px 0; padding: 14px 18px; border-left: 3px solid #a14732; background: #f3e9db; color: #482d26; }
.rq-errors ul { padding-left: 1.25em; margin: 6px 0 0; }
.rq-success { margin-block: 20px 65px; background: #e6ecdf; padding: 26px; }
.rq-success p { margin: 7px 0 12px; }
@media (max-width:650px) {
    .rq-intro, .rq-form, .rq-success { width: 86%; }
    .rq-intro { padding-top: 24px; }
    .rq-intro h1 { margin-top: 22px; }
    .rq-crumbs { background: transparent; border: 0; }
    .rq-grid { grid-template-columns: 1fr; }
    .rq-form .btn { max-width: 100%; gap: 16px; }
}

.rq-camping {padding:16px 0;border-top:1px solid #c4c8b8}
.rq-camping summary {cursor:pointer;color:var(--green);font:normal 22px/1.4 Georgia,serif}
.rq-camping .rq-options {margin:16px 0 0}
.rq-camping .rq-options legend {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
