@font-face{font-family:Montserrat;src:url('/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/Montserrat-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--olive:#556B2F;--sage:#A7B58F;--ochre:#D4A259;--cream:#F8F6EF;--charcoal:#2D2D2D;--canvas:#ECEEE7;--line:#C9D0BE;--space:clamp(22px,5.4vw,94px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--charcoal);background:var(--cream);font:400 14px/1.6 Montserrat,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--olive);outline-offset:5px}::selection{background:var(--ochre);color:var(--charcoal)}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;padding:12px 20px;background:var(--olive);color:white}.skip-link:focus{top:10px}
.site-header{margin:0 var(--space);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.site-header img{display:block;width:224px;height:84px;object-fit:contain}.site-header nav{display:flex;gap:32px}.site-header nav a{text-decoration:none;font-size:12px;font-weight:600;padding:12px 0}.site-header nav span{font-size:9px;color:var(--olive);margin-right:6px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{max-width:1800px;margin:auto;padding:72px var(--space) 76px;display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:40px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px;color:var(--olive)}h1{font-size:clamp(40px,5.5vw,86px);letter-spacing:-.065em;line-height:1.06;color:var(--olive);margin:0;font-weight:800}h1 span{color:var(--charcoal)}.hero-aside{justify-self:end;max-width:310px}.hero-aside p{font-size:14px;line-height:1.8;margin:0 0 20px}.swatches{display:flex;align-items:center;gap:5px;margin:0 0 25px}.swatches i{width:17px;height:17px;border:1px solid #556b2f25;border-radius:50%}.swatches span{font-size:9px;font-weight:600;margin-left:8px}.button{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:13px 20px;background:var(--olive);color:white;text-decoration:none;gap:48px;font-size:12px;font-weight:600}.button:hover{background:#465923}.button span{font-size:20px;font-weight:400}.filter-bar{position:sticky;top:0;z-index:10;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;gap:24px}.filters{display:flex;gap:28px}.filters button{min-height:60px;display:flex;gap:10px;align-items:center;padding:0;border:0;border-bottom:3px solid transparent;background:none;color:var(--charcoal);font-size:12px;font-weight:600}.filters button[aria-pressed=true]{border-bottom-color:var(--olive);color:var(--olive)}.filters span{font-size:9px;font-weight:400}.filter-note{font-size:10px;color:var(--olive)}.direction{padding:65px var(--space) 75px;background:var(--canvas)}.direction-02{background:#F2F2EB}.direction-03{background:#E5E9DE}.direction-heading{display:flex;justify-content:space-between;align-items:center;gap:45px;max-width:1500px;margin:0 auto 40px}.title-group{display:flex;align-items:center;gap:27px}.number{font-size:64px;font-weight:400;line-height:1;letter-spacing:-.08em;color:var(--olive)}.direction-heading .eyebrow{font-size:9px;margin-bottom:6px}.direction h2{font-size:38px;letter-spacing:-.045em;line-height:1.1;margin:0;color:var(--olive)}.direction-description{max-width:470px}.direction-description p{margin:0 0 13px;font-size:12px;line-height:1.8}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:16px;min-height:35px}.composition{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,105px);align-items:start}.visual{margin:0}.visual figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;margin-bottom:12px}.visual figcaption span:first-child{font-weight:600}.visual figcaption span:last-child{color:#58634C;font-size:9px}.artwork{display:block;position:relative;width:100%;padding:0;background:transparent;border:0;box-shadow:0 7px 18px #2d381013;line-height:0;cursor:zoom-in}.artwork img{display:block;width:100%;height:auto}.zoom-hint{position:absolute;right:12px;bottom:12px;background:var(--cream);color:var(--olive);font-size:10px;font-weight:600;line-height:1.5;padding:9px 13px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;box-shadow:0 2px 8px #0001}.artwork:hover .zoom-hint,.artwork:focus-visible .zoom-hint{opacity:1;transform:none}.source-links{display:flex;justify-content:flex-end;gap:19px;padding:8px 0 0}.source-links a{display:inline-flex;gap:8px;align-items:center;min-height:32px;font-size:10px;font-weight:600;text-decoration:none}.source-links a:hover{text-decoration:underline;text-underline-offset:4px}.pdf-link{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:25px;margin-top:8px;border-top:1px solid var(--line);font-weight:600;font-size:11px;text-decoration:none}.pdf-link:hover{color:var(--olive)}.card-pair{display:grid;gap:27px}.vertical-cards{align-self:center}.vertical-cards .card-pair{grid-template-columns:1fr 1fr;gap:22px}.direction-03 .composition{grid-template-columns:1.65fr 1fr;gap:50px}.direction-03 .card-pair{gap:24px}.directions[data-filter=flyers] .composition{display:block;max-width:700px}.directions[data-filter=flyers] .direction-03 .composition{max-width:1050px}.directions[data-filter=cartes] .composition{display:block;max-width:1100px}.directions[data-filter=cartes] .card-pair{grid-template-columns:1fr 1fr;gap:40px}.directions[data-filter=cartes] .vertical-cards{max-width:620px;margin:auto}.delivery{padding:65px var(--space);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--olive);color:white}.delivery .eyebrow{color:var(--cream)}.delivery h2{font-size:clamp(28px,3.4vw,49px);line-height:1.1;letter-spacing:-.045em;margin:0 0 20px;font-weight:800}.delivery p:not(.eyebrow){max-width:490px;font-size:12px;line-height:1.85;margin:0}.delivery-links{align-self:center;border-top:1px solid #a7b58f80}.delivery-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid #a7b58f80;font-weight:600;font-size:12px;text-decoration:none}.delivery-links small{display:block;font-size:10px;font-weight:400;margin-top:5px}.delivery-links a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:5px}footer{display:flex;justify-content:space-between;gap:20px;padding:23px var(--space);font-size:10px}dialog{border:0;padding:0 22px 18px;background:var(--cream);color:var(--charcoal);width:max-content;max-width:95vw;max-height:95vh}dialog::backdrop{background:#202817df}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 0}.dialog-toolbar h2{font-size:12px;font-weight:600;margin:0}.close-dialog{min-height:44px;padding:10px 15px;border:0;background:var(--olive);color:white;font-size:12px;white-space:nowrap}.zoom-image{display:block;max-height:calc(95vh - 140px);max-width:calc(95vw - 44px);width:auto;height:auto;object-fit:contain;margin:auto}.zoom-download{display:block;text-align:right;font-size:11px;padding:12px 0 0;text-underline-offset:4px}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:clamp(38px,5.5vw,68px)}.composition{gap:35px}.direction-heading{gap:28px}.direction-description{max-width:360px}.direction-03 .composition{grid-template-columns:1.4fr 1fr;gap:30px}.filter-note{display:none}.delivery{gap:40px}.number{font-size:53px}}
@media(max-width:700px){html{scroll-padding-top:68px}.site-header{padding:10px 0;gap:12px;flex-wrap:wrap}.site-header img{width:180px;height:67.5px}.site-header nav{gap:20px;flex:1;justify-content:flex-end}.site-header nav a{font-size:10px}.site-header nav span{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px;gap:24px}.hero h1{font-size:clamp(34px,7.8vw,52px)}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-aside{justify-self:start;max-width:100%;width:100%}.hero-aside p{font-size:12px;margin-bottom:15px}.swatches{margin-bottom:20px}.button{max-width:340px}.filters{gap:24px;justify-content:space-between;width:100%}.filters button{font-size:11px;gap:7px;min-height:56px}.direction{padding-top:35px;padding-bottom:40px}.direction-heading{display:block;margin-bottom:25px}.title-group{gap:19px}.direction h2{font-size:31px}.number{font-size:47px}.direction-heading .eyebrow{font-size:8px}.direction-description{max-width:100%;margin-top:18px}.direction-description p{font-size:11px;line-height:1.8;margin-bottom:7px}.composition,.direction-03 .composition{grid-template-columns:1fr;gap:33px}.card-pair{gap:20px}.vertical-cards .card-pair{gap:14px}.visual figcaption{font-size:9px;gap:6px}.visual figcaption span:last-child{font-size:8px}.vertical-cards .visual figcaption{flex-direction:column;gap:2px}.source-links{gap:13px}.source-links a{font-size:9px}.pdf-link{font-size:10px}.directions[data-filter=cartes] .card-pair{grid-template-columns:1fr;gap:24px}.directions[data-filter=cartes] .vertical-cards .card-pair{grid-template-columns:1fr 1fr;gap:14px}.delivery{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:27px}.delivery h2{font-size:32px}.delivery p:not(.eyebrow){font-size:11px}footer{flex-direction:column;gap:7px;font-size:9px}.zoom-hint{display:none}.dialog-toolbar h2{max-width:150px;font-size:10px}.close-dialog{font-size:10px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zoom-hint{transition:none}}

.flyer-pair{display:grid;gap:26px}.direction-01 .composition{display:block}.direction-01 .flyer-pair,.direction-01 .card-pair{grid-template-columns:1fr 1fr;gap:50px}.direction-01 .card-group{margin-top:42px}.directions[data-filter=flyers] .direction-01 .composition{max-width:1100px}.directions[data-filter=cartes] .direction-01 .card-group{margin-top:0}
@media(max-width:700px){.direction-01 .flyer-pair,.direction-01 .card-pair{grid-template-columns:1fr;gap:25px}.direction-01 .card-group{margin-top:30px}}

.mockup-preview{max-width:1500px;margin:0 auto 50px}.mockup-preview figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:11px}.mockup-preview figcaption a{text-underline-offset:4px}@media(max-width:700px){.mockup-preview{margin-bottom:30px}.mockup-preview figcaption{font-size:9px;flex-wrap:wrap}}