:root{--bg:#101916;--panel:#18241e;--line:#344436;--ink:#eeeade;--muted:#b4b8a8;--gold:#d6b575}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:650;line-height:1.1;letter-spacing:2px;color:var(--gold)}.brand b{font-size:20px}nav{display:flex;gap:32px;font-size:14px}.button{background:var(--gold);color:#172119;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;font-weight:700;border:1px solid var(--gold)}.button:hover{background:#ecd2a3}.small{padding:10px 17px;font-size:13px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center;padding:86px 5% 90px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--gold);font-weight:700}.hero h1{font-family:Georgia,serif;font-weight:400;line-height:1.04;font-size:clamp(55px,5.5vw,82px);letter-spacing:-2px;margin:25px 0}h1 em{font-style:normal;color:var(--gold)}.intro{max-width:480px;color:var(--muted);font-size:17px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.text-link{border-bottom:1px solid var(--line);padding:8px 0}.quiet,.caption{font-size:12px;color:var(--muted)}.hero-art{min-width:0}.image-frame{position:relative;padding:13px;border:1px solid #58684b;transform:rotate(-2deg);box-shadow:0 35px 90px #0006;background:#273022}.image-frame img{width:100%;height:auto;display:block}.stamp{position:absolute;right:12px;bottom:-22px;background:#d6b575;color:#152019;padding:14px 18px;letter-spacing:1.4px;font-size:9px;font-weight:800;transform:rotate(4deg)}.caption{margin-top:35px}.ribbon{background:#1c2b22;border-block:1px solid var(--line);display:flex;justify-content:center;gap:70px;padding:23px 5%;font-size:12px;letter-spacing:1px;text-transform:uppercase}.section{max-width:1320px;margin:auto;padding:95px 5%}.section-title{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:30px;align-items:start}h2{font-family:Georgia,serif;font-size:44px;line-height:1.13;font-weight:400;margin:0 0 25px;letter-spacing:-.8px}.section-title>p:last-child,p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.cards article{padding:30px;background:var(--panel);border-top:1px solid #64704a}.number{font-size:10px;color:var(--gold);letter-spacing:2px}h3{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:26px 0 12px}.cards p{font-size:14px}.landscape{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:20px 5% 70px}.landscape img{width:100%;height:auto;border:1px solid var(--line)}.printing{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;border-top:1px solid var(--line)}.printing p{font-size:14px}.printing ol{padding:0;list-style:none}.printing li{border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:20px;align-items:center}.printing li span{border:1px solid #62754f;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;color:var(--gold)}.download{padding:85px 5%;text-align:center;background:radial-gradient(ellipse at center,#293626,#17221b);border-block:1px solid var(--line)}.download .actions{justify-content:center}.download>p{max-width:670px;margin-left:auto;margin-right:auto}.download h2{font-size:54px}footer{max-width:1440px;margin:auto;padding:50px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:12px}footer>div{display:flex;flex-direction:column;gap:10px}.legal{grid-column:1/-1;font-size:10px;max-width:950px}strong{color:var(--ink)}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:620px}.hero-art{margin-top:20px}.ribbon{flex-wrap:wrap;gap:15px 35px}.section-title{grid-template-columns:1fr;gap:5px}.cards{grid-template-columns:1fr}.landscape,.printing{grid-template-columns:1fr;gap:25px}.section{padding-top:60px;padding-bottom:60px}footer{grid-template-columns:1fr}.download h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* The quote uses the available page width; legal pages retain their reading width. */
.section.quote-page{max-width:none;width:100%;padding-left:clamp(20px,4vw,80px);padding-right:clamp(20px,4vw,80px)}
.quote-page #order-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,4vw,72px)}
.quote-page .quote-column{min-width:0}.quote-page .quote-column h2{margin:0 0 18px;font-family:Georgia,serif;font-weight:400;color:var(--gold)}
.quote-page .quote-pieces{columns:2;column-gap:28px;margin-top:24px}.quote-pieces li{break-inside:avoid;padding:5px 0;overflow-wrap:anywhere}
.quote-page .quote-total{font-size:20px;color:var(--gold);border-bottom:2px solid var(--gold);margin-top:10px}
@media(max-width:1000px){.quote-page .quote-pieces{columns:1}}
@media(max-width:760px){.quote-page #order-details{grid-template-columns:minmax(0,1fr);gap:32px}.quote-page .quote-row strong{min-width:0}.section.quote-page{padding-left:16px;padding-right:16px}}
/* Optional print-and-ship service; ordinary editor projects remain offline. */
.print-service{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;border-top:1px solid var(--line);align-items:start}.print-panel{padding:28px;background:var(--panel);border:1px solid var(--line);min-width:0}.print-steps{padding-left:20px;color:var(--muted)}.print-steps li{padding:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.print-panel label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink)}.print-panel input,.print-panel select{width:100%;min-width:0;padding:12px;border:1px solid #5c6d57;background:#101916;color:var(--ink);font:inherit;border-radius:3px}.print-panel input[type=file]{font-size:12px}.print-panel input:focus-visible,.print-panel select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.print-panel .consent{flex-direction:row;align-items:start;gap:12px;margin-top:22px}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px}.consent a{text-decoration:underline}.print-panel button{font:inherit;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:transparent;color:var(--gold)}#print-status{font-size:14px;padding:12px 0;overflow-wrap:anywhere}#print-progress{width:100%;height:8px;margin-bottom:20px}.order-page{max-width:850px}.order-page h1{font-family:Georgia,serif;font-size:48px;font-weight:400}.order-page h2{font-size:28px;margin-top:36px}.quote-row{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;overflow-wrap:anywhere}.quote-row strong{text-align:right;max-width:65%}.order-page ul{padding-left:20px;font-size:14px}.order-page .print-panel{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:850px){.print-service{grid-template-columns:1fr;gap:30px}.form-grid{grid-template-columns:1fr}.print-panel{padding:20px}.quote-row{font-size:13px}.order-page h1{font-size:38px}}
.print-panel[data-available=false] label,.print-panel[data-available=false] .form-grid,.print-panel[data-available=false] #pack-help,.print-panel[data-available=false] #print-antispam{display:none}

.print-service-cta{display:flex;flex-direction:column;gap:8px;padding:24px 28px;margin:24px 0;white-space:normal}.print-service-cta strong{font-size:1.6rem}.print-service-cta span{font-size:.95rem;font-weight:400}.print-nav{padding:12px 18px}#copies-field[hidden]{display:none}

/* Rounded, raised buttons with a compact print-service action. */
.button{border-radius:14px;background:linear-gradient(180deg,#eed39a 0%,#d6b575 70%,#c6a263 100%);border:1px solid #e7c990;border-bottom-color:#aa8548;box-shadow:inset 0 1px 0 #fff7,0 4px 0 #826334,0 7px 14px #0004;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-align:center}
.button:hover:not(:disabled){background:linear-gradient(180deg,#f6dfaf,#dec084);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff8,0 5px 0 #826334,0 9px 16px #0005}
.button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 3px #0002,0 1px 0 #826334,0 3px 6px #0003}
.button.secondary{background:linear-gradient(180deg,#2d3d30,#1b291f);border-color:#697953;box-shadow:inset 0 1px 0 #ffffff16,0 4px 0 #0a120d,0 7px 14px #0004}
.button.secondary:hover:not(:disabled){background:linear-gradient(180deg,#394b3a,#24372a);box-shadow:inset 0 1px 0 #ffffff20,0 5px 0 #0a120d,0 9px 16px #0005}
.button:disabled{transform:none;box-shadow:none}
.print-service-cta{display:inline-flex;flex-direction:row;gap:10px;width:auto;max-width:100%;padding:11px 19px;margin:14px 0 0;font-size:15px;min-height:44px}
.print-nav{padding:9px 15px;min-height:44px;align-self:center}
.offline-highlight{border-left:3px solid var(--gold);padding:12px 18px;margin:24px 0;background:linear-gradient(100deg,#26372a,#17231b);border-radius:0 12px 12px 0;max-width:510px}
.offline-highlight strong{display:block;font-size:20px;line-height:1.35;color:var(--gold)}
.offline-highlight p{font-size:15px;margin:8px 0;line-height:1.55}.offline-highlight small{display:block;color:var(--muted);font-size:12px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover:not(:disabled){transform:none}}

.openlock-logo{max-width:100%;height:auto;margin:8px 0}#printing a{text-decoration:underline;text-underline-offset:3px}

/* Our product promise, not a third-party privacy certification. */
.offline-badge{display:inline-flex;align-items:center;gap:13px;max-width:100%;margin-top:25px;padding:14px 19px;border:1px solid #9cba84;border-radius:20px;background:linear-gradient(145deg,#344b34,#1b2c21);box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #101c14,0 8px 20px #0003;text-decoration:none;color:#e1edcd}
.offline-badge svg{width:44px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.offline-badge strong{display:block;font-size:15px;letter-spacing:.1em;line-height:1.5}.offline-badge small{display:block;font-size:12px;line-height:1.6;color:#c3d2b9}.offline-badge:hover{border-color:#d6b575}.offline-badge:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
#offline-choice{scroll-margin-top:25px}.offline-promise{margin-top:13px;border-top:1px solid #ffffff26;padding-top:11px}.offline-promise summary{cursor:pointer;color:var(--gold);font-size:14px}.offline-promise p{font-size:14px}.offline-promise a,.print-service .quiet a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:420px){.offline-badge{padding:12px;gap:10px}.offline-badge strong{font-size:13px;letter-spacing:.07em}.offline-badge small{font-size:11px}}