@font-face{font-family:"Body";src:url("fonts/body-400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Body";src:url("fonts/body-700.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Display";src:url("fonts/display.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"FAQ";src:url("fonts/faq-400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"FAQ";src:url("fonts/faq-700.woff") format("woff");font-weight:700;font-display:swap}

:root{
  --green:#25632d;
  --cream:#fffdf2;
  --red:#c10000;
  --red-text:#bd0000;
  --deep:#002e22;
  --grey:#737373;
  --body:"Body",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Display","Body",cursive;
  --faq:"FAQ","Body",system-ui,sans-serif;
  --pad:clamp(20px,5.5vw,114px);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:140px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:#000;font-family:var(--body);font-size:21.33px;line-height:1.35}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,p{margin:0}
.display{font-family:var(--display);font-weight:400;line-height:1.38}
.center{text-align:center}
.strong{font-weight:700}
.green-text{color:var(--green)}
.red-text{color:var(--red-text)}
.dark{color:#000}
.narrow{max-width:560px;margin-inline:auto}
:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* buttons */
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none;font-size:26.67px;line-height:1;padding:.42em 1.1em;border-radius:999px;white-space:nowrap}
.btn:hover{background:#a30000}
.btn-lg{font-size:34.87px;padding:.38em 1.05em}
.btn-xl{font-size:42.67px;padding:.3em .95em}
.btn-green{background:var(--green)}
.btn-green:hover{background:#1c4d23}

/* nav */
.nav{background:var(--cream);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.nav-inner{display:flex;align-items:center;gap:0;height:150px;padding:0 90px 0 66px}
.logo-qld img{width:240px;height:auto}
.logo-nss{margin-left:14px}
.logo-nss img{width:108px;height:108px}
.links{display:flex;align-items:center;gap:0;margin-left:auto;margin-right:auto}
.links a{font-weight:700;text-transform:uppercase;text-decoration:none;font-size:18.67px;padding:0 28px;line-height:1.4}
.links a:hover{color:var(--green)}
.nav .btn{font-size:26.67px}
@media (max-width:1180px){.nav-inner{height:auto;flex-wrap:wrap;padding:16px 24px;gap:12px}.logo-qld img{width:160px}.logo-nss img{width:72px;height:72px}.links{width:100%;order:3;margin:0;justify-content:center;flex-wrap:wrap}.links a{padding:6px 14px;font-size:16px}.nav .btn{margin-left:auto;font-size:20px}}
@media (max-width:560px){.links a{padding:4px 10px;font-size:14px}.nav{position:static}}

/* hero */
.hero{position:relative;background:#1f3d1f;color:#fff;overflow:hidden;min-height:720px;display:flex;align-items:flex-start}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-inner{position:relative;z-index:1;width:100%;padding:36px clamp(20px,4.4vw,64px) 60px}
.hero-title{font-size:clamp(44px,5vw,72px);line-height:1.39;text-align:left;max-width:1320px}
.hero-copy{margin:44px auto 0;text-align:center;max-width:560px}
.hero-copy .line{font-size:clamp(26px,2.6vw,37.33px);line-height:1.4}
.hero-copy .big{font-size:clamp(56px,5.9vw,85.33px);line-height:1.39}
.hero-copy .sub{font-size:clamp(20px,1.95vw,28px);margin:6px auto 0;max-width:480px;line-height:1.4}
.hero-copy .btn{margin-top:40px}
@media (max-width:820px){.hero{min-height:0}.hero-title{font-size:clamp(38px,9vw,52px)}.hero-copy{margin-top:24px}.hero-copy .btn{margin-top:24px}}

/* bands */
.band{padding:56px var(--pad)}
.green{background:var(--green);color:#fff}
.cream{background:var(--cream)}
.eyebrow{font-size:24px;line-height:1.4;text-transform:uppercase}
.eyebrow.strong{font-weight:700}
.band h2.display{font-size:clamp(38px,4.25vw,61.07px);line-height:1.38}
.body{font-size:21.33px;line-height:1.36}

.real{padding-top:54px;padding-bottom:56px}
.real .eyebrow{font-size:28px}
.real h2{font-size:56px;margin-top:8px}
.real .body{margin-top:44px}
@media (max-width:820px){.real h2{font-size:clamp(34px,8vw,44px)}}

/* trees */
.trees{padding-top:70px;padding-bottom:60px}
.trees-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:1220px}
.lead-green{color:var(--green);font-size:24px;line-height:1.4}
.lead-green.strong{font-weight:700}
.trees-head>p{font-size:21.33px;max-width:480px;margin-left:auto;margin-right:0;justify-self:end;width:100%}
.tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;align-items:start}
.tree img{width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}
.tree .name,.stand .name{font-weight:700;font-size:24px;margin-top:14px;line-height:1.4}
.tree .price,.stand .price{font-size:24px;line-height:1.4}
.stand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1010px;margin:96px auto 0;padding:0 24px}
.stand img{width:100%;aspect-ratio:544/365;object-fit:cover}
.stand .name{margin-top:22px}
.stand .desc{font-size:20px;line-height:1.4}
.trees .center{margin-top:88px}
@media (max-width:820px){.trees-head{grid-template-columns:1fr}.trees-head>p{justify-self:start}.tree-grid{grid-template-columns:1fr;gap:40px}.stand-grid{grid-template-columns:1fr;gap:40px;margin-top:56px;padding:0}.trees .center{margin-top:48px}.btn-xl{font-size:clamp(24px,7vw,34px);white-space:normal;line-height:1.15}}

/* memories */
.memories{padding:0 0 0 0;overflow:hidden}
.memories-inner{display:grid;grid-template-columns:702px 1fr;gap:0;min-height:702px;align-items:center}
.memories-photo{position:relative;height:100%;min-height:702px}
.memories-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.memories-copy{padding:80px 60px 80px 56px;text-align:center;max-width:740px}
.memories .body{max-width:520px;margin:26px auto 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;max-width:640px;margin-inline:auto;text-align:left}
.step-top{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:2px solid #fff;width:fit-content;min-width:120px}
.num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:var(--cream);font-weight:700;font-size:28px;line-height:1}
.step-top img{height:48px;width:auto}
.step-name{font-weight:700;font-size:24px;margin-top:14px;line-height:1.4}
.step-desc{font-size:21.33px;line-height:1.36;max-width:150px}
@media (max-width:980px){.memories-inner{grid-template-columns:1fr;min-height:0}.memories-photo{min-height:0;aspect-ratio:1/1;max-height:520px}.memories-photo img{position:static;height:100%}.memories-copy{padding:40px var(--pad) 48px;max-width:none}.steps{grid-template-columns:1fr;gap:28px;max-width:280px}}

/* about */
.about{padding-top:32px;padding-bottom:0;overflow:hidden}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.about-copy{text-align:center;padding-top:40px;max-width:700px;margin-inline:auto}
.about-copy .eyebrow{font-weight:400}
.about-copy h2{margin-top:20px;white-space:nowrap}
@media (max-width:1380px){.about-copy h2{white-space:normal}}
.about-copy .body{margin:44px auto 0;max-width:560px}
.about-copy .btn{margin-top:84px}
.about-photos{position:relative;display:grid;grid-template-columns:603px 370px;gap:0;justify-content:end;align-items:start}
.about-photos .ph1{width:603px;height:678px;object-fit:cover}
.about-photos .ph2{width:370px;height:493px;object-fit:cover;margin-top:60px;margin-left:-220px}
@media (max-width:1380px){.about-photos{grid-template-columns:1fr;justify-content:center}.about-photos .ph1{width:100%;max-width:520px;height:auto;aspect-ratio:603/678}.about-photos .ph2{display:none}}
@media (max-width:980px){.about-inner{grid-template-columns:1fr}.about-copy{padding-top:24px}.about-copy .btn{margin-top:36px;font-size:clamp(18px,4.8vw,24px);white-space:normal;line-height:1.15}.about{padding-bottom:0}.about-photos{margin-top:32px}.about-photos .ph1{max-width:none}.about-photos .ph2{display:block;width:100%;height:auto;aspect-ratio:370/493;margin:0}}

/* pickup */
.pickup{padding-top:48px;padding-bottom:64px}
.pickup h2{margin-top:6px}
.pickup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:68px auto 0}
.fact{display:flex;gap:16px;align-items:flex-start}
.fact .ico{width:44px;height:44px;object-fit:contain;flex:none;margin-top:-2px}
.fact-h{font-weight:700;font-size:24px;text-transform:uppercase;line-height:1.3;margin-bottom:12px}
.fact p{font-size:21.33px;line-height:1.05}
.fact p+p{margin-top:12px}
@media (max-width:820px){.pickup-grid{grid-template-columns:1fr;gap:40px;margin-top:40px;max-width:360px}}

/* delivery */
.delivery{padding-top:48px;padding-bottom:70px}
.delivery h2.tight{letter-spacing:-3px;margin-top:8px}
.delivery .body{margin-top:12px;font-size:24px;color:var(--deep);max-width:560px}
.delivery-cards{display:grid;grid-template-columns:repeat(2,341px);gap:34px;justify-content:center;margin-top:36px}
.dcard{border:2px solid var(--green);border-radius:14px;padding:22px 20px 24px;background:var(--cream);color:var(--deep)}
.dtop{display:flex;align-items:center;justify-content:center;gap:12px}
.dtop img{height:57px;width:auto}
.amt{font-size:57.4px;letter-spacing:-2.87px;line-height:1}
.dname{font-weight:700;font-size:18.06px;letter-spacing:.76px;text-transform:uppercase;margin-top:10px;line-height:1.1}
.dnote{color:var(--grey);font-size:17.29px;line-height:1.15;margin-top:2px;max-width:220px;margin-inline:auto}
@media (max-width:820px){.delivery-cards{grid-template-columns:min(341px,100%);gap:24px}.delivery h2.tight{letter-spacing:-1px}}

/* final */
.final{position:relative;color:#fff;background:#1f3d1f url("images/pine-bg.jpg") center/cover no-repeat;padding-top:112px;padding-bottom:104px}
.final h2{margin-top:10px}
.final .btn{margin-top:26px}

/* footer */
.footer{background:var(--cream)}
.footer-inner{display:flex;align-items:center;height:130px;padding:0 100px 0 69px;gap:0}
.footer .logo-qld img{width:154px}
.footer .logo-nss{margin-left:28px}
.footer .logo-nss img{width:65px;height:65px}
.footer .links{margin-left:40px;margin-right:auto}
.footer .links a{padding:0 27px}
.copy{font-size:21.33px}
@media (max-width:980px){.footer-inner{height:auto;flex-wrap:wrap;padding:24px;gap:14px}.footer .links{width:100%;margin:0;justify-content:center;flex-wrap:wrap}.footer .links a{padding:4px 12px;font-size:15px}.copy{width:100%;text-align:center;font-size:18px}}

/* FAQ page */
.faq{padding:52px var(--pad) 40px}
.faq h2{font-family:var(--faq);font-weight:700;font-size:40px;text-align:center;margin-bottom:26px}
.faq .q,.care .q{font-family:var(--faq);font-weight:700;font-size:18.67px;text-align:center;line-height:1.4;margin-top:30px;text-transform:uppercase}
.faq .a,.care .a{font-family:var(--faq);font-size:18.67px;text-align:center;line-height:1.35;max-width:1020px;margin:2px auto 0}
.care{padding:56px var(--pad) 80px;color:var(--green)}
.care h2{font-family:var(--faq);font-weight:700;font-size:40px;text-align:center;text-transform:uppercase}
.care .mantra{font-family:var(--faq);font-size:21.33px;text-align:center;margin-top:16px;text-transform:uppercase}
.care .q{margin-top:44px;color:var(--green)}
.care .a{color:var(--green)}
@media (max-width:820px){.faq h2,.care h2{font-size:clamp(28px,7vw,36px)}}
