:root{--ink:#102219;--forest:#17392b;--ivory:#f6f0e4;--muted:#dce5d8;--gold:#e9b678;--line:rgba(239,245,228,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ivory);font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid #f4b36d;outline-offset:4px}img{display:block;max-width:100%}
.review{position:relative;z-index:10;background:#e6bf8d;color:#1a2d22;padding:8px 20px;text-align:center;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.site-nav{position:absolute;z-index:9;top:36px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(23px,5vw,76px)}.site-nav img{width:190px;max-width:43vw;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.site-nav nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.site-nav nav a{text-decoration:none}.site-nav nav a:hover{text-decoration:underline}.site-nav nav a:last-child{border:1px solid rgba(255,255,255,.75);border-radius:100px;padding:11px 18px}
.hero{position:relative;min-height:670px;display:flex;align-items:end;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero) center 53%/cover no-repeat;animation:arrive 1.6s ease-out both}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,20,16,.91) 0%,rgba(7,20,16,.69) 34%,rgba(7,20,16,.14) 74%),linear-gradient(0deg,rgba(8,24,18,.78),transparent 50%)}.hero-inner{width:min(100%,1460px);margin:auto;padding:190px clamp(23px,5vw,76px) 80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#f0ca93}.hero h1{font:400 clamp(55px,6.8vw,110px)/.97 Georgia,'Times New Roman',serif;letter-spacing:-.065em;max-width:1030px;margin:23px 0 28px;text-wrap:balance}.hero h1 em{font-weight:400;color:#f0bc80}.hero p{font-size:clamp(17px,1.5vw,22px);line-height:1.55;max-width:650px;color:#f0f2e7;margin:0}.hero-foot{display:flex;align-items:center;gap:24px;margin-top:70px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f4e6ce}.hero-foot:before{content:"";width:51px;height:1px;background:#f2bf7f}.concept-note{display:inline-block;margin-top:20px;border:1px solid rgba(255,255,255,.42);border-radius:100px;padding:5px 11px;color:#f4ecd9;font-size:11px;letter-spacing:.06em}
.hub-intro{background:#f6f0e4;color:#193327;padding:85px 24px 95px}.wrap{max-width:1350px;margin:auto}.hub-intro .wrap{display:grid;grid-template-columns:.58fr 1fr;gap:clamp(24px,7vw,120px)}.mini{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ae734d}.hub-intro p{font:400 clamp(29px,3.2vw,48px)/1.21 Georgia,serif;letter-spacing:-.035em;margin:0}
.hub-gallery{padding:100px 24px 115px;background:radial-gradient(circle at 92% 0%,#294b38 0%,transparent 33%),#10271e}.gallery-top{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:31px;margin-bottom:38px}.gallery-top h2,.related h2{font:400 clamp(40px,4.2vw,68px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:10px 0 0}.gallery-top p{max-width:300px;color:#d3decf;margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.card{position:relative;text-decoration:none;background:#1d382b;border:1px solid rgba(255,255,255,.18);overflow:hidden;min-width:0}.card.feature{grid-column:1/-1;display:grid;grid-template-columns:1.12fr .88fr}.card img{width:100%;height:320px;object-fit:cover;transition:transform .6s ease}.card.feature img{height:100%;min-height:450px}.card:hover img{transform:scale(1.04)}.card-copy{padding:32px clamp(22px,3vw,47px) 42px;display:flex;flex-direction:column;justify-content:center}.card .index{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e8bb83}.card h3{font:400 clamp(31px,3vw,47px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.card p{margin:0;color:#d7dfd1;max-width:480px}.card .arrow{display:block;margin-top:26px;color:#e9bb83;font-size:14px;font-weight:700}.card-note{position:absolute;top:16px;left:16px;padding:5px 10px;background:rgba(12,29,21,.83);border:1px solid rgba(255,255,255,.4);border-radius:100px;font-size:11px;letter-spacing:.04em}
.article{background:#f8f2e6;color:#193629;padding:90px 24px 100px}.article-inner{max-width:970px;margin:auto}.article .article-inner>p:first-child{font:400 clamp(29px,3vw,43px)/1.28 Georgia,serif;letter-spacing:-.03em;color:#214532}.article p{max-width:840px;font-size:18px;line-height:1.78;margin:0 0 25px}.article h2{font:400 clamp(35px,3.4vw,52px)/1.13 Georgia,serif;letter-spacing:-.045em;margin:90px 0 22px;padding-top:30px;border-top:1px solid #b9c8b7}.article a{color:#1d553a}.article .related{margin-top:95px;border-top:1px solid #b9c8b7;padding-top:35px}.article .related h2{border:0;margin:0 0 20px;padding:0}.article .related ul{list-style:none;padding:0;margin:0}.article .related li{border-top:1px solid #c9d1c5;padding:16px 0;margin:0}.article .related li:last-child{border-bottom:1px solid #c9d1c5}.article .related a{font:400 clamp(21px,2.2vw,30px)/1.25 Georgia,serif;text-decoration:none}.article .related a:hover{text-decoration:underline}.article .cta{background:#dce8d7;padding:43px clamp(24px,4vw,60px);margin-top:75px}.article .cta h2{margin:0 0 10px;padding:0;border:0}.article .cta p:last-child{margin-bottom:0}.article .cta a{display:inline-block;background:#183d2b;color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;border-radius:100px}
.interlude{position:relative;min-height:460px;background:var(--interlude) center/cover no-repeat;display:flex;align-items:end}.interlude::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,19,15,.83),transparent 63%)}.interlude-inner{position:relative;width:min(1350px,100%);margin:auto;padding:60px 24px}.interlude q{display:block;max-width:690px;font:400 clamp(32px,3.5vw,56px)/1.1 Georgia,serif;letter-spacing:-.04em}.interlude .concept-note{margin-top:22px}
.outro{padding:95px 24px;background:#deb37c;color:#173629}.outro .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:75px;align-items:end}.outro h2{font:400 clamp(44px,5vw,76px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:13px 0 0}.outro p{font-size:18px;margin:0 0 25px}.outro a{display:inline-block;border-radius:100px;background:#173629;color:#fff;padding:14px 23px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.site-footer{padding:32px 24px;background:#0c1d17;color:#d7e1d2;font-size:14px}.site-footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@keyframes arrive{from{transform:scale(1.045);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:750px){.site-nav{padding:19px 21px}.site-nav img{width:145px}.site-nav nav{gap:10px}.site-nav nav a:not(:last-child){display:none}.site-nav nav a:last-child{padding:8px 10px;font-size:10px}.hero{min-height:650px}.hero::after{background:linear-gradient(0deg,rgba(5,18,14,.96) 0%,rgba(5,18,14,.78) 42%,rgba(5,18,14,.1) 100%)}.hero-inner{padding:190px 23px 50px}.hero h1{font-size:clamp(48px,11vw,76px)}.hero-foot{margin-top:44px}.hub-intro{padding:65px 23px}.hub-intro .wrap{display:block}.hub-intro .mini{margin-bottom:24px}.hub-gallery{padding:75px 23px}.gallery-top{display:block}.gallery-top p{margin-top:18px}.cards{display:block}.card,.card.feature{display:block;margin-bottom:20px}.card.feature img,.card img{height:270px;min-height:0}.card-copy{padding:26px 22px 33px}.card h3{font-size:31px}.article{padding:70px 23px}.article p{font-size:16px}.article h2{margin-top:65px}.interlude{min-height:370px}.outro{padding:70px 23px}.outro .wrap{display:block}.outro p{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before{animation:none}.card img{transition:none}}
.hero--split::before{left:47%;background-position:53% center}.hero--split::after{background:linear-gradient(90deg,#10271e 0%,#10271e 42%,rgba(16,39,30,.7) 55%,transparent 78%)}.hero--split .hero-inner{margin:0;width:65%;padding-right:0}.hero--split h1{max-width:760px}
.article-inner{counter-reset:guide-step}.article-inner>h2{counter-increment:guide-step}.article-inner>h2::before{content:"0" counter(guide-step) " / ";display:block;margin-bottom:12px;color:#ae764e;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.19em}
@media(max-width:750px){.hero--split::before{left:0;bottom:auto;height:350px}.hero--split::after{background:linear-gradient(0deg,#10271e 0%,rgba(16,39,30,.85) 52%,rgba(16,39,30,.1) 100%)}.hero--split .hero-inner{width:100%;padding:335px 23px 50px}}

/* Art direction v2: stronger brand typography and dimensional image stages. */
@font-face{font-family:Outfit;src:url('/assets/outfit-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:DM;src:url('/assets/dm-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body{font-family:DM,Arial,sans-serif;background:#0b1d18}
.review,.site-nav nav,.eyebrow,.mini,.section-kicker,.card .index,.card .arrow,.hero-foot{font-family:Outfit,Arial,sans-serif}
.site-nav{filter:drop-shadow(0 5px 15px rgba(0,0,0,.35))}
.hero{box-shadow:inset 0 -1px 0 rgba(248,221,174,.24),0 28px 75px rgba(0,0,0,.3)}
.hero::after{background:radial-gradient(circle at 75% 47%,transparent 0%,rgba(5,18,14,.17) 50%,rgba(5,18,14,.56) 100%),linear-gradient(90deg,rgba(5,19,15,.93) 0%,rgba(5,19,15,.73) 31%,rgba(5,19,15,.08) 76%),linear-gradient(0deg,rgba(5,18,14,.77),transparent 55%)}
.hero h1{font-family:Outfit,Arial,sans-serif;font-weight:700;font-size:clamp(57px,7vw,112px);line-height:.96;letter-spacing:-.066em;text-shadow:0 3px 4px rgba(0,0,0,.21),0 20px 42px rgba(0,0,0,.33)}
.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.075em;color:#f8c991;text-shadow:0 2px 2px rgba(51,23,3,.3),0 0 30px rgba(238,164,85,.24)}
.hero p{font-family:DM,Arial,sans-serif;font-size:clamp(18px,1.55vw,23px);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hub-intro p{font-family:Outfit,Arial,sans-serif;font-weight:700;line-height:1.18}
.gallery-top h2,.related h2,.article h2,.outro h2{font-family:Outfit,Arial,sans-serif;font-weight:700;letter-spacing:-.052em}
.hub-gallery{background:radial-gradient(circle at 12% 10%,rgba(74,122,79,.27),transparent 29%),radial-gradient(circle at 88% 84%,rgba(148,90,44,.18),transparent 34%),#0d251d}
.cards{gap:30px;padding:9px 8px 45px}
.card{isolation:isolate;border:1px solid rgba(249,221,167,.38);border-radius:20px;box-shadow:0 3px 0 rgba(229,197,137,.18),0 14px 30px rgba(0,0,0,.34),0 42px 80px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.22);background:linear-gradient(145deg,#2a4b36,#0d241d);transition:transform .45s ease,box-shadow .45s ease}
.card::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.43),inset 0 0 0 1px rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(255,238,203,.17),transparent 25%)}
.card:hover{transform:translateY(-8px);box-shadow:0 4px 0 rgba(229,197,137,.22),0 24px 42px rgba(0,0,0,.38),0 65px 110px rgba(0,0,0,.4)}
.card img{height:255px;filter:saturate(1.07) contrast(1.04);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease}
.card:hover img{transform:scale(1.055);filter:saturate(1.16) contrast(1.04)}
.card-copy{position:relative;z-index:2;background:linear-gradient(150deg,rgba(34,67,47,.97),rgba(13,36,28,.98));border-top:1px solid rgba(246,218,173,.22);padding:31px clamp(24px,3vw,45px) 40px}
.card h3{font-family:Outfit,Arial,sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.045em}
.card.feature{display:block;min-height:510px}
.card.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.card.feature::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,17,13,.9),rgba(4,17,13,.52) 47%,rgba(4,17,13,.1) 83%),linear-gradient(0deg,rgba(4,17,13,.78),transparent 60%)}
.card.feature .card-copy{min-height:510px;width:min(63%,730px);display:flex;flex-direction:column;justify-content:end;background:transparent;border:0;padding:60px}
.card.feature h3{font-size:clamp(44px,4.7vw,72px);line-height:1.04;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.45)}
.card.feature p{color:#eff2e8;text-shadow:0 3px 16px rgba(0,0,0,.55)}
.card.feature .arrow{color:#ffd09d}
.article{background:radial-gradient(circle at 100% 0%,rgba(226,208,173,.26),transparent 40%),#f8f2e6}
.article .article-inner>p:first-child{font-family:Georgia,serif;font-style:italic;font-size:clamp(30px,3.3vw,48px)}
.article h2{font-size:clamp(38px,3.7vw,57px)}
.article .cta{border:1px solid rgba(29,78,46,.2);box-shadow:0 2px 0 rgba(255,255,255,.5),0 19px 42px rgba(24,60,40,.11);background:linear-gradient(145deg,#edf2dc,#d3e5ce)}
.hero--split::after{background:linear-gradient(90deg,#10271e 0%,#10271e 39%,rgba(16,39,30,.86) 53%,rgba(16,39,30,.14) 81%)}
@media(max-width:750px){.hero h1{font-size:clamp(48px,11.5vw,76px)}.hero::after{background:linear-gradient(0deg,rgba(5,18,14,.97) 0%,rgba(5,18,14,.76) 43%,rgba(5,18,14,.12) 100%)}.hero--split::after{background:linear-gradient(0deg,#10271e 0%,rgba(16,39,30,.86) 53%,rgba(16,39,30,.06) 100%)}.cards{display:block;padding:0 0 20px}.card{margin-bottom:26px}.card.feature{min-height:430px}.card.feature .card-copy{width:100%;min-height:430px;padding:30px 25px;justify-content:end}.card.feature h3{font-size:clamp(36px,9vw,50px)}.card.feature img{height:100%;min-height:430px}.card:not(.feature) img{height:215px}}
@media(prefers-reduced-motion:reduce){.card,.card img{transition:none}}
.site-nav>a:first-child{display:inline-flex;align-items:center;background:linear-gradient(145deg,#fff9e9,#e4ead8);border:1px solid rgba(255,240,196,.85);border-radius:10px;padding:7px 11px;box-shadow:0 2px 0 rgba(22,46,29,.24),0 10px 23px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.9)}
.site-nav>a:first-child img{width:175px;max-width:45vw;filter:none}
@media(max-width:750px){.site-nav>a:first-child{padding:5px 8px;border-radius:7px}.site-nav>a:first-child img{width:128px;max-width:40vw}}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.card.feature{grid-column:1/-1}.card:not(.feature){display:flex;flex-direction:column;height:100%}.card:not(.feature) img{flex:0 0 auto;width:100%;height:245px;object-fit:cover}.card:not(.feature) .card-copy{flex:1;justify-content:flex-start}.card:not(.feature) .arrow{margin-top:auto;padding-top:26px}
@media(max-width:750px){.cards{display:block}.card:not(.feature){height:auto}.card:not(.feature) img{height:215px}}

/* Owner review: one exact edge and one consistent shadow on all guide cards. */
.cards{gap:24px;padding:0 0 30px}
.card,.card:hover{border:1px solid rgba(240,218,179,.38);border-radius:14px;background:#17382a;box-shadow:0 20px 38px rgba(0,0,0,.24)}
.card::before{content:none}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 42px rgba(0,0,0,.27)}
.card:not(.feature) img{height:245px;object-fit:cover;filter:none}
.card:not(.feature) img[src*="concept-product-card-v2"]{object-position:center 43%}
.card-copy{background:#193b2c;border-top:1px solid rgba(240,218,179,.19)}
.card h3{text-shadow:none}
@media(max-width:750px){.cards{padding-bottom:20px}.card:not(.feature) img{height:215px}}
.method-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 3px 30px;border-top:1px solid rgba(240,218,179,.32);border-bottom:1px solid rgba(240,218,179,.32);text-decoration:none;color:#f4ede2}.method-link small{display:block;margin-bottom:8px;color:#edbb84;font:700 11px/1.2 Outfit,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.method-link strong{font:700 clamp(23px,2.4vw,34px)/1.1 Outfit,Arial,sans-serif;letter-spacing:-.04em}.method-link>span:last-child{color:#edbb84;font-size:32px;line-height:1}.method-link:hover strong{text-decoration:underline;text-underline-offset:5px}

/* Public version has no design-review banner. */
.site-nav{top:0}

/* True 1120:271 logo proportions and an unobstructed cinematic header. */
.site-nav>a:first-child{display:inline-flex;align-items:center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.site-nav>a:first-child img{display:block;width:220px;max-width:43vw;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) drop-shadow(0 0 16px rgba(0,0,0,.8))}
@media(max-width:750px){.site-nav>a:first-child{padding:0;border-radius:0}.site-nav>a:first-child img{width:145px;max-width:40vw;height:auto}}

/* Shared navigation and image treatment across all five guide pages. */
.breadcrumbs{font:700 11px/1.4 Outfit,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f0dcc0;margin:0 0 28px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center;list-style:none;margin:0;padding:0}
.breadcrumbs li+li:before{content:"/";display:inline-block;margin-right:11px;color:#e5b77d;opacity:.8}
.breadcrumbs a{color:#f2e9d7;text-decoration:underline;text-decoration-color:rgba(242,233,215,.5);text-underline-offset:4px}
.breadcrumbs a:hover{text-decoration-color:#f2e9d7}.breadcrumbs [aria-current=page]{color:#f1bd82}
.hero-inner{padding-top:150px}.hero h1{margin-top:16px}
.hero--new-guide h1{max-width:720px;font-size:clamp(54px,5.5vw,84px)}
.hero--new-guide h1 em{display:block}
.chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:78px 0 0}
.chapter-nav a{display:flex;flex-direction:column;justify-content:center;min-height:125px;padding:23px 27px;color:#f5ede2;text-decoration:none;background:linear-gradient(145deg,#173c2c,#0e281f);border:1px solid rgba(198,161,111,.5);border-radius:12px;box-shadow:0 14px 30px rgba(14,37,25,.18)}
.chapter-nav a:hover{transform:translateY(-3px);box-shadow:0 19px 36px rgba(14,37,25,.24)}
.chapter-nav small{font:700 11px/1.4 Outfit,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#eab984;margin-bottom:10px}
.chapter-nav strong{font:700 clamp(21px,2.2vw,29px)/1.14 Outfit,Arial,sans-serif;letter-spacing:-.035em}
.article .showcase{margin:55px 0 42px}.article .showcase-images{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr);align-items:stretch;gap:16px}
.article .showcase-images img{display:block;width:100%;height:100%;max-height:470px;object-fit:contain;background:#10271e;border:1px solid rgba(196,158,107,.42);border-radius:13px;box-shadow:0 18px 34px rgba(15,47,31,.16)}
.article .showcase figcaption{font:400 15px/1.55 DM,Arial,sans-serif;color:#5f6c59;margin-top:14px}
.article ol{max-width:840px;font:400 18px/1.75 DM,Arial,sans-serif;padding-left:28px}.article li{margin-bottom:9px}
@media(max-width:750px){.site-nav--article nav a:first-child{display:inline}.site-nav--article nav a:last-child{display:none}.hero-inner{padding-top:150px}.hero--new-guide h1{font-size:clamp(45px,10vw,69px)}.breadcrumbs{font-size:10px;letter-spacing:.08em;margin-bottom:25px}.chapter-nav{grid-template-columns:1fr;gap:12px;margin-top:58px}.chapter-nav a{min-height:100px}.article .showcase-images{grid-template-columns:1fr}.article .showcase-images img{height:auto;max-height:none}.article .showcase-images img:last-child{max-height:480px}}
@media(prefers-reduced-motion:reduce){.chapter-nav a{transition:none}}