:root{--paper:#f8f6f3;--ink:#443d48;--muted:#716975;--wine:#496b82;--blue:#bfd3df;--pink:#ead9e2;--olive:#647b8a;--butter:#eee3e8;--line:#d9d3d9;--blank:#eee9e7;--studio-blush:#eee3e8;--studio-mist:#e4ecf1;--studio-blue:#496b82}
body{color:var(--ink)}
.button,.primary,.hero .primary,.hero .button.primary,nav .button,.centered-header nav [data-page=design]{background:var(--studio-blue);border-color:var(--studio-blue);color:#fffaf8}
.centered-header nav [data-page=design]{padding:9px 13px;border:1px solid var(--studio-blue);text-decoration:none}
.button:hover,.primary:hover,.hero .primary:hover,.hero .button.primary:hover,nav .button:hover,.centered-header nav [data-page=design]:hover{background:#37576e;border-color:#37576e;color:#fffaf8}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #496b82;outline-offset:4px}
.home-leathers{background:var(--studio-blush)}
.finish-links a,.finish-links a:nth-child(2),.finish-links a:nth-child(3){background:transparent;color:var(--ink);border-color:#cbbfc8}
.packaging,.care-note{background:var(--studio-mist)}
.notice{background:#dce6ed;color:#3d5362}
.introline{background:var(--studio-mist);color:var(--ink)}
.choice.selected{background:var(--studio-blue);color:#fffaf8;border-color:var(--studio-blue)}
.tab.active{background:#d5e3ec;color:#344f62;border-color:#b1c5d2}
.collection .number{background:var(--studio-mist)!important;color:#344f62;border-color:#c3d1db}
.review{background:#f0e8ed;border-color:#b8cad5}
.status{color:#496b82}
.photo-label{background:var(--paper);color:var(--ink)}
.custom-card input,.custom-card textarea,.custom-card select,.address-fields input,#review-summary{border-color:var(--line)}
.editorial-footer{position:relative;background:#eeebf0;color:var(--ink);border-top:1px solid #d8cfd9;padding:48px 6% 24px}
.editorial-footer:before{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px dashed #c4b7c7;pointer-events:none}
.footer-columns{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:6%;align-items:start}
.footer-columns>section>a{display:block;font-size:12px;line-height:1.8;margin-bottom:8px;text-decoration:none}
.footer-columns h3{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;margin:0 0 16px}
.footer-columns a{color:var(--ink)}
.footer-columns a:hover{color:#496b82;text-decoration:underline;text-underline-offset:4px}
.footer-columns p{color:var(--muted)}
.studio-mail-intro{display:flex;align-items:center;gap:17px;margin-bottom:10px}
.studio-mail-intro img{width:76px;height:90px;object-fit:contain;flex:none}
.studio-mail-intro h3{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-style:italic;line-height:1.15;letter-spacing:-.5px;margin:0 0 8px}
.studio-mail-intro p{margin:0;font-size:12px;line-height:1.7}
.studio-newsletter-form label:not(.newsletter-consent):not(.newsletter-trap){display:block;font-size:11px;margin:12px 0 7px}
.studio-newsletter-form input[type=email]{box-sizing:border-box;display:block;width:100%;padding:12px 13px;background:#fbf9f7;border:1px solid #bdb3c1;color:var(--ink);font:14px Arial,sans-serif;border-radius:0}
.studio-newsletter-form .newsletter-consent{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:11px;line-height:1.6;color:var(--muted);cursor:pointer}
.newsletter-consent input{width:14px;height:14px;margin:2px 0 0;accent-color:#496b82;flex:none}
.studio-newsletter-form .button{width:100%;font-size:12px;cursor:pointer}
.studio-newsletter-form .button:disabled{opacity:.6;cursor:wait}
.newsletter-fineprint{font-size:10px!important;line-height:1.65!important;color:var(--muted);margin:10px 0 0}
.newsletter-fineprint a{display:inline;text-decoration:underline;text-underline-offset:2px}
.newsletter-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.newsletter-status{font-size:12px!important;line-height:1.6;min-height:1.6em;margin:10px 0 0;color:#425c70}
.footer-signoff{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #d4cad6;margin-top:35px;padding-top:23px;gap:20px;font-size:10px;color:var(--muted)}
.footer-signoff>span:last-child{text-align:right}
.footer-signoff img{width:105px}
#studio-welcome{box-sizing:border-box;width:min(450px,calc(100vw - 36px));max-height:calc(100svh - 36px);padding:30px 38px;background:#f8f6f3;border:1px solid #d0c6d3;border-radius:2px;color:var(--ink);box-shadow:0 16px 70px #332d4933;text-align:center;overflow:auto}
#studio-welcome::backdrop{background:#4b46545c;backdrop-filter:blur(3px)}
#studio-welcome .newsletter-close{position:absolute;top:10px;right:13px;background:none;border:0;font:25px/1 Arial,sans-serif;color:#65586b;cursor:pointer;padding:5px}
.welcome-envelope{display:block;width:130px;height:147px;object-fit:contain;margin:0 auto 10px}
#studio-welcome h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;font-style:italic;letter-spacing:-.7px;line-height:1.14;margin:0 0 12px;color:#496b82}
#studio-welcome .welcome-copy{font-size:13px;line-height:1.7;max-width:290px;margin:0 auto 20px;color:var(--muted)}
#studio-welcome .studio-newsletter-form{text-align:left}
.newsletter-not-now{margin:12px 0 0;background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:11px;cursor:pointer;padding:5px}
html:has(#studio-welcome[open]){overflow:hidden}
@media(max-width:800px){.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.footer-columns .studio-footer-signup{grid-column:1/-1;max-width:430px}.footer-signoff{grid-template-columns:1fr;text-align:center;gap:15px}.footer-signoff>span:last-child{text-align:center}}
@media(max-width:480px){#studio-welcome{padding:26px 24px}.welcome-envelope{width:105px;height:120px}#studio-welcome h2{font-size:30px}.studio-mail-intro img{width:64px;height:80px}.studio-mail-intro h3{font-size:25px}.editorial-footer{padding:35px 6% 23px}}

/* The letter is the popup; no surrounding rectangular card. */
#studio-welcome.letter-shaped-popup{width:min(550px,94vw);max-width:none;max-height:calc(100svh - 24px);height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
.welcome-letter-scene{position:relative;width:100%;aspect-ratio:1156/1361;min-height:570px;isolation:isolate}
.welcome-letter-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
.welcome-letter-content{position:relative;width:66%;margin:0 auto;padding-top:10%;padding-bottom:28%;text-align:center}
#studio-welcome.letter-shaped-popup .newsletter-close{top:5.5%;right:16%;font-size:24px;color:#5e4f65;z-index:2}
#studio-welcome.letter-shaped-popup h2{position:relative;width:100%;height:49px;margin:0 0 10px;overflow:hidden}
#studio-welcome.letter-shaped-popup h2 img{position:absolute;width:110%;max-width:none;height:auto;left:-5%;top:50%;transform:translateY(-50%)}
#studio-welcome.letter-shaped-popup .welcome-copy{max-width:none;font:13px/1.6 Arial,Helvetica,sans-serif;color:#554a59;margin:0 0 14px}
#studio-welcome.letter-shaped-popup .studio-newsletter-form label:not(.newsletter-consent):not(.newsletter-trap){font-size:10px;margin:0 0 5px}
#studio-welcome.letter-shaped-popup input[type=email]{padding:10px 11px;background:#fffdf780;font-size:13px;border-color:#bdb0c0}
#studio-welcome.letter-shaped-popup .newsletter-consent{font-size:10px;line-height:1.5;margin:10px 0;color:#5d5360}
#studio-welcome.letter-shaped-popup .button{padding:11px 12px;font-size:12px}
#studio-welcome.letter-shaped-popup .newsletter-status:empty{display:none}
#studio-welcome.letter-shaped-popup .newsletter-fineprint{text-align:center;font-size:10px!important;line-height:1.6!important;margin:9px 0 0;color:#5d5360}
#studio-welcome.letter-shaped-popup .newsletter-fineprint a{color:inherit;text-decoration:none}
#studio-welcome.letter-shaped-popup .newsletter-fineprint a:hover{text-decoration:underline}
#studio-welcome.letter-shaped-popup .newsletter-not-now{font-size:10px;margin-top:6px;color:#5d5360}
@media(max-width:480px){.welcome-letter-scene{min-height:535px}.welcome-letter-content{width:66%;padding-top:11%;padding-bottom:32%}#studio-welcome.letter-shaped-popup h2{height:42px;margin-bottom:8px}#studio-welcome.letter-shaped-popup .welcome-copy{font-size:12px;margin-bottom:12px}#studio-welcome.letter-shaped-popup .newsletter-close{top:4%;right:15%}#studio-welcome.letter-shaped-popup .newsletter-consent{margin:8px 0}}
/* Dust bag story, now on the Journals page, with soft image and overlaid copy. */
body[data-view=journals] #journals .journal-packaging-feature{position:relative;isolation:isolate;min-height:570px;margin:65px -8vw -75px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--paper);text-align:center}
.journal-packaging-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.72) brightness(1.08) blur(.6px);opacity:.9;z-index:-2;transform:scale(1.01)}
.journal-packaging-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#f8f6f3 0%,rgba(248,246,243,.9) 20%,rgba(248,246,243,.25) 59%,rgba(248,246,243,.08) 80%,rgba(248,246,243,.45));z-index:-1}
.journal-packaging-copy{padding:45px 7% 48px;width:100%;max-width:650px;color:var(--ink)}
.journal-packaging-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:48px;font-weight:500;line-height:1.09;letter-spacing:-1.6px;margin:13px 0 16px}
.journal-packaging-copy p{font-size:13px;line-height:1.7;max-width:460px;margin:0 auto 23px;color:#635b67}
/* Compact form on the original paper, with the complete triangular flap visible. */
#studio-welcome.letter-shaped-popup{width:min(680px,94vw)}
#studio-welcome.letter-shaped-popup .welcome-letter-scene{aspect-ratio:1200/1307;min-height:0}
#studio-welcome.letter-shaped-popup .welcome-letter-content{position:absolute;top:26%;left:19%;width:62%;padding:0;margin:0}
#studio-welcome.letter-shaped-popup .newsletter-close{top:25%;right:13.5%;font-size:20px;padding:0}
#studio-welcome.letter-shaped-popup h2{height:32px;margin:0 0 7px}
#studio-welcome.letter-shaped-popup h2 img{width:100%;left:0}
#studio-welcome.letter-shaped-popup .welcome-copy{font-size:11px;line-height:1.4;margin:0 0 8px}
#studio-welcome.letter-shaped-popup .studio-newsletter-form label[for]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#studio-welcome.letter-shaped-popup input[type=email]{padding:7px 9px;font-size:12px;line-height:1.2}
#studio-welcome.letter-shaped-popup .button{padding:7px 10px;font-size:11px;line-height:1.2;margin-top:7px}
#studio-welcome.letter-shaped-popup .newsletter-fineprint{font-size:9px!important;line-height:1.4!important;margin-top:7px}
#studio-welcome.letter-shaped-popup .newsletter-not-now{display:none}
#studio-welcome.letter-shaped-popup .newsletter-status{font-size:11px!important;line-height:1.4;min-height:0;margin:7px 0 0}
#studio-welcome.letter-shaped-popup .is-newsletter-saved input,#studio-welcome.letter-shaped-popup .is-newsletter-saved label,#studio-welcome.letter-shaped-popup .is-newsletter-saved button{display:none}
@media(max-width:700px){body[data-view=journals] #journals .journal-packaging-feature{margin:45px -6vw -40px;min-height:500px}.journal-packaging-copy h2{font-size:37px}.journal-packaging-feature>img{object-position:50% 30%}.journal-packaging-copy{padding-bottom:36px}}
@media(max-width:480px){#studio-welcome.letter-shaped-popup h2{height:25px;margin-bottom:5px}#studio-welcome.letter-shaped-popup .welcome-copy{font-size:10px;line-height:1.35;margin-bottom:6px}#studio-welcome.letter-shaped-popup input[type=email]{font-size:11px;padding:6px 8px}#studio-welcome.letter-shaped-popup .button{padding:6px 8px;font-size:10px;margin-top:5px}#studio-welcome.letter-shaped-popup .newsletter-fineprint{font-size:8px!important;line-height:1.35!important;margin-top:5px}#studio-welcome.letter-shaped-popup .newsletter-close{font-size:18px;top:24.5%;right:13%}}
#studio-welcome.letter-shaped-popup h2{height:42px}
#studio-welcome.letter-shaped-popup h2 img{width:60%;left:20%;transform:translateY(-54%)}
@media(max-width:480px){#studio-welcome.letter-shaped-popup h2{height:31px}#studio-welcome.letter-shaped-popup h2 img{width:75%;left:12.5%}}
/* A quarter smaller, with the full envelope always inside the viewport. */
#studio-welcome.letter-shaped-popup{width:min(510px,92vw,calc((100svh - 28px)*.918));max-height:calc(100svh - 28px);overflow:hidden}
#studio-welcome.letter-shaped-popup .welcome-letter-content{left:18%;width:64%;top:26%}
#studio-welcome.letter-shaped-popup h2{height:36px;margin:0 0 12px}
#studio-welcome.letter-shaped-popup h2 img{width:72%;left:14%}
#studio-welcome.letter-shaped-popup .welcome-copy{font-size:11px;line-height:1.5;margin:0 0 12px}
#studio-welcome.letter-shaped-popup input[type=email]{width:76%;margin:0 auto;padding:7px 9px;font-size:12px;line-height:1.2}
#studio-welcome.letter-shaped-popup .button{display:block;width:76%;margin:12px auto 0;padding:7px 10px;font-size:11px;line-height:1.2}
#studio-welcome.letter-shaped-popup .newsletter-fineprint{margin-top:12px;font-size:9px!important;line-height:1.4!important}
.studio-mail-intro .footer-lettering{position:relative;max-width:260px;width:100%;height:43px;margin:0 0 8px;overflow:hidden}
.studio-mail-intro .footer-lettering img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-54%);object-fit:initial}
.studio-footer-signup .studio-newsletter-form .button{margin-top:13px}
@media(max-width:480px){#studio-welcome.letter-shaped-popup .welcome-letter-content{left:15%;width:70%}#studio-welcome.letter-shaped-popup h2{height:28px;margin-bottom:7px}#studio-welcome.letter-shaped-popup h2 img{width:70%;left:15%}#studio-welcome.letter-shaped-popup .welcome-copy{font-size:10px;line-height:1.4;margin-bottom:8px}#studio-welcome.letter-shaped-popup input[type=email]{width:78%;padding:6px 8px;font-size:11px}#studio-welcome.letter-shaped-popup .button{width:78%;padding:6px 8px;font-size:10px;margin-top:8px}#studio-welcome.letter-shaped-popup .newsletter-fineprint{font-size:8px!important;line-height:1.4!important;margin-top:8px}.studio-mail-intro .footer-lettering{height:36px}}
/* Full-width, shorter dust-bag photo feature; preserve both bags in the portrait source. */
body[data-view=journals] .journal-packaging-feature{position:relative;isolation:isolate;width:100%;min-height:0;height:420px;margin:50px 0 0;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;background:var(--paper);border:0;box-shadow:none}
body[data-view=journals] .journal-packaging-feature:before{content:'';position:absolute;inset:-15px;background:url('dust-bags.webp') center 8%/cover no-repeat;filter:blur(9px) saturate(.65) brightness(1.18);opacity:.7;z-index:-3}
body[data-view=journals] .journal-packaging-feature>img{inset:0 auto 0 0;width:62%;max-width:1000px;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.8) brightness(1.12);opacity:1;transform:none;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);z-index:-2}
body[data-view=journals] .journal-packaging-feature:after{background:linear-gradient(90deg,rgba(248,246,243,.08),rgba(248,246,243,.08) 45%,rgba(248,246,243,.72) 65%,rgba(248,246,243,.86));z-index:-1}
body[data-view=journals] .journal-packaging-copy{width:43%;max-width:600px;padding:30px 6% 30px 3%;text-align:left;box-sizing:border-box}
body[data-view=journals] .journal-packaging-copy h2{font-size:40px}
body[data-view=journals] .journal-packaging-copy p{margin:0 0 22px;max-width:400px}
body[data-view=care] #care{background-color:var(--paper);background-image:url('care-scattered-stars.svg');background-size:1440px 1000px;background-position:center top;background-repeat:repeat-y}
@media(max-width:700px){body[data-view=journals] .journal-packaging-feature{height:490px;margin-top:30px;align-items:flex-end;justify-content:center}body[data-view=journals] .journal-packaging-feature>img{width:100%;height:300px;object-position:center 60%;mask-image:linear-gradient(#000 88%,transparent)}body[data-view=journals] .journal-packaging-feature:after{background:linear-gradient(0deg,#f8f6f3 0%,rgba(248,246,243,.97) 24%,rgba(248,246,243,.15) 56%,transparent 80%)}body[data-view=journals] .journal-packaging-copy{width:100%;max-width:490px;padding:24px 7% 30px;text-align:center}body[data-view=journals] .journal-packaging-copy h2{font-size:34px}body[data-view=journals] .journal-packaging-copy p{margin:0 auto 19px}body[data-view=care] #care{background-size:950px 900px;background-position:center top}}

body[data-view=care] #care{background-size:100% auto}
@media(max-width:700px){body[data-view=care] #care{background-image:url('care-scattered-stars-mobile.svg');background-size:100% auto}}

/* Exact uploaded lettering, unredrawn. Darken blending leaves its pale background invisible on the paper. */
#studio-welcome.letter-shaped-popup h2 img,.studio-mail-intro .footer-lettering img{mix-blend-mode:darken;transform:translateY(-50%)}
#studio-welcome.letter-shaped-popup .welcome-letter-content{top:25.5%}
#studio-welcome.letter-shaped-popup h2{height:27px;margin-bottom:8px}
#studio-welcome.letter-shaped-popup h2 img{width:76%;left:12%}
#studio-welcome.letter-shaped-popup .welcome-copy{font-size:10px;line-height:1.45;margin-bottom:9px}
#studio-welcome.letter-shaped-popup input[type=email]{padding:6px 9px;font-size:11px}
#studio-welcome.letter-shaped-popup .button{padding:6px 9px;font-size:10px;margin-top:9px}
#studio-welcome.letter-shaped-popup .newsletter-fineprint{font-size:8px!important;line-height:1.35!important;margin-top:8px;white-space:nowrap}
.studio-mail-intro .footer-lettering{height:39px}
@media(max-width:480px){#studio-welcome.letter-shaped-popup .welcome-letter-content{top:25.5%}#studio-welcome.letter-shaped-popup h2{height:21px;margin-bottom:5px}#studio-welcome.letter-shaped-popup h2 img{width:82%;left:9%}#studio-welcome.letter-shaped-popup .welcome-copy{font-size:9px;line-height:1.35;margin-bottom:6px}#studio-welcome.letter-shaped-popup input[type=email]{padding:5px 8px;font-size:10px}#studio-welcome.letter-shaped-popup .button{padding:5px 8px;font-size:9px;margin-top:7px}#studio-welcome.letter-shaped-popup .newsletter-fineprint{font-size:7px!important;line-height:1.3!important;margin-top:7px}.studio-mail-intro .footer-lettering{height:34px}}

/* Letter mockup: live form elements sit in the same positions as the reference. */
#studio-welcome.letter-shaped-popup .welcome-letter-scene{container-type:inline-size}
#studio-welcome.letter-shaped-popup .welcome-letter-content{inset:0;width:100%;height:100%;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}
#studio-welcome.letter-shaped-popup h2{position:absolute;top:30%;left:8%;width:84%;height:6.5%;margin:0}
#studio-welcome.letter-shaped-popup h2 img{width:100%;left:0}
#studio-welcome.letter-shaped-popup .welcome-copy{position:absolute;top:40%;left:18%;width:64%;margin:0;font:2.5cqw/1.45 Arial,Helvetica,sans-serif}
#studio-welcome.letter-shaped-popup .studio-newsletter-form{position:static}
#studio-welcome.letter-shaped-popup input[type=email]{position:absolute;top:48.5%;left:21%;width:58%;height:3.7%;margin:0;padding:0 1.6cqw;font:2cqw/1.2 Arial,Helvetica,sans-serif;box-sizing:border-box;min-height:0}
#studio-welcome.letter-shaped-popup .button{position:absolute;top:53.2%;left:21%;width:58%;height:3.7%;margin:0;padding:0 1.6cqw;font:2cqw/1.2 Arial,Helvetica,sans-serif;box-sizing:border-box;min-height:0}
#studio-welcome.letter-shaped-popup .newsletter-fineprint{position:absolute;top:59%;left:16%;width:68%;margin:0;font:1.65cqw/1.35 Arial,Helvetica,sans-serif!important;white-space:nowrap}
#studio-welcome.letter-shaped-popup .newsletter-fineprint em{font-style:normal}
#studio-welcome.letter-shaped-popup .newsletter-status{position:absolute;top:58.5%;left:19%;width:62%;margin:0;font:2cqw/1.4 Arial,Helvetica,sans-serif!important}
#studio-welcome.letter-shaped-popup .is-newsletter-saved .newsletter-status{top:48.5%}
#studio-welcome.letter-shaped-popup form:has(.newsletter-status:not(:empty)) .newsletter-fineprint{display:none}
/* A small signed envelope above the footer signup, matching the supplied layout. */
.studio-footer-signup{max-width:380px;width:100%}
.studio-footer-signup .studio-mail-intro{position:relative;display:block;width:160px;height:175px;margin:0 auto 24px}
.studio-footer-signup .studio-mail-intro>img{width:100%;height:100%;object-fit:contain}
.studio-footer-signup .studio-mail-intro>div{position:absolute;top:34%;left:15%;width:70%}
.studio-footer-signup .studio-mail-intro .footer-lettering{width:100%;height:22px;margin:0;max-width:none}
.studio-footer-signup .studio-mail-intro .footer-lettering img{width:100%;height:auto;object-fit:contain}
.studio-footer-signup label[for=footer-email]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-footer-signup input[type=email]{padding:9px 11px;font-size:12px}
.studio-footer-signup .studio-newsletter-form .button{margin-top:7px;padding:9px 11px;font:12px Arial,Helvetica,sans-serif}
.studio-footer-signup .newsletter-fineprint{text-align:center;font:9px/1.5 Arial,Helvetica,sans-serif!important;margin-top:7px}

/* User-supplied artwork is rendered untouched. Only transparent functional controls overlay it. */
.artwork-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.exact-newsletter-artwork{position:relative;width:100%;aspect-ratio:1398/2000;container-type:inline-size}
.exact-newsletter-image{display:block;width:100%;height:auto;max-width:none;pointer-events:none}
#studio-welcome.exact-artwork-popup{width:min(510px,92vw,calc((100svh - 28px)*.699));max-width:none;max-height:calc(100svh - 28px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--ink)}
.exact-newsletter-artwork .artwork-form{position:absolute;inset:0;margin:0;padding:0;}
.exact-newsletter-artwork .artwork-form input[type=email]{position:absolute;box-sizing:border-box;min-height:0;margin:0;padding:0 1cqw;border:0;border-radius:0;background:transparent;color:#443d48;font-family:Arial,Helvetica,sans-serif;line-height:1.2;box-shadow:none}
.exact-newsletter-artwork .artwork-form input[type=email]::placeholder{color:transparent}
.popup-artwork .artwork-form input[type=email]{left:27.25%;top:34.85%;width:43.1%;height:1.9%;font-size:1.35cqw}
.popup-artwork .artwork-form input[type=email]:not(:placeholder-shown){background:#eeece2}
.exact-newsletter-artwork .artwork-submit,.exact-newsletter-artwork .artwork-unsubscribe{position:absolute;display:block;margin:0;padding:0;border:0;background:transparent;color:transparent!important;font-size:0;text-decoration:none;box-shadow:none;cursor:pointer;min-height:0;border-radius:0}
.popup-artwork .artwork-submit{left:27.1%;top:37.4%;width:43.4%;height:2.05%}
.popup-artwork .artwork-unsubscribe{left:50.5%;top:40.9%;width:15.7%;height:1.1%}
#studio-welcome.exact-artwork-popup .newsletter-close{top:18%;right:22%;padding:0;font-size:18px;z-index:3}
.exact-footer-signup{width:100%;max-width:380px;align-self:start}
.footer-artwork .artwork-form input[type=email]{left:8.8%;top:72.6%;width:81%;height:3.5%;padding:0 1.8cqw;font-size:2.5cqw}
.footer-artwork .artwork-form input[type=email]:not(:placeholder-shown){background:#eeebf0}
.footer-artwork .artwork-submit{left:8.65%;top:77.55%;width:81.25%;height:3.85%}
.footer-artwork .artwork-unsubscribe{left:50.7%;top:82.55%;width:19.2%;height:1.4%}
.exact-newsletter-artwork .newsletter-status{position:absolute;top:84.5%;left:8%;width:84%;text-align:center;margin:0;font:11px/1.5 Arial,Helvetica,sans-serif!important;color:#443d48}
.popup-artwork .newsletter-status{top:65%;left:20%;width:60%;background:#f8f6f3}
.exact-newsletter-artwork .newsletter-status:empty{display:none}
.exact-newsletter-artwork .artwork-submit:disabled{cursor:default}
.exact-newsletter-artwork input:focus-visible,.exact-newsletter-artwork button:focus-visible,.exact-newsletter-artwork a:focus-visible{outline:2px solid #496b82;outline-offset:2px}

/* Signed envelope and a naturally flowing footer form. White outside the supplied image blends away. */
.signed-envelope-signup{width:100%;max-width:340px;align-self:start}
.signed-envelope-signup .footer-signed-envelope{display:block;width:150px;height:auto;margin:-12px 0 17px;mix-blend-mode:multiply;object-fit:contain}
.signed-envelope-signup .footer-signup-copy{margin:0 0 17px;font:12px/1.7 Arial,Helvetica,sans-serif;color:var(--muted);max-width:310px;text-align:left}
.signed-envelope-signup .studio-newsletter-form{position:relative;display:block;text-align:left}
.signed-envelope-signup input[type=email]{width:100%;padding:10px 12px;margin:0;font:12px/1.4 Arial,Helvetica,sans-serif;background:#fbf9f7;border:1px solid #bdb3c1}
.signed-envelope-signup .studio-newsletter-form .button{display:block;width:100%;margin:10px 0 0;padding:10px 12px;font:12px/1.4 Arial,Helvetica,sans-serif}
.signed-envelope-signup .newsletter-fineprint{margin:12px 0 0;text-align:left;font:9px/1.65 Arial,Helvetica,sans-serif!important;white-space:normal}
.signed-envelope-signup .newsletter-status:empty{display:none}
.signed-envelope-signup .newsletter-status{margin-top:12px}
.home-leathers{background:#e1eaf0}
body[data-view=home] .hero-photo{background:var(--paper)}
body[data-view=home] .hero-photo img{opacity:.76}
@media(max-width:800px){.signed-envelope-signup{max-width:340px}.signed-envelope-signup .footer-signed-envelope{width:140px}}

/* The supplied envelope stays intact; all live signup content stays on the exposed paper. */
#studio-welcome.paper-signup-popup{width:min(510px,94vw,calc((100svh - 28px)*.87));max-width:none;max-height:calc(100svh - 28px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;color:var(--ink)}
.paper-signup-scene{position:relative;width:100%;aspect-ratio:508/584;container-type:inline-size}
.paper-signup-envelope{display:block;width:100%;height:auto;clip-path:polygon(50% 2.8%,78.6% 26.2%,86.5% 26.2%,86.8% 35.7%,94.5% 49%,95% 98.7%,6% 98.7%,5.4% 50%,12.3% 35.8%,12.5% 26.3%,23.8% 26.1%)}
#studio-welcome.paper-signup-popup .newsletter-close{top:24%;right:3%;padding:0;border:0;background:transparent;font:20px/1 Arial,Helvetica,sans-serif;z-index:3}
#studio-welcome.paper-signup-popup .paper-signup-copy{position:absolute;top:39%;left:18%;width:64%;margin:0;font:2.1cqw/1.45 Arial,Helvetica,sans-serif;color:#554a59;text-align:center}
#studio-welcome.paper-signup-popup .paper-signup-form{position:absolute;inset:0;margin:0;padding:0}
#studio-welcome.paper-signup-popup input[type=email]{position:absolute;top:46.4%;left:25%;width:50%;height:3.5%;padding:0 1.6cqw;margin:0;box-sizing:border-box;min-height:0;background:#fffdf780;border:1px solid #bdb3c1;border-radius:0;font:1.9cqw/1.2 Arial,Helvetica,sans-serif;color:var(--ink)}
#studio-welcome.paper-signup-popup .button{position:absolute;top:51%;left:25%;display:block;width:50%;height:3.5%;margin:0;padding:0 1cqw;box-sizing:border-box;min-height:0;font:1.9cqw/1.2 Arial,Helvetica,sans-serif;border-radius:0}
#studio-welcome.paper-signup-popup .newsletter-fineprint{position:absolute;top:55.8%;left:18%;width:64%;margin:0;font:1.5cqw/1.4 Arial,Helvetica,sans-serif!important;white-space:nowrap;text-align:center;color:#5d5360}
#studio-welcome.paper-signup-popup .newsletter-fineprint a{color:inherit;text-decoration:none}
#studio-welcome.paper-signup-popup .newsletter-fineprint a:hover{text-decoration:underline}
#studio-welcome.paper-signup-popup .newsletter-status{position:absolute;top:39%;left:20%;width:60%;margin:0;text-align:center;font:2cqw/1.4 Arial,Helvetica,sans-serif!important;color:#425c70}
#studio-welcome.paper-signup-popup .newsletter-status:empty{display:none}
.paper-signup-scene:has(.newsletter-status:not(:empty)) .paper-signup-copy{visibility:hidden}
#studio-welcome.paper-signup-popup .is-newsletter-saved input[type=email],#studio-welcome.paper-signup-popup .is-newsletter-saved .button{display:none}

/* Retain depth in the hero; center the complete footer signup. */
body[data-view=home] .hero-photo img{opacity:.92}
.signed-envelope-signup .footer-signed-envelope{margin:-12px auto 17px}
.signed-envelope-signup .footer-signup-copy{margin:0 auto 17px;text-align:center}
.signed-envelope-signup .newsletter-fineprint{text-align:center}
.signed-envelope-signup .newsletter-fineprint em,.signed-envelope-signup .newsletter-fineprint a{display:inline;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:italic!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit}
/* Avoid enlarging the supplied 508px artwork; keep its original content. */
#studio-welcome.paper-signup-popup{width:min(508px,94vw,calc((100svh - 28px)*.87))}
.paper-signup-envelope{image-rendering:-webkit-optimize-contrast;filter:contrast(1.035);transform:none;backface-visibility:visible}

/* High-resolution straightened cutout and separate original lettering; approved form positions preserved. */
.paper-signup-envelope{position:absolute;left:5.3%;top:2.8%;width:89.4%;height:95.9%;object-fit:fill;clip-path:none;filter:none;image-rendering:auto}
#studio-welcome.paper-signup-popup .paper-signup-title{position:absolute;top:28.8%;left:14%;width:72%;height:auto;margin:0;padding:0;line-height:0;font-size:0}
.paper-signup-title img{display:block;width:100%;height:auto;mix-blend-mode:darken}
/* A slightly shorter footer, with the link columns lowered as one aligned row. */
.editorial-footer{padding-top:30px;padding-bottom:20px}
.signed-envelope-signup .footer-signed-envelope{width:125px;margin:-8px auto 11px}
.signed-envelope-signup .footer-signup-copy{margin-bottom:13px}
.signed-envelope-signup input[type=email]{padding:8px 12px}
.signed-envelope-signup .studio-newsletter-form .button{padding:8px 12px;margin-top:8px}
.signed-envelope-signup .newsletter-fineprint{margin-top:9px}
.footer-columns>section:not(.studio-footer-signup){padding-top:64px;align-self:start}
.footer-signoff{margin-top:22px;padding-top:16px}
@media(max-width:800px){.editorial-footer{padding-top:26px}.footer-columns>section:not(.studio-footer-signup){padding-top:0}.signed-envelope-signup .footer-signed-envelope{width:125px}}

/* Footer layout follows the reference: envelope, signup, then two short link columns. */
.editorial-footer{padding:30px 5% 24px}
.footer-columns{display:grid;grid-template-columns:1fr 1.4fr .85fr .85fr;gap:2.5%;align-items:center}
.signed-envelope-signup{grid-column:1/3;display:grid;grid-template-columns:.82fr 1.18fr;gap:5%;align-items:center;width:100%;max-width:none;align-self:center}
.signed-envelope-signup .footer-signed-envelope{grid-column:1;grid-row:1;display:block;width:100%;max-width:230px;height:auto;margin:0 auto;mix-blend-mode:multiply}
.footer-signup-content{grid-column:2;grid-row:1;text-align:center;min-width:0}
.footer-signup-content .footer-lettering{width:100%;height:auto;max-width:none;margin:0 auto 11px;overflow:visible;line-height:0}
.footer-signup-content .footer-lettering img{display:block;position:static;width:100%;height:auto;max-width:360px;margin:auto;object-fit:contain;mix-blend-mode:multiply;transform:none}
.signed-envelope-signup .footer-signup-copy{max-width:390px;margin:0 auto 14px;text-align:center;font:12px/1.55 Arial,Helvetica,sans-serif}
.signed-envelope-signup .studio-newsletter-form{max-width:390px;margin:0 auto;text-align:center}
.signed-envelope-signup input[type=email]{padding:9px 11px;font-size:12px}
.signed-envelope-signup .studio-newsletter-form .button{padding:9px 11px;margin-top:8px;font:12px/1.35 Arial,Helvetica,sans-serif}
.signed-envelope-signup .newsletter-fineprint{margin:9px 0 0;text-align:center;font:9px/1.45 Arial,Helvetica,sans-serif!important}
.signed-envelope-signup .newsletter-fineprint em,.signed-envelope-signup .newsletter-fineprint a{font:inherit!important;font-style:italic!important;color:inherit}
.signed-envelope-signup .newsletter-status:empty{display:none}
.footer-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.footer-links a{display:block;margin:0;text-decoration:none;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--ink)}
.footer-links a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--wine)}
.footer-signoff{display:none}
@media(max-width:800px){.editorial-footer{padding:26px 6% 20px}.footer-columns{grid-template-columns:1fr 1fr;gap:26px 18px}.signed-envelope-signup{grid-column:1/-1;grid-template-columns:.72fr 1.28fr;gap:5%;max-width:620px;margin:0 auto}.signed-envelope-signup .footer-signed-envelope{width:100%;max-width:175px}.footer-links{align-self:start;padding-top:8px}}
@media(max-width:480px){.footer-columns{gap:23px 10px}.signed-envelope-signup{grid-template-columns:1fr;gap:12px}.signed-envelope-signup .footer-signed-envelope{width:126px;max-width:126px}.footer-signup-content{grid-column:1;grid-row:2}.footer-signup-content .footer-lettering{max-width:300px}.signed-envelope-signup .footer-signup-copy{font-size:11px}.footer-links{gap:7px}.footer-links a{font-size:11px}}

/* Footer: compact signup on the left, with the original link groups aligned beside it. */
.editorial-footer{padding:30px 5% 22px}
.footer-columns{grid-template-columns:.72fr .9fr .9fr .9fr .9fr;gap:2.2%;align-items:center}
.signed-envelope-signup{grid-column:1/3;grid-template-columns:.72fr 1.28fr;gap:4%;max-width:none;align-self:center}
.signed-envelope-signup .footer-signed-envelope{width:100%;max-width:155px;margin:0 auto;mix-blend-mode:multiply}
.footer-signup-content{grid-column:2;grid-row:1;text-align:left;min-width:0}
.footer-signup-content .footer-lettering{margin:0 0 8px}
.footer-signup-content .footer-lettering img{max-width:240px;margin:0}
.signed-envelope-signup .footer-signup-copy{max-width:260px;margin:0 0 9px;text-align:left;font-size:11px;line-height:1.45}
.signed-envelope-signup .studio-newsletter-form{max-width:260px;margin:0;text-align:left}
.signed-envelope-signup input[type=email]{width:100%;padding:7px 9px;font-size:11px}
.signed-envelope-signup .studio-newsletter-form .button{padding:7px 10px;margin-top:6px;font-size:11px}
.signed-envelope-signup .newsletter-fineprint{margin-top:7px;text-align:left;font-size:8px!important}
.footer-links{align-items:flex-start;text-align:left;justify-content:center;gap:6px;align-self:stretch}
.footer-links h3{font:12px/1.3 Arial,Helvetica,sans-serif;font-weight:600;margin:0 0 5px;color:var(--ink)}
.footer-links a{font-size:11px;line-height:1.45}
@media(max-width:800px){.footer-columns{grid-template-columns:1fr 1fr;gap:24px 18px}.signed-envelope-signup{grid-column:1/-1;grid-template-columns:.7fr 1.3fr;max-width:560px;margin:0}.signed-envelope-signup .footer-signed-envelope{max-width:145px}.footer-links{align-self:start;padding-top:0}}
@media(max-width:480px){.footer-columns{gap:22px 12px}.signed-envelope-signup{grid-template-columns:.72fr 1.28fr;gap:10px}.signed-envelope-signup .footer-signed-envelope{width:100%;max-width:115px}.footer-signup-content{grid-column:2;grid-row:1}.footer-signup-content .footer-lettering img{max-width:210px}.signed-envelope-signup .footer-signup-copy{font-size:10px}.footer-links{gap:6px}.footer-links h3{font-size:11px}.footer-links a{font-size:10px}}

/* Soft blue design panel and a little more breathing room before the footer links. */
.designer{background:#e6f0f6}
.footer-columns{grid-template-columns:.7fr .85fr .9fr .9fr .9fr;column-gap:3.3%}
.signed-envelope-signup .footer-signed-envelope{max-width:140px}
.footer-signup-content .footer-lettering img{max-width:220px}
@media(max-width:800px){.footer-columns{column-gap:18px}}

/* Keep the full design section on its original paper tone; tint only the “Your design” summary box. */
body[data-view=design] .designer{background:var(--paper)}
body[data-view=design] .review{background:#e3f1f8;border-color:#bdd4e2}


body[data-view=home] .featured .sectionhead{justify-content:center;text-align:center}
body[data-view=home] .featured .sectionhead h2{width:100%;text-align:center}
body[data-view=design] .review{background:#eeeaf0!important;border-color:#e4eef2!important}
body[data-view=design] #review-dialog{background:var(--paper)!important}
#review-summary.request-review-content{display:grid;gap:18px;width:100%;margin:12px 0 24px;padding:0;border:0;background:transparent;color:var(--ink);font:13px/1.55 Arial,sans-serif;white-space:normal;resize:none}
.request-detail-section{padding:15px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:3px}
.request-detail-section h3{margin:0 0 12px;font:500 15px/1.3 Arial,sans-serif;letter-spacing:-.2px;color:var(--ink)}
.request-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.request-detail-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;background:#fffdf9;border:1px solid rgba(120,102,86,.13);border-radius:2px}
.request-detail-card.wide{grid-column:1/-1}
.request-detail-label{font-size:9px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.request-detail-value{font-size:12px;line-height:1.5;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.pricing-grid .request-detail-card:nth-child(3) .request-detail-value{font-size:14px;color:var(--ink)}
@media(max-width:560px){.request-detail-section{padding:12px}.request-summary-grid{gap:7px}.request-detail-card{padding:9px}.request-detail-value{font-size:11px}}

/* Small alignment and colour refinements requested for the page sections. */
.centered-header nav [data-page=design]{background:transparent!important;border:0!important;color:var(--ink)!important}
.centered-header nav [data-page=design]:hover{background:transparent!important;border:0!important;color:var(--wine)!important}
.editorial-footer:before{display:none!important}
.footer-columns{align-items:start}
.footer-links{align-self:start;justify-content:flex-start}
.footer-links h3{white-space:nowrap}
.signed-envelope-signup .studio-newsletter-form.is-newsletter-saved .newsletter-status{white-space:nowrap;font-size:8.5px!important;line-height:1.2;margin:7px 0 0;letter-spacing:-.02em}
@media(min-width:901px){body[data-view=leathers] #leathers .sectionhead{gap:3%;align-items:flex-end}body[data-view=leathers] #leathers .sectionhead>div{flex:0 1 38%;min-width:0}body[data-view=leathers] #leathers .sectionhead>p{flex:1 1 62%;width:auto;max-width:none;margin:0 0 3px;text-align:left}}
@media(max-width:900px){body[data-view=leathers] #leathers .sectionhead{display:block}body[data-view=leathers] #leathers .sectionhead>p{width:auto;max-width:680px;margin:16px 0 3px;text-align:left}}
body[data-view=journals] #journals .minimal-product-image img.custom-a5-photo,
body[data-view=journals] #journals .minimal-product-image img.custom-a6-photo{transform:scale(1.12)!important;transform-origin:center center}
body[data-view=design] #review-dialog{background:var(--paper)!important}
body[data-view=design] .request-detail-section{background:#e3f1f8!important}

/* Match the A5 custom journal's displayed scale to the standard A5 card. */
body[data-view=journals] #journals .minimal-product-image img.custom-a5-photo{transform:scale(1.3)!important;transform-origin:center center}
/* Keep the design introduction directly beneath its page title. */
body[data-view=design] #design .sectionhead{display:block;text-align:left}
body[data-view=design] #design .sectionhead>div{max-width:780px}
body[data-view=design] #design .sectionhead>div>p{max-width:720px;margin:16px 0 3px}

/* Match the active design tab lettering to the other navigation labels. */
.centered-header nav [data-page=design]{color:var(--ink)!important}.centered-header nav [data-page=design]:hover{color:var(--wine)!important}
/* Scale the A5 custom photo itself, cropping its white margins inside the card. */
.minimal-product-image img.custom-a5-photo{width:127.7%!important;height:226%!important;left:-13.85%!important;top:-56.75%!important;transform:none!important;transform-origin:center center}

/* Keep the custom A5 cover as large as its companion in the journal cards. */
body .minimal-product:nth-child(3) .minimal-product-image img{position:absolute!important;width:90%!important;height:100%!important;left:5%!important;top:0!important;max-width:none!important;object-fit:cover!important;object-position:center 43%!important;transform:none!important;mix-blend-mode:multiply!important}

body[data-view=home] .centered-header nav [data-page=design]{color:#fffaf8!important}body[data-view=home] .centered-header nav [data-page=design]:hover{color:#fff!important}