:root{color-scheme:dark;--green:#0c3025;--green-light:#1a4838;--cream:#f1e9d6;--muted:#c3cec1;--gold:#d2ad62;--line:rgba(210,173,98,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--cream);font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible{outline:2px solid #f7d88d;outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;z-index:5;background:var(--cream);color:var(--green);padding:.6rem}.skip:focus{top:1rem}.page{max-width:1440px;margin:auto;padding:0 9.3%}.header{min-height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{text-decoration:none;color:var(--gold);font-size:15px;letter-spacing:.23em;text-transform:uppercase;white-space:nowrap}.header nav{display:flex;align-items:center;gap:2.15rem}.header nav a,.button,.eyebrow,.card-title span,.footer div,.footer-note{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.header nav a{text-decoration:none}.header nav a:hover,.footer a:hover,.text-link:hover{color:var(--gold)}.header .nav-cta{border:1px solid var(--gold);padding:12px 16px;color:var(--gold)}.hero{display:grid;grid-template-columns:1fr .92fr;gap:8%;align-items:center;padding:88px 0 84px}.hero-copy{padding:15px 0}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.27em;margin:0 0 26px}.hero h1,h2{font-weight:400;line-height:1.07;letter-spacing:-.035em;margin:0}.hero h1{font-size:clamp(55px,6.1vw,91px)}em{color:var(--gold);font-weight:400}.intro{max-width:440px;color:var(--muted);font-size:18px;line-height:1.75;margin:29px 0}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none;transition:background .18s,color .18s;border:1px solid var(--gold)}.button-gold{background:var(--gold);color:#143126}.button-gold:hover{background:#ead09a}.button-outline{color:var(--gold)}.button-outline:hover{background:var(--gold);color:var(--green)}.hero-image{margin:0}.hero-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--green-light)}.hero-image figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:12px;color:#b5c2b5;font-size:12px;font-style:italic}.hero-image figcaption span{color:var(--gold);white-space:nowrap}.section{border-top:1px solid var(--line);padding:88px 0}.section-heading{text-align:center;margin:0 auto 49px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.details h2{font-size:clamp(35px,3.5vw,52px)}.section-heading>p:last-child{color:var(--muted);font-style:italic;margin:14px auto 0;font-size:16px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-art{height:clamp(270px,32vw,420px);display:grid;place-items:center;overflow:hidden;background:#1b4b3b}.art-two{background:#325547}.art-three{background:#203e32}.paper{width:69%;height:76%;background:#e9e2d1;color:#4b4e3b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;box-shadow:0 12px 30px #00180d40;transform:rotate(-3deg)}.paper span,.paper small{font-family:Arial,sans-serif;font-size:clamp(5px,.55vw,8px);letter-spacing:.16em}.paper strong{font-weight:400;font-size:clamp(17px,2vw,28px);line-height:1.25;margin:22px 0}.paper i{font-weight:400}.paper-two{border:1px solid #b1a482;outline:1px solid #b1a482;outline-offset:-10px;transform:rotate(3deg)}.paper-three{background:#ded5c2;transform:rotate(-2deg);border:8px double #bcb093}.card-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:20px}.card-title h3{color:var(--gold);font-size:15px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin:0}.card-title span{color:#97aa9b}.collection-card p{color:var(--muted);font-size:15px;line-height:1.6;margin:8px 0 0;max-width:310px}.art-note{color:#a9b8aa;font-size:12px;font-style:italic;margin:24px 0 0}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}.roman{font-size:26px;color:var(--gold)}.process-grid h3{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;margin:7px 0 12px}.process-grid p{color:var(--muted);font-size:15px;max-width:220px;margin:auto}.details{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.detail-image{min-height:440px;background:var(--green-light) url('stationery-concept.jpg') center 58%/cover no-repeat}.detail-copy{max-width:440px}.detail-copy p:not(.eyebrow){color:var(--muted);font-size:17px}.text-link{display:inline-block;color:var(--gold);text-underline-offset:6px;margin-top:14px}.text-link span{padding-left:8px}.contact{border-top:1px solid var(--line);text-align:center;padding:100px 0 110px}.contact h2{font-size:clamp(40px,5vw,70px)}.contact>p:not(.eyebrow){color:var(--muted);max-width:430px;margin:24px auto}.contact .contact-email{font-size:14px;margin-bottom:0}.contact-email a{text-underline-offset:3px}.footer{border-top:1px solid var(--line);padding:38px 0 45px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}.footer p{margin:0;color:#b3c0b2;font-size:13px}.footer div{display:flex;gap:23px;grid-column:2;grid-row:1 / span 2}.footer div a,.footer-note a{text-decoration:none}.footer .footer-note{grid-column:1 / -1;margin-top:25px;letter-spacing:.11em;color:#9cad9e}.footer-note span{padding:0 8px}
@media(max-width:900px){.page{padding:0 6%}.header{align-items:flex-start;padding:26px 0;flex-direction:column;gap:18px}.header nav{gap:20px;flex-wrap:wrap}.hero{gap:5%;padding:65px 0}.hero h1{font-size:clamp(48px,7vw,68px)}.section{padding:70px 0}.details{gap:6%}.detail-image{min-height:360px}}
@media(max-width:650px){.page{padding:0 22px}.wordmark{font-size:13px;letter-spacing:.17em}.header nav{gap:12px 19px}.header nav a{font-size:9px}.header .nav-cta{padding:9px 11px}.hero{grid-template-columns:1fr;padding:57px 0 65px;gap:43px}.hero h1{font-size:clamp(52px,13vw,72px)}.intro{font-size:17px}.hero-image img{aspect-ratio:4/4.5}.section{padding:65px 0}.section-heading{margin-bottom:35px}.collection-grid{grid-template-columns:1fr;gap:42px}.collection-art{height:390px}.paper span,.paper small{font-size:7px}.paper strong{font-size:25px}.process-grid{grid-template-columns:1fr 1fr;gap:38px 20px}.details{grid-template-columns:1fr;gap:38px}.detail-image{min-height:370px}.contact{padding:75px 0}.footer{grid-template-columns:1fr;gap:12px}.footer div{grid-column:1;grid-row:auto;flex-wrap:wrap;margin-top:18px}.footer .footer-note{grid-column:1}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Display the supplied logo at a useful size while preserving its transparency. */
.wordmark { display: inline-flex; align-items: center; width: min(360px, 78vw); min-height: 48px; }
.brand-logo { display: block; width: 100%; position: relative; aspect-ratio: 7 / 1; overflow: hidden; }
.brand-logo img { position: absolute; display: block; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); }
.footer-brand { width: min(320px, 70vw); }
@media(max-width:1100px){.header{align-items:flex-start;padding:26px 0;flex-direction:column;gap:18px}.header nav{flex-wrap:wrap}}
@media(max-width:650px){.wordmark{width:min(360px, 78vw)}.footer-brand{width:min(320px, 70vw)}}

/* The collection border follows motion library sample 06, once on entry. */
.collection-art{position:relative}
.collection-frame{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.collection-frame rect{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:0}
.collection-art.frame-ready .collection-frame rect{stroke-dashoffset:100}
.collection-art.frame-ready.frame-visible .collection-frame rect{animation:draw-collection-frame 1.76s ease-in-out forwards}
@keyframes draw-collection-frame{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.collection-art.frame-ready .collection-frame rect,.collection-art.frame-ready.frame-visible .collection-frame rect{animation:none;stroke-dashoffset:0}}

/* Four collection directions; package details are being developed. */
.collection-grid{grid-template-columns:repeat(4,1fr)}
.art-four{background:#284b3b}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.collection-grid{grid-template-columns:1fr}}