@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#252a26;--muted:#777e77;--paper:#f4f2ec;--white:#fffefa;--line:#d8d7cf;--accent:#a9b1a5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
/* Discourage casual photo saving without affecting links or page text. */
img{ -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.site-header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:3}
.wordmark{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.18em}
.wordmark-name{font-size:15px;font-weight:600}
.wordmark-sub{font-size:9px;letter-spacing:.38em;margin-top:7px}
.nav{display:flex;gap:34px;font-size:12px;letter-spacing:.06em}
.nav a:hover,.footer-links a:hover,.text-link:hover{opacity:.65}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 12px;font:inherit}
.hero{min-height:620px;position:relative;display:flex;align-items:center;background:#252b29;color:#fffefa;overflow:hidden}
.hero-image{position:absolute;inset:0}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,25,23,.78),rgba(20,25,23,.12)),linear-gradient(0deg,rgba(20,25,23,.3),transparent 55%)}
.photo-placeholder{display:flex;align-items:center;justify-content:center}
.placeholder-label{font-size:10px;letter-spacing:.16em;text-align:center;padding:10px 14px;border:1px solid rgba(255,254,250,.3);opacity:.85}
.hero-copy{position:relative;max-width:720px;padding:70px 9vw 90px}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;margin:0 0 18px}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;margin:0}
h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.035em}
.hero-copy>p:not(.eyebrow){max-width:410px;color:#e2e4df;margin:24px 0 30px;font-size:15px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-size:11px;letter-spacing:.07em;transition:opacity .2s}
.button:hover{opacity:.8}
.button-light{background:var(--white);color:var(--ink)}
.button-dark{background:var(--ink);color:var(--white)}
.hero-index{position:absolute;right:6vw;bottom:30px;font-size:9px;letter-spacing:.16em;color:#e0e1dc}
.section-wrap{padding:100px 8vw}
.intro{text-align:center;max-width:850px;margin:auto}
.intro h2,.section-heading h2,.print-copy h2,.about-copy h2,.contact-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em}
.intro-text{max-width:590px;margin:22px auto 0;color:#626960;font-size:14px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.section-heading>p{max-width:250px;font-size:12px;color:var(--muted)}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
.collection-image{height:clamp(220px,34vw,460px);display:flex;align-items:center;justify-content:center;color:#fffefa;position:relative;overflow:hidden}
.collection-image img{width:100%;height:100%;object-fit:cover}
.placeholder-mist{background:linear-gradient(165deg,#c5c9c1,#87918a 42%,#626e67 43%,#aeb5aa 62%,#e0dfd4)}
.placeholder-coast{background:linear-gradient(170deg,#c6c9c2 0%,#899894 35%,#586c6d 36%,#334a4b 66%,#c2c3b8 67%,#7c8c83 100%)}
.placeholder-wild{background:linear-gradient(150deg,#c2b7a3 0%,#747c6c 40%,#414c40 41%,#252f2b 75%,#899083)}
.collection-caption{display:flex;align-items:center;gap:14px;padding-top:15px}
.collection-caption>span:first-child{font-size:10px;color:var(--muted)}
.collection-caption h3{font-size:25px;flex:1}
.arrow{font-size:20px}
.print-feature{display:grid;grid-template-columns:1.05fr .95fr;background:#e8e7df}
.print-art{margin:0;background:#202725;display:flex;flex-direction:column;justify-content:center}
.print-art img{display:block;width:100%;height:auto}
.print-art figcaption{padding:18px 24px;color:var(--white);font-size:11px;letter-spacing:.06em}
.print-title{display:block}
.print-awards{margin-top:18px;padding-top:16px;border-top:1px solid #586159}
.award-heading{margin:0 0 8px;color:#c6cec1;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.print-awards ul{margin:0;padding-left:18px;line-height:1.8}
.print-copy{padding:80px clamp(35px,7vw,110px);align-self:center}
.print-copy h2{max-width:420px}
.print-copy>p:not(.eyebrow){color:#626960;font-size:14px;margin:24px 0}
.print-copy .small-note{font-size:11px!important;color:#7a8078!important}
.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;max-width:1150px;margin:auto}
.about-mark{font-family:'Playfair Display',Georgia,serif;font-size:clamp(95px,15vw,180px);letter-spacing:-.1em;color:#9da69a;position:relative;line-height:1}
.about-mark span{font-family:Arial,sans-serif;font-size:30px;letter-spacing:0;vertical-align:top}
.about-copy h2{margin-bottom:25px}
.about-copy p:not(.eyebrow){font-size:14px;color:#626960;max-width:620px}
.text-link{display:inline-block;margin-top:15px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:12px}
.text-link span{margin-left:15px}
.contact-section{text-align:center;background:#2a302c;color:#fffefa;padding:85px 20px}
.contact-section h2{font-size:clamp(38px,5vw,58px)}
.contact-section>p:not(.eyebrow){font-size:13px;color:#d1d5ce;margin:20px 0 28px}
.contact-note{font-size:10px!important;color:#b8beb6!important;margin-top:20px!important}
.site-footer{padding:42px 6vw 28px;text-align:center}
.wordmark-footer{align-items:center}
.site-footer>p{font-size:11px;color:var(--muted);margin:20px 0}
.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:11px;margin:20px 0}
.site-footer small{font-size:10px;color:var(--muted)}
@media(max-width:700px){
 .site-header{height:76px;padding:0 5vw}.wordmark-name{font-size:13px}.menu-toggle{display:block}
 .nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px 6vw 26px;flex-direction:column;gap:18px;border-top:1px solid var(--line)}
 .nav.open{display:flex}.hero{min-height:570px}.hero-copy{padding:70px 7vw 90px}
 .section-wrap{padding:70px 6vw}.section-heading{display:block}.section-heading>p{margin-top:15px}
 .collection-grid{gap:25px 12px}.collection-image{height:250px}.collection-caption{gap:8px}.collection-caption h3{font-size:20px}
 .print-feature{grid-template-columns:1fr}.print-art{min-height:0}.print-copy{padding:55px 7vw}
 .about{grid-template-columns:1fr;gap:25px}.about-mark{font-size:100px}
}
@media(max-width:420px){.collection-grid{grid-template-columns:1fr}.collection-image{height:340px}.hero-index{font-size:8px}}

.price-list{margin:26px 0 16px;border-top:1px solid #c8c9c0;max-width:420px}
.price-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #c8c9c0;font-size:13px}
.price-row strong{font-weight:600;white-space:nowrap}

/* Keyboard access and small-screen refinements. */
.skip-link{position:absolute;left:16px;top:12px;transform:translateY(-160%);background:var(--white);color:var(--ink);padding:12px 18px;z-index:10}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:2px solid #8a7351;outline-offset:5px}
section[id]{scroll-margin-top:24px}
.collection-card .collection-image{transition:filter .25s ease}
.collection-card:hover .collection-image{filter:brightness(1.12)}
.collection-card .arrow{transition:transform .25s ease}
.collection-card:hover .arrow{transform:translate(3px,-3px)}
.contact-note a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.milky-way-section,.quiet-landscapes-section,.wild-places-section,.coastal-section{padding-top:0}
.milky-way-grid,.photo-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.milky-way-grid figure,.photo-gallery-grid figure{margin:0}
.milky-way-grid img,.photo-gallery-grid img{display:block;width:100%;height:auto}
.milky-way-grid figcaption,.photo-gallery-grid figcaption{padding-top:14px;font-family:'Playfair Display',Georgia,serif;font-size:20px}
@media(max-width:700px){.milky-way-grid,.photo-gallery-grid{grid-template-columns:1fr;gap:30px}}

/* Photos ignore pointer events so right-click / long-press "Save image" is not offered. */
img{pointer-events:none}

/* Cover photo: LandCruiser sits left, headline sits right over the sky. */
.hero-cover{justify-content:flex-end}
.hero-cover .hero-image img{object-position:center 88%}
.hero-cover .hero-image::after{background:linear-gradient(270deg,rgba(20,25,23,.74),rgba(20,25,23,.04) 68%),linear-gradient(0deg,rgba(20,25,23,.3),transparent 55%)}
.hero-cover .hero-copy{max-width:600px}
.hero-cover .hero-index{right:auto;left:6vw}
@media(max-width:700px){
 .hero-cover{align-items:flex-start;justify-content:flex-start}
 .hero-cover .hero-image img{object-position:28% 88%}
 .hero-cover .hero-image::after{background:linear-gradient(180deg,rgba(20,25,23,.78),rgba(20,25,23,.08) 62%)}
 .hero-cover .hero-copy{padding:48px 7vw}
 .hero-cover h1{font-size:40px}
}

/* Copyright notice in the footer */
.site-footer small.copyright{display:block;max-width:640px;margin:0 auto;line-height:1.7}
.copyright-line{display:block;margin-bottom:6px;color:var(--ink)}
.site-footer small.copyright a{text-decoration:underline;text-underline-offset:3px}

/* Copyright & photo use section */
.copyright-section{text-align:center;max-width:820px;margin:auto}
.copyright-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.025em;margin-bottom:24px}
.copyright-section>p:not(.eyebrow){font-size:14px;color:#626960;max-width:640px;margin:0 auto 20px}
.copyright-list{list-style:none;margin:28px auto;padding:0;max-width:420px;border-top:1px solid #c8c9c0;text-align:left}
.copyright-list li{padding:11px 0;border-bottom:1px solid #c8c9c0;font-size:13px}
.copyright-section .button{margin-top:10px}

/* Night-sky cover photo: headline sits over the dark trees on the left. */
.hero-night .hero-image img{object-position:center 62%}
@media(max-width:700px){.hero-night .hero-image img{object-position:48% center}}
