@font-face{font-family:Literata;src:url('/assets/fonts/literata.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('/assets/fonts/sourcesans3.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{font-family:'Source Sans 3',sans-serif;color:#333b39;background:#fbf8ef;--ink:#690d1a;--heading:Alegreya;--weight:500;--paper:#fbf8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:210px}body{margin:0}button,input{font:inherit}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2e645c;outline-offset:5px}img{display:block;max-width:100%}p{margin:0 0 1rem;line-height:1.45}h1,h2,h3,h4{font-weight:var(--weight);margin:0;color:var(--ink);font-family:var(--heading),serif;font-optical-sizing:auto}h2{font-size:clamp(2.25rem,3.65vw,3.5rem);line-height:1.15}h3{font-size:1.55rem;line-height:1.2;margin-bottom:.65rem}
[data-font=alegreya],[data-specimen=alegreya]{--heading:Alegreya;--weight:500}[data-font=bitter],[data-specimen=bitter]{--heading:Bitter;--weight:500}[data-font=cabin],[data-specimen=cabin]{--heading:Cabin;--weight:600}[data-font=literata],[data-specimen=literata]{--heading:Literata;--weight:400}
.study{background:#f0ede5;border-bottom:1px solid #c7c0b0;position:sticky;top:0;z-index:5;padding:14px max(24px,calc((100vw - 1260px)/2));color:#403d34;box-shadow:0 3px 18px #3727190b}.study-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:10px}.study-top p{margin:0}.study-top span{color:#726b5d}.study-top a{font-size:.925rem}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices button{background:transparent;border:1px solid #b9b1a2;border-radius:4px;display:flex;justify-content:space-between;gap:.6rem;align-items:center;text-align:left;color:inherit;padding:9px 13px;min-height:48px}.choices button[aria-pressed=true]{background:#374f46;color:white;border-color:#374f46}.choices button:hover{border-color:#374f46}.choices button>span:last-child{font-size:.82rem;line-height:1.2}.choice-name{font-size:1.35rem;white-space:nowrap}.choices [data-choice=alegreya] .choice-name{font-family:Alegreya}.choices [data-choice=bitter] .choice-name{font-family:Bitter}.choices [data-choice=cabin] .choice-name{font-family:Cabin}.choices [data-choice=literata] .choice-name{font-family:Literata}.study-note{font-size:.9375rem;margin:9px 0 0;min-height:22px}
.site-preview{max-width:1320px;margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:34px 5% 72px}.logo-crop{position:relative;display:block;overflow:hidden;width:310px;aspect-ratio:280/74;flex-shrink:0}.logo-crop img{position:absolute;width:318.57143%;max-width:none;left:-17.85714%;top:-13.51351%;height:auto}.site-header nav{display:flex;gap:30px;padding-top:28px;font-size:1rem;color:var(--ink)}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:44% 56%;background:#f8e6d8;scroll-margin-top:10px}.hero-copy{padding:48px 8% 42px 11.4%;position:relative}h1{font-size:clamp(3.15rem,5.4vw,4.8rem);line-height:1.015;letter-spacing:-.028em;margin-bottom:22px}.hero-copy>p{font-size:1.08rem;max-width:36ch;margin-bottom:13px}.hero-copy .intro{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.22;margin-bottom:24px}.invite{margin-top:30px;padding-top:23px;border-top:1px solid #dca883;max-width:390px}.small-label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink);font-size:.75rem;display:block}.invite h2{font-size:1.95rem;margin:9px 0 20px}.invite label{display:block;font-size:.875rem;margin-bottom:5px}.form-preview{display:flex;gap:7px}.form-preview input{width:50%;min-width:0;border:1px solid #b5aaa0;border-radius:3px;background:#fffcf6;padding:9px 11px;font-size:1rem}.form-preview button{white-space:nowrap;background:#b74b36;color:#fff;border:0;border-radius:3px;padding:10px 13px;cursor:default;opacity:1}.invite p{font-size:.8rem;color:#71625b;margin:8px 0 0}.hero-art{overflow:hidden;position:relative;background:#70563e}.hero-crop{position:absolute;width:100%;aspect-ratio:535/543;min-height:100%;top:50%;transform:translateY(-50%);overflow:hidden}.hero-crop img{width:166.72897%;max-width:none;height:auto;position:absolute;left:-66.72897%;top:-28.72928%}
.divider-crop{position:relative;overflow:hidden;margin:78px 5% 64px;aspect-ratio:814/28}.divider-crop img{position:absolute;max-width:none;width:109.58231%;height:auto;left:-4.914%;top:-2700%}.details{padding:0 5%}.details>h2{margin-bottom:34px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.details-grid p{font-size:1.0625rem;max-width:35ch;margin-bottom:8px}.journal{text-align:center;margin:112px auto 100px;padding:0 6%}.journal>h2{margin-bottom:10px}.journal>p{font-size:1.15rem}.instagram{font-size:1rem;display:inline-flex;gap:20px;text-decoration:none;align-items:center;margin:14px 0 34px}.instagram span{border-left:1px solid #b58778;padding-left:20px;text-decoration:underline;color:#97301f}.gallery-wrap{max-width:630px;margin:0 auto 24px}.gallery-wrap>.small-label{text-align:left;margin-bottom:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:hidden}.gallery img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.gallery .detail-watercolor{object-fit:none;object-position:10% 30%;max-height:205px}.gallery .detail-clay{object-position:60% 20%}.gallery .detail-paper{object-position:95% 15%;object-fit:none;max-height:205px}.gallery .detail-paper-two{object-position:10% 70%}.gallery .detail-clay-two{object-position:35% 85%}.gallery .detail-watercolor-two{object-position:75% 95%}.journal>a:last-child{color:var(--ink);font-size:1.2rem}
.comparison{background:#eae5d9;padding:70px max(24px,calc((100vw - 1190px)/2)) 32px;scroll-margin-top:10px}.comparison-heading{max-width:720px;margin-bottom:40px}.comparison-heading h2{font:600 1.65rem 'Source Sans 3',sans-serif;color:#3d453e;margin-bottom:12px}.comparison-heading p{font-size:1.075rem}.specimens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.specimen{padding:30px;background:var(--paper)}.specimen-label{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;border-bottom:1px solid #d5cbb7;padding-bottom:18px;margin-bottom:28px}.specimen-label a{text-decoration:none;font-weight:600}.specimen h3{font-size:clamp(2.4rem,4.2vw,4rem);line-height:1.06;letter-spacing:-.018em;margin:0 0 27px}.specimen h4{font-size:1.55rem;margin:0 0 14px;line-height:1.15}.specimen>p{min-height:4.5em;font-size:1rem;max-width:52ch}.specimen>button{background:none;color:#385849;border:0;border-bottom:1px solid #9fac98;padding:7px 0;font-size:1rem}.study-footer{font-size:.875rem;color:#615e55;margin:30px 0 0}
@media(min-width:1320px){.hero-copy{padding-top:55px;padding-bottom:55px}.hero-copy>p{font-size:1.14rem}.hero{grid-template-columns:43% 57%}}
@media(max-width:1040px){.choices button{flex-direction:column;align-items:flex-start;gap:2px}.site-header{padding-bottom:50px}.site-header nav{gap:18px;font-size:.9rem}.hero{grid-template-columns:46% 54%}.hero-copy{padding:35px 8%}.hero-copy>p{font-size:1rem}.hero-copy .intro{font-size:1.35rem}.hero-crop{height:100%;width:auto;aspect-ratio:535/543;min-width:100%;left:50%;transform:translate(-50%,-50%)}.hero-crop img{height:auto}.invite h2{font-size:1.7rem}.details-grid{gap:30px}.details-grid h3{font-size:1.35rem}.specimen-label{flex-direction:column;gap:4px}}
@media(max-width:700px){html{scroll-padding-top:240px}.study{padding:12px 16px}.study-top{font-size:.875rem}.study-top a{font-size:.8rem}.choices{gap:5px}.choices button{padding:8px;min-height:65px}.choice-name{font-size:1.04rem}.choices button>span:last-child{font-size:.7rem}.study-note{font-size:.81rem;line-height:1.3;min-height:34px}.site-header{padding:28px 22px 44px;display:block}.logo-crop{width:275px;max-width:90%}.site-header nav{padding-top:26px;justify-content:space-between;gap:12px;font-size:.875rem}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 28px 44px}h1{font-size:clamp(3.45rem,11.5vw,4.9rem)}.hero-copy .intro{font-size:1.45rem}.hero-copy>p{max-width:42ch;font-size:1.075rem}.invite{max-width:100%;margin-top:27px}.invite h2{font-size:1.9rem}.form-preview input{flex:1}.hero-art{aspect-ratio:535/480}.hero-crop{width:100%;height:auto;aspect-ratio:535/543;min-height:0;top:50%;left:0;transform:translateY(-50%)}.divider-crop{margin:50px 22px 44px}.details{padding:0 28px}.details>h2{font-size:2.25rem;margin-bottom:30px}.details-grid{grid-template-columns:1fr;gap:27px}.details-grid h3{font-size:1.5rem}.details-grid p{max-width:46ch;font-size:1.0625rem}.journal{margin-top:78px;margin-bottom:65px;padding:0 25px}.journal>h2{font-size:2.2rem}.journal>p{font-size:1.025rem}.instagram{font-size:.875rem;gap:13px}.instagram span{padding-left:13px}.gallery{gap:5px}.comparison{padding:45px 18px 25px}.specimens{grid-template-columns:1fr;gap:18px}.specimen{padding:25px}.specimen h3{font-size:3.45rem}.specimen-label{flex-direction:row}.specimen>p{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Color exploration: interface tokens are independent of artwork and type. */
body{background:var(--paper);color:var(--ink)}
.study{background:#F5F7F8;color:#303D49;border-color:#CBD4DC;box-shadow:none}
.study-top span{color:#526273}.study-links{display:flex;gap:20px}.choices button{border-color:#AEBCC7}.choices button[aria-pressed=true]{background:#344859;border-color:#344859}.choices button:hover{border-color:#344859}
.palette-picker{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid #DAE1E7;font-size:.875rem}.palette-picker label{font-weight:600;white-space:nowrap}.palette-picker select{font:inherit;color:#263D50;background:#FAFCFF;border:1px solid #9EAEBB;border-radius:3px;padding:7px 30px 7px 10px;max-width:240px}.palette-picker>a{margin-left:auto;white-space:nowrap}#palette-status{font-size:.83rem;color:#485C6D}
.palette-explorer{background:#F0F4F7;color:#293C4B;padding:60px max(24px,calc((100vw - 1250px)/2)) 68px;scroll-margin-top:20px}.palette-heading{max-width:670px;margin-bottom:32px}.palette-heading .small-label{color:#415C70}.palette-heading h2{font:500 clamp(2rem,3vw,2.7rem) 'Source Sans 3',sans-serif;color:#293C4B;margin:10px 0 12px}.palette-heading p{font-size:1.1rem}.palette-heading .palette-caption{font-size:.9rem;color:#51697A}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.palette-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #CED8DF;background:#FAFCFD;padding:12px;color:#293C4B;border-radius:3px;position:relative}.palette-card:hover{border-color:#516C80;box-shadow:0 5px 12px #203B4B0C}.palette-card[aria-pressed=true]{outline:2px solid #38556B;outline-offset:3px}.palette-card-label{display:flex;justify-content:space-between;gap:6px;font-size:.85rem;font-weight:600;min-height:35px;line-height:1.15}.selected-label{display:none;font-size:.68rem;white-space:nowrap}.palette-card[aria-pressed=true] .selected-label{display:inline}.mini-page{background:var(--paper);color:var(--ink);display:block}.mini-brand{display:block;padding:11px 12px;font-family:var(--heading);font-size:.92rem}.mini-hero{display:flex;align-items:flex-start;flex-direction:column;padding:16px 12px;background:var(--surface);border-bottom:3px solid var(--accent)}.mini-title{font:var(--weight) clamp(1.35rem,1.8vw,1.7rem)/1.06 var(--heading);letter-spacing:-.02em;margin-bottom:12px}.mini-copy{font-size:.72rem;line-height:1.35}.mini-cta{display:inline-block;background:var(--action);color:#fff;padding:6px 8px;font-size:.68rem;margin-top:14px}.swatches{display:flex;height:18px;margin:13px 0 11px;border:1px solid #D1DCE2}.swatches>span{flex:1}.palette-description{font-size:.85rem;line-height:1.35;min-height:4.2em}.palette-hex{font: .61rem/1.5 monospace;color:#546A7B;margin-top:12px;overflow-wrap:anywhere}
.site-preview{background:var(--paper);color:var(--ink)}.hero{background:var(--surface)}.logo-crop,.divider-crop{mix-blend-mode:multiply}.hero-copy{background:var(--surface)}.invite{border-color:var(--accent)}.form-preview input{background:var(--paper);color:var(--ink);border-color:var(--accent)}.form-preview input::placeholder{color:var(--ink);opacity:.75}.form-preview button{background:var(--action);color:#fff}.invite p{color:var(--ink)}.instagram span{color:var(--action);border-color:var(--accent)}.site-preview a:focus-visible,.site-preview button:focus-visible,.site-preview input:focus-visible{outline-color:var(--action)}.journal>a:last-child{color:var(--action)}.comparison{background:#EDF2F5;color:#344A5B}.comparison-heading h2{color:#344A5B}.specimen{background:var(--paper);color:var(--ink)}.specimen-label{border-color:var(--accent)}.specimen>button{color:var(--action);border-color:var(--accent)}.study-footer{color:#475F70}
@media(max-width:1100px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-card-label{min-height:26px}.mini-title{font-size:1.8rem}#palette-status{display:none}.palette-description{min-height:2.7em}}
@media(max-width:700px){.study-links{gap:12px}.study-note{display:none}.study-top span{display:none}.palette-picker{gap:8px;flex-wrap:wrap;font-size:.8rem}.palette-picker select{max-width:190px}.palette-picker>a{font-size:.74rem}.palette-explorer{padding:35px 20px 45px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.palette-card{padding:9px}.palette-card-label{font-size:.79rem;min-height:35px;flex-direction:column;justify-content:flex-start;gap:3px}.selected-label{font-size:.63rem}.mini-title{font-size:1.48rem}.mini-hero{padding:16px 10px}.palette-description{font-size:.8rem;min-height:4.1em}.palette-hex{font-size:.58rem}.mini-brand{padding:10px;font-size:.8rem}.palette-heading p{font-size:1rem}}

/* Standalone high-resolution painted lockup; native transparency, no image crop. */
.brand-logo{display:block;width:330px;max-width:100%;flex-shrink:0;line-height:0}.brand-logo img{width:100%;height:auto;display:block}.site-header{align-items:center}.site-header nav{padding-top:0}
@media(max-width:900px){.brand-logo{width:285px}.site-header nav{gap:16px}}
@media(max-width:700px){.brand-logo{width:290px;max-width:100%}.site-header nav{padding-top:26px}}

.gallery>a{display:block;aspect-ratio:1;overflow:hidden}.gallery>a img{width:100%;height:100%;object-fit:cover}.luma-invite{display:inline-block;background:var(--action);color:#fff;padding:12px 18px;border-radius:3px;text-decoration:none;margin:6px 0;font-size:1rem}.luma-invite:hover{filter:brightness(.9)}
html{scroll-padding-top:24px}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:12px}.not-found,.colophon{padding:50px 5%;max-width:900px;margin:auto}

/* Selected open-table illustration: preserve the full print and its negative space. */
.hero-illustration{background:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.hero-illustration>img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}
@media(max-width:700px){.hero-illustration{aspect-ratio:auto;padding:8px 20px 24px}.hero-illustration>img{max-width:520px}}

/* Rose-tinted art paper, with grain behind the type and a quiet uneven wash. */
.hero-copy{
  isolation:isolate;
  background-color:var(--surface);
  background-image:radial-gradient(ellipse at 12% 8%,#ffffff55,transparent 65%),radial-gradient(ellipse at 90% 92%,#9b5b8126,transparent 65%),linear-gradient(115deg,#ffffff12,transparent 48%,#6d315d0a);
  box-shadow:inset 0 0 0 1px #762a560b;
}
.hero-copy::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('/assets/paper-grain.svg') repeat;
  background-size:180px 180px;opacity:.27;mix-blend-mode:multiply;
}
