.prints-content{
  --paper:#F5F6F2; --paper-2:#ECEEE8; --ink:#17201C; --ink-2:#56605B; --line:#D5D9D2;
  --mat:#2F5E4F; --mat-ink:#F2F5F1; --mat-line:rgba(255,255,255,.13); --mat-line-2:rgba(255,255,255,.06);
  --accent:#C4006A; --accent-ink:#FFFFFF; --sheet:#FFFFFF; --sheet-ink:#1B1F24;
  --display:"Fraunces", Georgia, "Times New Roman", serif;
  --body:"Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --step--1:clamp(.8rem,.78rem + .1vw,.86rem); --step-0:clamp(1rem,.96rem + .2vw,1.1rem);
  --step-1:clamp(1.25rem,1.15rem + .5vw,1.5rem); --step-2:clamp(1.7rem,1.4rem + 1.4vw,2.6rem);
  --step-3:clamp(2.4rem,1.8rem + 3vw,4.4rem);
  --wrap:1120px;
}@media (prefers-color-scheme:dark){.prints-content:not([data-theme="light"]){
  --paper:#121815; --paper-2:#19211D; --ink:#E9EDE9; --ink-2:#A6B0AA; --line:#2E3833;
  --mat:#1D3A31; --mat-ink:#EEF3EF; --mat-line:rgba(255,255,255,.1); --mat-line-2:rgba(255,255,255,.045);
  --accent:#FF5AAE; --accent-ink:#17201C; --sheet:#F7F7F3; --sheet-ink:#1B1F24; color-scheme:dark }}.prints-content[data-theme="dark"]{
  --paper:#121815; --paper-2:#19211D; --ink:#E9EDE9; --ink-2:#A6B0AA; --line:#2E3833;
  --mat:#1D3A31; --mat-ink:#EEF3EF; --mat-line:rgba(255,255,255,.1); --mat-line-2:rgba(255,255,255,.045);
  --accent:#FF5AAE; --accent-ink:#17201C; --sheet:#F7F7F3; --sheet-ink:#1B1F24; color-scheme:dark }.prints-content *,.prints-content *::before,.prints-content *::after{ box-sizing:border-box }.prints-content [hidden]{ display:none !important }.prints-content{ scroll-behavior:smooth }.prints-content{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:var(--step-0); line-height:1.55; -webkit-font-smoothing:antialiased }.prints-content a{ color:inherit }.prints-content :focus-visible{ outline:2px solid var(--accent); outline-offset:3px; border-radius:2px }.prints-content .wrap{ max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(16px,4vw,40px) }.prints-content h1,.prints-content h2,.prints-content h3{ font-family:var(--display); font-weight:400; letter-spacing:-.015em; line-height:1.04; text-wrap:balance; margin:0 }.prints-content h1{ font-size:var(--step-3) }.prints-content h2{ font-size:var(--step-2) }.prints-content h3{ font-size:var(--step-1); line-height:1.15 }.prints-content h1 em,.prints-content h2 em{ font-style:italic; color:var(--ink-2) }.prints-content .on-mat h2 em{ color:color-mix(in srgb, var(--mat-ink) 72%, transparent) }.prints-content p{ margin:0; max-width:62ch }.prints-content .eyebrow{ font-size:var(--step--1); letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--ink-2) }.prints-content .on-mat .eyebrow{ color:color-mix(in srgb, var(--mat-ink) 70%, transparent) }.prints-content .lede{ font-size:var(--step-1); line-height:1.45; color:var(--ink-2) }.prints-content .btn{ display:inline-flex; align-items:center; gap:.5em; padding:.8em 1.25em; border-radius:999px; font-weight:600; text-decoration:none; border:1px solid var(--ink); transition:transform .2s, background .2s, color .2s }.prints-content .btn.primary{ background:var(--ink); color:var(--paper) }.prints-content .btn:hover{ transform:translateY(-2px) }.prints-content .btn.ghost:hover{ background:var(--ink); color:var(--paper) }.prints-content .small-note{ font-size:var(--step--1); color:var(--ink-2) }.prints-content section{ padding-block:clamp(64px,9vw,120px) }.prints-content .sec-head{ display:grid; gap:14px; margin-bottom:clamp(32px,5vw,56px) }.prints-content .site-head{ border-bottom:1px solid var(--line) }.prints-content .site-head .wrap{ display:flex; align-items:center; gap:24px; padding-block:18px; flex-wrap:wrap }.prints-content .logo{ display:flex; align-items:center; gap:14px; text-decoration:none }.prints-content .logo img{ height:22px; width:auto; display:block }.prints-content .logo .word{ font-weight:700; letter-spacing:.2em; font-size:1.05rem }.prints-content .logo .tag{ font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); line-height:1.3 }@media (prefers-color-scheme:dark){.prints-content:not([data-theme="light"]) .logo img{ filter:invert(1) }}.prints-content[data-theme="dark"] .logo img{ filter:invert(1) }.prints-content .site-nav{ margin-left:auto; display:flex; gap:22px; flex-wrap:wrap }.prints-content .site-nav a{ text-decoration:none; font-weight:500; font-size:.95rem }.prints-content .site-nav a[aria-current]{ text-decoration:underline; text-underline-offset:6px; text-decoration-color:var(--accent) }.prints-content .crumbs{ font-size:var(--step--1); color:var(--ink-2); padding-top:22px; display:flex; gap:8px }.prints-content .crumbs a{ text-decoration:none }.prints-content .hero{ padding-block:clamp(28px,5vw,56px) clamp(56px,8vw,96px) }.prints-content .hero .wrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,5vw,64px); align-items:center }.prints-content .hero-copy{ display:grid; gap:22px; min-width:0 }.prints-content .hero-ctas{ display:flex; gap:12px; flex-wrap:wrap; margin-top:6px }@media (max-width:860px){.prints-content .hero .wrap{ grid-template-columns:minmax(0,1fr) }}.prints-content .mat{ position:relative; background-color:var(--mat); color:var(--mat-ink); border-radius:18px; overflow:hidden;
  background-image:linear-gradient(var(--mat-line) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line) 1px,transparent 1px),
    linear-gradient(var(--mat-line-2) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line-2) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px; background-position:-1px -1px }.prints-content .fold-mat{ padding:22px 18px 18px; display:grid; gap:14px }.prints-content .fold-stage{ --pw:clamp(96px,17vw,150px); --ph:calc(var(--pw) * 1.414); perspective:1500px; height:calc(var(--ph) + 70px); display:grid; place-items:center }.prints-content .book{ position:relative; width:calc(var(--pw) * 2); height:var(--ph); transform-style:preserve-3d; transform:rotateX(10deg); transition:transform 1.1s cubic-bezier(.65,0,.25,1) }.prints-content .half{ position:absolute; top:0; width:var(--pw); height:100%; transform-style:preserve-3d; transition:transform 1.25s cubic-bezier(.65,0,.25,1) }.prints-content .half.l{ left:0; transform-origin:100% 50% }.prints-content .half.r{ left:var(--pw); transform-origin:0 50% }.prints-content .inner{ position:absolute; left:var(--pw); top:0; width:var(--pw); height:100%; transform:translateZ(-1px) translateX(40%); opacity:0; transition:transform .9s cubic-bezier(.2,.8,.2,1), opacity .5s }.prints-content .face{ position:absolute; inset:0; background:var(--sheet); color:var(--sheet-ink); backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:hidden; box-shadow:inset 0 0 0 .5px rgba(0,0,0,.06) }.prints-content .face.back{ transform:rotateY(180deg) }.prints-content .half.l .face.front{ box-shadow:inset -10px 0 14px -12px rgba(0,0,0,.35) }.prints-content .half.r .face.front{ box-shadow:inset 10px 0 14px -12px rgba(0,0,0,.35) }.prints-content .pn{ position:absolute; bottom:6%; font:600 calc(var(--pw) * .07)/1 var(--body); color:#8A928D }.prints-content .pn.o-l{ left:9% }.prints-content .pn.o-r{ right:9% }.prints-content .book-shadow{ position:absolute; left:2%; right:2%; bottom:-14px; height:20px; background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent); filter:blur(2px); transform:translateZ(-20px) }.prints-content .marks{ position:absolute; inset:-14px; pointer-events:none; transition:opacity .4s }.prints-content .marks i{ position:absolute; background:rgba(255,255,255,.75) }.prints-content .marks .h{ height:1px; width:10px }.prints-content .marks .v{ width:1px; height:10px }.prints-content .marks .fold{ left:50%; width:0; border-left:1px dashed rgba(255,255,255,.7); height:10px; background:none }.prints-content .staples i{ position:absolute; left:calc(var(--pw) - 2px); width:4px; height:9%; background:linear-gradient(90deg,#9aa3a7,#e7ebec,#8d969a); border-radius:2px; transform:translateZ(2px) scaleY(0); transition:transform .35s cubic-bezier(.3,1.6,.5,1) }.prints-content .staples i:nth-child(1){ top:22% }.prints-content .staples i:nth-child(2){ top:69% }.prints-content .art-cover{ position:absolute; inset:0; display:flex; flex-direction:column }.prints-content .art-cover .ph{ height:62%; background:linear-gradient(180deg,#B9D2DA 0%,#E8EEF0 60%); position:relative }.prints-content .art-cover .ph svg{ position:absolute; inset:auto 0 0 0; width:100%; height:70%; display:block }.prints-content .art-cover .t{ padding:9% 10% 0; font:600 calc(var(--pw) * .11)/1.05 var(--display) }.prints-content .art-cover .s{ padding:4% 10%; font:400 calc(var(--pw) * .055)/1.3 var(--body); color:#5E6762 }.prints-content .lines{ position:absolute; inset:14% 11% 18%; background:repeating-linear-gradient(180deg,transparent 0 calc(var(--pw) * .085),#D3D8DC calc(var(--pw) * .085) calc(var(--pw) * .085 + 1px)) }.prints-content .photo-pg .ph{ position:absolute; inset:11% 11% 34%; background:linear-gradient(160deg,#E3B26A,#C4683F 55%,#6E4C55); }.prints-content .photo-pg .cap{ position:absolute; left:11%; right:30%; top:71%; height:3px; background:#C9CED2; box-shadow:0 calc(var(--pw) * .05) 0 #C9CED2 }.prints-content .text-pg i{ position:absolute; left:11%; height:2px; background:#C9CED2 }.prints-content .back-pg .bar{ position:absolute; left:11%; bottom:16%; width:34%; height:12%; background:repeating-linear-gradient(90deg,#1B1F24 0 1px,transparent 1px 2.5px,#1B1F24 2.5px 4px,transparent 4px 5px) }.prints-content .back-pg .by{ position:absolute; left:11%; top:12%; right:11%; font:500 calc(var(--pw) * .055)/1.35 var(--body); color:#5E6762 }.prints-content .fold-stage.printing .half .face.front{ animation:printIn 1.5s cubic-bezier(.4,0,.2,1) both }@keyframes printIn{ from{ clip-path:inset(0 0 100% 0) } to{ clip-path:inset(0 0 0 0) } }.prints-content .fold-stage:is([data-step="fold"],[data-step="nest"],[data-step="staple"]) .book{ transform:rotateX(10deg) translateX(calc(var(--pw) / -2)) }.prints-content .fold-stage:is([data-step="fold"],[data-step="nest"],[data-step="staple"],[data-step="open"]) .half.l{ transform:rotateY(180deg) translateZ(3px) }.prints-content .fold-stage:is([data-step="fold"],[data-step="nest"],[data-step="staple"],[data-step="open"]) .marks{ opacity:0 }.prints-content .fold-stage:is([data-step="nest"],[data-step="staple"],[data-step="open"]) .inner{ opacity:1; transform:translateZ(-1px) }.prints-content .fold-stage:is([data-step="staple"],[data-step="open"]) .staples i{ transform:translateZ(2px) scaleY(1) }.prints-content .fold-stage[data-step="open"] .half.r{ transform:rotateY(-168deg) }.prints-content .fold-stage.reset *{ transition:none !important }.prints-content .steps-row{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; align-items:center }.prints-content .chip{ font:600 .8rem/1 var(--body); color:var(--mat-ink); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); padding:.55em .9em; border-radius:999px; cursor:pointer; transition:background .25s, color .25s, border-color .25s }.prints-content .chip[aria-pressed="true"]{ background:var(--sheet); color:var(--sheet-ink); border-color:var(--sheet) }.prints-content .chip.play{ background:transparent; border-style:dashed }.prints-content .fold-caption{ text-align:center; font-size:.95rem; min-height:3em; color:color-mix(in srgb, var(--mat-ink) 85%, transparent); max-width:40ch; margin-inline:auto }.prints-content .on-mat{ background:var(--mat); color:var(--mat-ink); background-image:linear-gradient(var(--mat-line) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line) 1px,transparent 1px); background-size:96px 96px }.prints-content .imp-grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,5vw,64px); align-items:start }@media (max-width:860px){.prints-content .imp-grid{ grid-template-columns:minmax(0,1fr) }}.prints-content .imp-copy{ display:grid; gap:18px }.prints-content .imp-copy p{ color:color-mix(in srgb, var(--mat-ink) 85%, transparent) }.prints-content .seg{ display:inline-flex; background:rgba(0,0,0,.18); border-radius:999px; padding:4px; gap:2px; flex-wrap:wrap }.prints-content .seg button{ font:600 .85rem/1 var(--body); border:0; background:transparent; color:var(--mat-ink); padding:.65em 1em; border-radius:999px; cursor:pointer }.prints-content .seg button[aria-pressed="true"]{ background:var(--sheet); color:var(--sheet-ink) }.prints-content .imp-controls{ display:flex; gap:10px; flex-wrap:wrap }.prints-content .imp-board{ position:relative; min-height:200px; transition:height .6s cubic-bezier(.65,0,.25,1) }.prints-content .tile{ position:absolute; left:0; top:0; display:grid; place-items:center; background:var(--sheet); color:var(--sheet-ink); font:600 1rem/1 var(--body); font-variant-numeric:tabular-nums; border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,.25); transition:transform .8s cubic-bezier(.65,0,.25,1), background .4s }.prints-content .tile.cover{ background:#F3C7DD }.prints-content .tile.backc{ background:#D7E2DC }.prints-content .tile small{ position:absolute; bottom:3px; font:500 .55rem/1 var(--body); color:#6C7570; letter-spacing:.04em }.prints-content .side-box{ position:absolute; left:0; top:0; border:1px dashed rgba(255,255,255,.55); border-radius:4px; opacity:0; transition:opacity .4s, transform .8s cubic-bezier(.65,0,.25,1) }.prints-content .side-box span{ position:absolute; left:8px; top:5px; font:600 .66rem/1 var(--body); letter-spacing:.08em; text-transform:uppercase; color:color-mix(in srgb, var(--mat-ink) 75%, transparent) }.prints-content .side-box::after{ content:""; position:absolute; top:22px; bottom:8px; left:50%; border-left:1px dashed rgba(255,255,255,.4) }.prints-content .imp-board.sheets .side-box{ opacity:1 }.prints-content .imp-caption{ margin-top:18px; font-size:1rem; min-height:3.2em; color:color-mix(in srgb, var(--mat-ink) 88%, transparent) }.prints-content .imp-caption strong{ color:var(--mat-ink) }.prints-content .three{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px) }@media (max-width:760px){.prints-content .three{ grid-template-columns:minmax(0,1fr) }}.prints-content .step{ display:grid; gap:12px; padding-top:18px; border-top:1px solid var(--ink) }.prints-content .step .num{ font:500 var(--step--1)/1 var(--body); letter-spacing:.12em; color:var(--ink-2) }.prints-content .step p{ color:var(--ink-2) }.prints-content .group-label{ font-weight:600; margin:0 0 14px; font-size:var(--step--1); letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2) }.prints-content .products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr)); gap:14px; margin-bottom:36px }.prints-content .prod{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 16px; padding:18px; background:var(--paper-2); border-radius:12px; align-items:start; transition:transform .3s, background .3s }.prints-content .prod svg{ grid-row:span 3; color:var(--accent); transition:transform .45s cubic-bezier(.3,1.5,.5,1) }.prints-content .prod:hover{ transform:translateY(-3px) }.prints-content .prod:hover svg{ transform:rotate(-6deg) scale(1.08) }.prints-content .prod b{ font-family:var(--display); font-weight:600; font-size:1.12rem; line-height:1.2 }.prints-content .prod .size{ font-size:.8rem; color:var(--accent); font-weight:600; font-variant-numeric:tabular-nums }.prints-content .prod p{ font-size:.92rem; color:var(--ink-2); line-height:1.45 }.prints-content .paper-grid{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,5vw,64px); align-items:center }@media (max-width:860px){.prints-content .paper-grid{ grid-template-columns:minmax(0,1fr) }}.prints-content .diagram{ padding:18px }.prints-content .diagram svg{ width:100%; height:auto; display:block }.prints-content .diagram .draw{ stroke-dasharray:var(--len,600); stroke-dashoffset:0 }.prints-content .diagram.go .draw{ animation:draw 1.6s cubic-bezier(.4,0,.2,1) both }@keyframes draw{ from{ stroke-dashoffset:var(--len,600) } to{ stroke-dashoffset:0 } }.prints-content .facts{ display:grid; gap:18px; margin:0 }.prints-content .facts div{ display:grid; gap:4px; padding-bottom:16px; border-bottom:1px solid var(--line) }.prints-content .facts dt{ font-weight:600 }.prints-content .facts dd{ margin:0; color:var(--ink-2) }.prints-content .feat{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 clamp(24px,5vw,72px) }@media (max-width:720px){.prints-content .feat{ grid-template-columns:minmax(0,1fr) }}.prints-content .feat div{ display:grid; grid-template-columns:28px minmax(0,1fr); gap:4px 14px; padding-block:20px; border-top:1px solid var(--line) }.prints-content .feat svg{ grid-row:span 2; color:var(--accent); margin-top:2px }.prints-content .feat h3{ font-size:1.2rem }.prints-content .feat p{ color:var(--ink-2); font-size:.97rem }.prints-content .sell{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(28px,5vw,64px); align-items:center }@media (max-width:860px){.prints-content .sell{ grid-template-columns:minmax(0,1fr) }}.prints-content .sell ul{ margin:18px 0 0; padding:0; list-style:none; display:grid; gap:12px }.prints-content .sell li{ padding-left:22px; position:relative; color:var(--ink-2) }.prints-content .sell li::before{ content:""; position:absolute; left:0; top:.55em; width:10px; height:10px; border:2px solid var(--accent); border-radius:2px }.prints-content .sell li strong{ color:var(--ink) }.prints-content .receipt{ background:var(--sheet); color:var(--sheet-ink); padding:26px 24px 22px; border-radius:4px; box-shadow:0 18px 40px rgba(0,0,0,.18); transform:rotate(1.4deg); max-width:380px; justify-self:center; width:100%;
  -webkit-mask:radial-gradient(circle 6px at 50% 100%, transparent 98%, #000) 0 0/16px 100% repeat-x; mask:radial-gradient(circle 6px at 50% 100%, transparent 98%, #000) 0 0/16px 100% repeat-x }.prints-content .receipt h3{ font-size:1.15rem; margin-bottom:4px }.prints-content .receipt .ex{ font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:#8A0F55; font-weight:600 }.prints-content .receipt dl{ margin:16px 0 0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; font-variant-numeric:tabular-nums; font-size:.95rem }.prints-content .receipt dd{ margin:0; text-align:right }.prints-content .receipt .tot{ border-top:1px dashed #9AA09A; padding-top:10px; font-weight:700 }.prints-content .receipt .price{ font-family:var(--display); font-size:1.6rem; font-weight:600 }.prints-content .priv{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,40px) }@media (max-width:760px){.prints-content .priv{ grid-template-columns:minmax(0,1fr) }}.prints-content .priv div{ display:grid; gap:10px }.prints-content .priv p{ color:color-mix(in srgb, var(--mat-ink) 82%, transparent) }.prints-content .priv h3{ color:var(--mat-ink) }.prints-content .faq{ max-width:780px }.prints-content .faq details{ border-top:1px solid var(--line); padding-block:18px }.prints-content .faq details:last-child{ border-bottom:1px solid var(--line) }.prints-content .faq summary{ cursor:pointer; font-weight:600; font-size:1.08rem; list-style:none; display:flex; justify-content:space-between; gap:16px }.prints-content .faq summary::-webkit-details-marker{ display:none }.prints-content .faq summary::after{ content:"+"; font-family:var(--display); font-size:1.4rem; line-height:1; color:var(--accent); transition:transform .3s }.prints-content .faq details[open] summary::after{ transform:rotate(45deg) }.prints-content .faq details p{ margin-top:10px; color:var(--ink-2) }.prints-content .cta{ text-align:left; display:grid; gap:22px }.prints-content .cta .hero-ctas{ margin-top:0 }.prints-content .mail{ font-weight:600; user-select:all }.prints-content .site-foot{ border-top:1px solid var(--line); padding-block:40px; font-size:.92rem }.prints-content .site-foot .wrap{ display:flex; flex-wrap:wrap; gap:28px 56px; justify-content:space-between }.prints-content .site-foot nav{ display:grid; gap:8px }.prints-content .site-foot nav a{ text-decoration:none; color:var(--ink-2) }.prints-content .site-foot nav a:hover{ color:var(--ink) }@media (prefers-reduced-motion:reduce){.prints-content *,.prints-content *::before,.prints-content *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important }}