:root{--paper-50:#fbf8f2;--paper-100:#f4efe6;--paper-200:#e9e1d3;--paper-300:#d8ccb8;--paper-400:#bfb09a;--ink-900:#1e1b18;--ink-800:#2c2824;--ink-700:#3d3833;--ink-600:#524b44;--ink-500:#6b635a;--ink-300:#a39a8e;--blue-50:#f1f2fd;--blue-100:#e3e6fa;--blue-200:#c3c9f3;--blue-500:#3a4bdb;--blue-600:#2a3bc7;--blue-700:#1f2c99;--blue-800:#18226f;--ochre-100:#f8eacb;--ochre-400:#e0a83a;--ochre-700:#8a5e10;--moss-100:#ddebdf;--moss-600:#3b6a4a;--moss-700:#2c5238;--rose-100:#f6deda;--rose-600:#b23a3a;--rose-700:#8e2a2a;--white:#fff;--surface-page:var(--paper-100);--surface-raised:var(--paper-50);--surface-sunken:var(--paper-200);--surface-inverse:var(--ink-900);--surface-accent:var(--blue-600);--surface-accent-soft:var(--blue-100);--surface-mat:var(--white);--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-inverse:var(--paper-50);--text-accent:var(--blue-600);--text-on-accent:var(--white);--border-subtle:var(--paper-300);--border-default:var(--paper-400);--border-strong:var(--ink-900);--border-focus:var(--blue-600);--status-success:var(--moss-600);--status-success-bg:var(--moss-100);--status-warning:var(--ochre-700);--status-warning-bg:var(--ochre-100);--status-danger:var(--rose-600);--status-danger-bg:var(--rose-100);--status-info:var(--blue-700);--status-info-bg:var(--blue-100);--placeholder-bg:var(--paper-200);--placeholder-ink:var(--ink-500);--font-display:"Gloock", "Georgia", serif;--font-sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--fs-display-xl:64px;--fs-display-l:48px;--fs-display-m:36px;--fs-display-s:28px;--fs-title:22px;--fs-body-l:18px;--fs-body:16px;--fs-body-s:14px;--fs-label:12px;--fs-micro:11px;--lh-tight:1.05;--lh-snug:1.2;--lh-body:1.5;--lh-loose:1.65;--tracking-display:-.015em;--tracking-body:0;--tracking-label:.08em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--type-display:400 var(--fs-display-l)/var(--lh-tight) var(--font-display);--type-heading:400 var(--fs-display-s)/var(--lh-snug) var(--font-display);--type-title:600 var(--fs-title)/var(--lh-snug) var(--font-sans);--type-body:400 var(--fs-body)/var(--lh-body) var(--font-sans);--type-label:500 var(--fs-label)/1.3 var(--font-mono);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0;--radius-xs:2px;--radius-s:6px;--radius-m:10px;--radius-l:16px;--radius-pill:999px;--control-h-s:36px;--control-h-m:48px;--control-h-l:56px;--content-max:1200px;--measure:62ch;--mobile-gutter:20px;--shadow-hang:0 1px 1px #1e1b1814, 0 12px 24px -8px #1e1b1847, 0 28px 48px -24px #1e1b184d;--shadow-lift:0 1px 2px #1e1b1814, 0 6px 16px -6px #1e1b182e;--shadow-sheet:0 -8px 32px -8px #1e1b1838;--ring-focus:0 0 0 2px var(--paper-50), 0 0 0 4px var(--blue-600);--border-hair:1px solid var(--border-subtle);--frame-wood:#6b4a2e;--frame-black:#1e1b18;--frame-oak:#c9a77c;--frame-white:#f7f5f0;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-inout:cubic-bezier(.6,0,.3,1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.48s;--scrim:#1e1b187a}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gloock-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/schibsted-grotesk-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/schibsted-grotesk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-weight:400}p{text-wrap:pretty}a{color:var(--text-accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--blue-800);text-decoration-thickness:2px}:focus-visible{box-shadow:var(--ring-focus);outline:none}::selection{background:var(--blue-200);color:var(--ink-900)}img{max-width:100%}.section-pad{max-width:1240px;margin:0 auto;padding:clamp(56px,7vw,104px) clamp(20px,4vw,40px)}.section-head{font:400 clamp(34px, 4.4vw, 56px)/1.02 var(--font-display);letter-spacing:-.015em;color:var(--text-strong);margin:0}.eyebrow{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.lp-sticky{display:none}@media (width<=749px){.lp-sticky{display:flex}body{padding-bottom:76px}}.cookie-banner{z-index:1000;color:#1e1b18;background:#fbf8f2;border:1px solid #d8ccb8;border-radius:16px;align-items:center;gap:20px;max-width:880px;margin:0 auto;padding:20px 24px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #1e1b182e}.cookie-banner-text p{color:#3d3833;margin:6px 0 0;font-size:.92rem;line-height:1.45}.cookie-banner-actions{flex-shrink:0;gap:10px;display:flex}.cookie-banner-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:100px;padding:10px 20px;font-weight:600}.cookie-reject{color:#1e1b18;background:0 0;border:1px solid #1e1b18}.cookie-accept{color:#fff;background:#2a3bc7;border:1px solid #2a3bc7}.cookie-settings-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.flow-header-links{align-items:center;gap:18px;display:flex}@media (width<=640px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner-actions button{flex:1}}.skip{position:absolute;top:-100px}.skip:focus{z-index:10;background:#fff;padding:16px;top:0}.dev-banner{background:var(--ink-900);color:var(--paper-100);text-align:center;font:11px/1.6 var(--font-mono);letter-spacing:.05em;padding:7px 20px}header{border-bottom:var(--border-hair)}.nav{justify-content:space-between;align-items:center;gap:32px;max-width:1240px;margin:auto;padding:12px 40px;display:flex}.wordmark{font:36px/1 var(--font-display);color:inherit;text-decoration:none;display:inline-flex}.wordmark img{width:auto;height:128px;display:block}.footer-mark img{background:var(--paper-100);border-radius:14px;height:132px;padding:10px 14px}@media (width<=749px){.wordmark img{height:88px}}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-body);font-size:14px;text-decoration:none}.button{background:var(--blue-600);color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:15px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--blue-700);color:#fff}.outline{border:1px solid var(--ink-900);color:var(--ink-900);background:0 0}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.fine{font:12px/1.6 var(--font-mono);color:var(--text-muted)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero h1{text-wrap:initial;max-width:560px;font-size:clamp(56px,6.3vw,92px);line-height:1.01}.hero-copy{max-width:470px;margin:28px 0;font-size:20px;line-height:1.5}.hero .eyebrow{margin-bottom:24px}.hero-art{position:relative}.hero-art>img{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:100%;height:auto;display:block}.preview-card{background:var(--paper-50);width:205px;box-shadow:var(--shadow-lift);border-radius:12px;padding:12px;position:absolute;bottom:30px;left:-30px}.preview-card>div{gap:8px;margin-bottom:8px;display:flex}.preview-card img{object-fit:cover;border-radius:4px;width:calc(50% - 4px);height:88px}.preview-card span,.preview-card small{font:10px var(--font-mono)}.preview-card small{float:right;color:var(--text-muted)}.benefits{border-block:var(--border-hair);grid-template-columns:repeat(4,1fr);gap:24px;max-width:1160px;margin:auto;padding:28px 0;display:grid}.benefits strong{font-size:14px;display:block}.benefits span{color:var(--text-muted);margin-top:5px;font-size:12px;display:block}.section-intro{max-width:600px;font-size:18px;line-height:1.6}.examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0;display:grid}.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pair figure{margin:0;position:relative}.pair img{aspect-ratio:3/4;object-fit:cover;border-radius:9px;width:100%;height:auto;display:block}.pair figcaption{background:var(--paper-50);font:10px var(--font-mono);border-radius:99px;padding:4px 9px;position:absolute;bottom:10px;left:10px}.pair figure+figure figcaption{background:var(--ink-900);color:#fff}.examples article>p{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.examples article>p span{color:var(--text-muted)}.band{background:var(--paper-200)}.style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.frame{border:10px solid var(--frame-black);box-shadow:var(--shadow-hang);background:#fff;padding:18px;display:block}.frame-1{border-color:var(--frame-white)}.frame-2{border-color:var(--frame-wood)}.frame-3{border-color:var(--frame-oak)}.frame img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;display:block}.style-grid h3,.occasion-grid h3{margin-top:24px;font-size:28px}.style-grid p,.occasion-grid p{font-size:15px;line-height:1.55}.style-grid a:not(.frame){font-size:13px}.two-col{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.dark{background:var(--ink-900);color:var(--paper-300)}.dark h2,.dark h3{color:var(--paper-50)}.dark a{color:var(--blue-200)}.photo-check{border:1px solid var(--border-default);border-radius:12px;margin-top:30px;padding:24px}.photo-check h3{font:600 18px var(--font-sans)}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--ink-600);gap:24px;padding:28px 0;display:flex}.steps li>span{font:48px var(--font-display);color:var(--blue-200)}.steps h3{font:600 20px var(--font-sans)}.steps p{font-size:15px}.occasion-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;display:grid}.occasion-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%;height:auto}.print-pair{align-items:end;gap:24px;display:flex}.print-pair .frame{width:57%;padding:14px}.print-pair .frame+.frame{width:39%;padding:10px}.specs{margin:30px 0}.specs>div{border-bottom:var(--border-hair);grid-template-columns:140px 1fr;padding:15px 0;font-size:14px;display:grid}.specs dd{color:var(--text-muted);margin:0}.faq details{background:var(--paper-200);border-radius:9px;margin:10px 0;padding:18px 20px}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq p{font-size:14px}.closing{background:var(--blue-600);color:#fff;justify-content:space-between;align-items:center;gap:40px;padding:72px max(40px,50vw - 580px);display:flex}.closing h2{color:#fff;max-width:750px;font-size:clamp(36px,4.5vw,64px);line-height:1.05}.closing .button{background:var(--ink-900);flex-shrink:0}footer{background:var(--ink-900);color:var(--paper-200)}.footer-inner{justify-content:space-between;gap:40px;max-width:1240px;margin:auto;padding:48px 40px;display:flex}footer p,footer small{font-size:12px}footer nav{flex-wrap:wrap;align-items:start;gap:20px;display:flex}footer a{color:var(--paper-200);font-size:13px}.article{max-width:850px}.article h1{font-size:clamp(42px,5vw,70px);line-height:1.05}.article h2{margin-top:40px;font-size:30px}.article p,.article li{line-height:1.75}.article li{margin:12px 0}@media (width<=900px){.nav-links{gap:16px}.hero{gap:36px}.hero h1{font-size:64px}.two-col{gap:36px}.style-grid{grid-template-columns:repeat(2,1fr)}.benefits{padding:24px 30px}.closing{padding:56px 30px}}@media (width<=749px){body{padding-bottom:0}.nav{gap:16px;padding:18px 20px}.nav-links{display:none}.nav .button{padding:12px 18px;font-size:12px}.hero,.two-col{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(52px,12vw,76px)}.hero-art{margin-left:15px}.preview-card{bottom:20px;left:-15px}.hero-copy{font-size:18px}.benefits{grid-template-columns:1fr 1fr;padding:24px 20px}.examples,.occasion-grid{grid-template-columns:1fr;gap:32px}.pair img{aspect-ratio:4/5}.style-grid{gap:24px 18px}.style-grid h3{font-size:24px}.frame{border-width:7px;padding:10px}.closing,.footer-inner{flex-direction:column;align-items:flex-start}.closing{padding:48px 20px}.footer-inner{padding:40px 20px}.specs>div{grid-template-columns:110px 1fr}.section-head{font-size:38px}}.crumbs{max-width:1240px;font:12px/1.6 var(--font-mono);margin:auto;padding:14px 40px 0}.crumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--text-muted);margin-right:8px}.crumbs a{color:var(--text-body)}.crumbs [aria-current]{color:var(--text-muted)}.nav-links a[aria-current=page]{color:var(--text-strong);text-underline-offset:6px;text-decoration:underline}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col strong{letter-spacing:.06em;text-transform:uppercase;color:var(--paper-50);font-size:12px}.toc ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.toc a{border:1px solid var(--border-default);color:var(--text-body);border-radius:99px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-block}.faq-page section{scroll-margin-top:24px}.style-title{margin-top:24px;font-size:28px}.style-title a,.style-grid h3 a{color:inherit;text-decoration:none}.related{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=749px){.related{grid-template-columns:1fr}.crumbs{padding:12px 20px 0}}