@font-face{font-family:DM;src:url(fonts/dm-sans.woff2) format('woff2');font-display:swap}@font-face{font-family:Fraunces;src:url(fonts/fraunces.ttf) format('truetype');font-display:swap}@font-face{font-family:Space;src:url(fonts/space-grotesk.woff2) format('woff2');font-display:swap}@font-face{font-family:QDM;src:url(studies/fonts/DMSans.woff2) format('woff2');font-display:swap}@font-face{font-family:QCor;src:url(studies/fonts/CormorantGaramond-Regular.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body),Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(100% - 48px,1240px);margin:auto}.notice{padding:9px 16px;background:var(--ink);color:var(--paper);text-align:center;font-size:.76rem;font-weight:700}.mast{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:21px 0;font-size:.75rem;letter-spacing:.1em}.brand{font-family:var(--display),Georgia,serif;font-size:1.45rem;letter-spacing:-.04em;text-decoration:none;font-weight:700}.mast span:last-child{text-align:right}.opening{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:end;padding:38px 0 27px}.opening .label{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}h1{font:400 clamp(4.2rem,8vw,8rem)/.84 var(--display),Georgia,serif;letter-spacing:-.06em;margin:17px 0 0}h1 em{font-weight:400;color:var(--accent)}.opening p{font-size:1.1rem;line-height:1.5;max-width:430px;margin:0 0 3px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:45px}.demo{background:var(--card);border:1px solid var(--ink);min-width:0;display:flex;flex-direction:column}.preview{display:block;overflow:hidden;background:var(--ink);height:310px;border-bottom:1px solid var(--ink)}.preview picture,.preview img{width:100%;height:100%;display:block}.preview img{object-fit:cover;object-position:top;transition:transform .3s}.preview:hover img{transform:scale(1.03)}.demo-copy{padding:20px 24px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:end;flex:1}.demo h2{font:400 clamp(2rem,3vw,3rem)/.95 var(--display),Georgia,serif;letter-spacing:-.045em;margin:0}.demo p{grid-column:1/-1;line-height:1.45;margin:2px 0;font-size:.9rem;max-width:570px}.demo .source{font-size:.72rem;opacity:.75}.open{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--ink);color:var(--paper);font-weight:700;padding:10px 14px;text-decoration:none;white-space:nowrap;font-size:.85rem}.open:hover{background:var(--accent);color:#fff}.after{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px 0 80px;border-top:1px solid var(--ink)}.after h2{font:400 clamp(2.2rem,4vw,3.8rem)/1 var(--display),Georgia,serif;margin:0 0 17px}.after p{line-height:1.55;max-width:530px}.offer{grid-column:2;grid-row:1/4;background:var(--ink);color:var(--paper);padding:32px;align-self:start}.offer a{font-weight:700}footer{border-top:1px solid var(--ink);padding:22px 0;font-size:.75rem}.queen{--paper:#f1d0b3;--ink:#102f3c;--accent:#a33e31;--card:#f8e4d0;--body:QDM;--display:QCor}.north{--paper:#eee8d7;--ink:#251118;--accent:#a8462c;--card:#f9f3e5;--body:DM;--display:Fraunces}.stuarts{--paper:#f3df8e;--ink:#193b5a;--accent:#a9492e;--card:#fff2ca;--body:DM;--display:Space}.stuarts h1,.stuarts h2{font-weight:700}.north .opening{border-bottom:6px solid #b85030}.queen .opening{border-bottom:6px solid #102f3c}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.mast{padding:15px 0}.brand{font-size:1.1rem}.mast span:last-child{font-size:.6rem;max-width:130px}.opening{display:block;padding:28px 0 18px}.opening .label{font-size:.65rem}h1{font-size:clamp(3.75rem,14vw,5.5rem);margin:13px 0 13px}.opening p{font-size:.91rem}.pair{display:block;padding-bottom:30px}.demo{margin-bottom:16px}.preview{height:210px}.demo-copy{padding:15px;display:block}.demo h2{font-size:2.1rem;margin-bottom:8px}.demo p{font-size:.83rem;margin:0 0 12px}.demo .source{font-size:.7rem;margin:10px 0 0}.open{width:100%;min-height:42px}.after{display:block;padding:35px 0}.after h2{font-size:2.6rem}.after p{font-size:.9rem}.offer{padding:23px;margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}@media(max-width:760px){.preview img{object-position:center 48%}}