/* Bogstavværkstedet public site. Independent of the geometry editor. */
:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;--ink:#25334a;--muted:#526078;--blue:#2459c4;--blue-hover:#194395;--line:#d9e2ef;--panel:#f3f7fd;color:var(--ink);background:#fff}
*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.65;background:#fff;color:var(--ink)}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--blue-hover)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%}h1,h2,h3{color:var(--ink);line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(38px,5vw,66px);margin:20px 0}h2{font-size:clamp(29px,3.3vw,42px);margin:12px 0 22px}h3{font-size:23px;margin:12px 0}p{max-width:75ch}main,header,footer{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}main>section{margin-bottom:88px}[hidden]{display:none!important}
header{display:flex;align-items:center;gap:24px;min-height:92px;border-bottom:1px solid var(--line)}header .brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:21px;text-decoration:none;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);color:white;border-radius:12px;font-size:17px;font-weight:800}header nav{display:flex;align-items:center;gap:26px;margin-left:auto}header nav a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}header nav a:hover{text-decoration:underline}header .nav-studio{background:var(--blue);color:white;padding:11px 18px;border-radius:10px}header .nav-studio:hover{background:var(--blue-hover);color:white}.badge{font-size:13px;font-weight:700;color:var(--blue);background:#eaf1ff;border-radius:20px;padding:5px 12px;white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:white;padding:10px}.skip-link:focus{top:10px}
.eyebrow{font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.09em;color:var(--blue);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:white;border-radius:10px;padding:14px 23px;font-size:16px;font-weight:700;text-decoration:none;min-height:50px}.button:hover{background:var(--blue-hover);color:white}.button span{font-size:21px}.secondary{font-size:16px;font-weight:700}.small{display:block;color:var(--muted);font-size:14px;line-height:1.6}
/* The hero puts all text on a solid white surface; the product gets its own frame. */
.studio-hero{display:grid;grid-template-columns:.95fr 1.1fr;gap:48px;align-items:center;padding:64px 0 24px}main>.studio-hero{margin-bottom:20px}.studio-hero h1{font-size:clamp(40px,4.5vw,59px);line-height:1.12;letter-spacing:-.045em}.studio-hero h1 em{font-style:normal;color:var(--blue)}.studio-hero .lead{font-size:18px;color:var(--muted);line-height:1.75;margin-bottom:26px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero-reassurance{font-size:14px;color:var(--muted);margin-top:23px}.hero-reassurance span{margin:0 5px}.hero-art{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 46px #25334a0d}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1536/711;object-fit:contain;background:#f5f5f4}.hero-art figcaption{padding:24px 28px;color:var(--ink);background:#fff;border-top:1px solid var(--line)}.hero-art figcaption>span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em}.hero-art strong{display:block;font-size:25px;line-height:1.25;margin:9px 0 12px;letter-spacing:-.025em}.hero-art small{display:block;font-size:13px;color:var(--muted);line-height:1.6}.capability-strip{display:flex;justify-content:space-around;gap:14px;flex-wrap:wrap;padding:20px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 80px}.capability-strip span:before{content:'✓';margin-right:9px;color:var(--blue)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;color:var(--muted);font-size:16px;margin-bottom:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.project-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column}.project-image{display:block;position:relative;background:#f5f5f4;text-decoration:none}.project-image img{display:block;width:100%;height:285px;object-fit:cover}.project-real-photo img{object-fit:contain}.image-label,.project-real-photo .image-label{position:static;display:block;background:var(--panel);color:var(--blue);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.045em;padding:12px 26px}.project-copy{padding:25px 26px;display:flex;flex-direction:column;flex:1}.project-copy h3{margin-top:0}.project-copy p{font-size:16px;color:var(--muted);margin-top:0}.project-copy a{font-weight:700;font-size:16px}.project-copy small{display:block;font-size:13px;color:var(--muted);margin-top:16px}.project-section>.small{max-width:95ch;margin-top:20px}
.how-section{padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workflow-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px}.workflow-grid h3{font-size:22px}.workflow-grid p{font-size:16px;color:var(--muted);margin-bottom:0}.step-count{display:block;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.05em}.step-visual{display:flex;align-items:center;height:98px;margin-bottom:20px;position:relative;color:var(--blue)}.text-visual{font-size:66px;font-weight:800;letter-spacing:-5px}.text-visual span{font-size:36px;margin-left:20px;color:#587ec5}.parts-visual{display:block;width:110px}.parts-visual i{position:absolute;left:10px;width:80px;height:35px;top:7px;border:2px solid var(--blue);border-radius:6px;transform:skewY(-18deg);background:#eaf1ff}.parts-visual i:nth-child(2){top:31px;background:#a5c5ff}.parts-visual i:nth-child(3){top:55px;background:#4b78cf}.file-visual{gap:10px}.file-visual b{font-size:15px;border:1px solid #94add8;border-radius:7px;padding:13px 10px;background:#eaf1ff;transform:rotate(-5deg)}.file-visual b+b{background:var(--blue);color:white;transform:rotate(5deg)}
.workshop-section{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;padding:42px;background:#f3f7fd;border:1px solid var(--line);border-radius:20px;color:var(--ink)}.workshop-section h2{font-size:40px}.workshop-section p{font-size:17px;color:var(--muted)}.workshop-section .button{margin-top:12px;font-size:15px}.feature-list article{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:16px}.feature-list article:last-child{margin-bottom:0}.feature-list article>span{flex-shrink:0;display:grid;place-items:center;align-self:flex-start;width:34px;height:34px;border-radius:9px;color:var(--blue);background:#eaf1ff;font-weight:700;font-size:13px}.feature-list h3{font-size:21px;margin:0 0 8px}.feature-list p{font-size:16px;margin:0}.feature-list a{display:inline-block;font-size:15px;font-weight:700;margin-top:12px}
.real-print{display:grid;grid-template-columns:.8fr 1.1fr;align-items:center;gap:60px}.real-print figure{margin:0}.real-print img{display:block;width:100%;height:380px;object-fit:cover;object-position:center 52%;border-radius:18px}.real-print figcaption{font-size:13px;color:var(--muted);margin-top:12px}.real-print p{font-size:17px;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.file-grid article{border:1px solid var(--line);padding:27px;border-radius:14px;background:#fff}.file-tag{display:inline-block;padding:6px 10px;border-radius:6px;background:#eaf1ff;color:var(--blue);font-size:13px;font-weight:700}.file-grid h3{font-size:22px;margin-top:22px}.file-grid p{color:var(--muted);font-size:16px;margin-bottom:0}.home-faq{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px}.home-faq details{padding:19px 0;border-bottom:1px solid var(--line)}.home-faq details:first-child{border-top:1px solid var(--line)}.home-faq summary{font-size:17px;font-weight:600;cursor:pointer;color:var(--ink)}.home-faq summary::marker{color:var(--blue)}.home-faq details p{font-size:16px;color:var(--muted)}.closing-section{text-align:center;border:1px solid #c9d9f4;background:#edf4ff;border-radius:20px;padding:52px 28px}.closing-section h2{font-size:clamp(34px,4vw,48px)}.closing-section p{font-size:16px;color:var(--muted);margin:20px auto}.closing-section>a:last-child{font-size:16px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:38px;font-size:14px;color:var(--muted)}footer strong{color:var(--ink)}footer span{margin-right:auto}
/* Help, legal and release pages share the same readable surfaces. */
.help-heading{padding:56px 0 24px}.help-heading p{color:var(--muted)}.help-heading label{font-weight:700}.help-heading input{display:block;width:min(100%,620px);margin-top:10px;padding:14px;border:1px solid #94add8;border-radius:9px;font:inherit;color:var(--ink);background:white}.help-nav{display:flex;gap:12px;flex-wrap:wrap;padding:10px 0 32px}.help-nav a{padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:15px}.help-section{max-width:980px;padding-top:25px;border-top:1px solid var(--line);scroll-margin-top:20px}.help-section li{margin:12px 0;padding-left:6px}.help-section details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;margin:12px 0}.help-section summary{cursor:pointer;font-weight:700;font-size:18px}.construction{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}.construction-picture{align-self:start;border:1px solid var(--line);border-radius:12px;background:white}.construction-picture svg{display:block;width:100%;height:120px}.construction h3{margin-top:0}.construction p{margin:10px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px;background:white}td,th{padding:16px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--panel)}.legal{padding:52px 0;max-width:850px}.legal h2{font-size:28px;margin-top:36px}.beta-note{border-left:4px solid var(--blue);padding-left:24px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card-grid article{padding:25px;border:1px solid var(--line);border-radius:12px}.number{color:var(--blue);font-weight:700}
@media(max-width:1000px){.studio-hero{gap:28px}.studio-hero h1{font-size:46px}.hero-actions{gap:15px}.workshop-section{padding:30px;gap:30px}.workflow-grid article{padding:20px}.how-section{padding:26px}.file-grid article{padding:22px}}
@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}header{min-height:80px;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}header .brand{font-size:18px}.brand-mark{width:38px;height:38px;font-size:15px}header nav{gap:14px}header nav a{font-size:14px}header nav a:first-child,.badge{display:none}header .nav-studio{padding:9px 12px}.studio-hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.studio-hero h1{font-size:clamp(39px,8vw,56px)}.studio-hero .lead{font-size:18px}.hero-art strong{font-size:24px}.hero-art figcaption{padding:22px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px;padding:18px;margin-bottom:55px}main>section{margin-bottom:58px}.section-heading{display:block}.section-heading>p{max-width:none}.section-heading>.secondary{display:inline-block;margin-top:20px}.project-grid,.workflow-grid,.workshop-section,.file-grid,.home-faq,.real-print,.card-grid{grid-template-columns:1fr}.project-grid{gap:24px}.project-image img{height:auto;aspect-ratio:1.65;object-fit:cover}.project-real-photo img{object-fit:contain}.how-section{padding:22px}.workflow-grid article{padding:24px}.step-visual{height:90px;margin-bottom:16px}.workshop-section{padding:24px}.workshop-section h2{font-size:34px}.feature-list article{padding:20px;gap:14px}.feature-list h3{font-size:20px}.real-print{gap:28px}.real-print img{height:360px}.home-faq{gap:20px}.closing-section{padding:38px 23px}footer span{flex-basis:100%}.construction{grid-template-columns:95px 1fr;gap:18px}.construction-picture svg{height:90px}}
@media(max-width:380px){header nav{width:100%;margin-left:0;justify-content:space-between}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .secondary{text-align:center}.capability-strip{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Physical print gallery: warm photography, readable captions, lightweight albums. */
.hero-art>a{display:block}.hero-art>a:focus-visible{outline-offset:-5px}
.print-gallery{scroll-margin-top:24px}.print-gallery .section-heading>p{max-width:350px}
.print-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.print-card{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 24px #25334a04}
.gallery-wide{grid-column:span 2}.print-photo{display:block;position:relative;background:#eeece9;overflow:hidden;text-decoration:none}
.print-photo img{display:block;width:100%;height:310px;object-fit:contain;transition:transform .2s ease}
.print-photo:hover img{transform:scale(1.025)}.print-photo:focus-visible{outline-offset:-5px}
.photo-count{position:absolute;bottom:14px;right:14px;padding:6px 11px;border:1px solid #ffffff99;border-radius:8px;background:#fffffff0;box-shadow:0 2px 8px #0000000a;font-size:12px;font-weight:700;color:var(--ink)}.photo-count span{margin-left:12px}
.print-copy{padding:23px 24px;display:flex;flex-direction:column;flex:1}.print-type{font-size:11px!important;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--blue)!important;margin:0 0 10px!important}
.print-copy h3{font-size:23px;margin:0 0 12px}.print-copy>p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 22px}
.print-card-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto}.print-card-bottom small{font-size:11px;line-height:1.45;color:var(--muted)}.print-card-bottom a{font-size:13px;font-weight:700;white-space:nowrap}
.gallery-note{font-size:13px;line-height:1.7;color:var(--muted);max-width:100%;margin:22px 0 0}
.gallery-invitation{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:25px 0 30px}.gallery-invitation p{font-weight:600;margin:0}
.photo-dialog-open{overflow:hidden}.photo-dialog{width:min(1000px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:white;box-shadow:0 24px 90px #0005;overflow:auto}.photo-dialog::backdrop{background:#102035b8;backdrop-filter:blur(5px)}
.photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.photo-dialog-head h2{font-size:24px;margin:5px 0 0}.photo-dialog-head .eyebrow{font-size:10px}
.photo-dialog button{cursor:pointer;font-family:inherit;color:var(--ink);background:white;border:1px solid var(--line);border-radius:9px;min-width:44px;min-height:44px}.photo-dialog button:hover{background:var(--panel)}.photo-close{font-size:28px;flex-shrink:0;line-height:1}
.photo-stage{background:#ececea;display:grid;place-items:center;min-height:120px}.photo-stage>img{display:block;width:100%;height:min(58dvh,620px);object-fit:contain}.photo-error{padding:28px}
.photo-navigation{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 8px;gap:16px}.photo-navigation>div{text-align:center}.photo-navigation button{font-size:23px}.photo-navigation p{font-size:13px;line-height:1.45;margin:0}.photo-navigation span{font-size:12px;color:var(--muted)}
.photo-thumbnails{display:flex;justify-content:center;gap:8px;padding:6px 24px 18px;overflow-x:auto}.photo-thumbnails button{padding:3px;flex:0 0 auto;border:2px solid transparent}.photo-thumbnails button[aria-pressed=true]{border-color:var(--blue);background:var(--panel)}.photo-thumbnails img{display:block;width:65px;height:48px;object-fit:contain;border-radius:4px;background:#ececea}
@media(max-width:1000px){.print-photo img{height:260px}.print-copy{padding:20px}.print-copy h3{font-size:21px}.print-card-bottom{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:760px){.print-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-wide{grid-column:span 2}.print-photo img{height:260px}.gallery-invitation{align-items:flex-start;flex-direction:column;gap:10px}.photo-dialog-head{padding:16px}.photo-dialog-head h2{font-size:21px}.photo-navigation{padding:12px 16px 8px}.photo-thumbnails{padding:6px 16px 16px}.photo-stage>img{height:52dvh}}
@media(max-width:520px){.print-grid{grid-template-columns:1fr}.gallery-wide{grid-column:auto}.print-photo img{height:auto;aspect-ratio:1/1;object-fit:contain}.gallery-wide .print-photo img{aspect-ratio:1.6}.print-card-bottom{flex-direction:row;align-items:center}.print-copy{padding:23px}.print-copy h3{font-size:24px}.photo-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.photo-navigation p{font-size:12px}.photo-thumbnails img{width:55px;height:44px}}
@media(prefers-reduced-motion:reduce){.print-photo img{transition:none}.print-photo:hover img{transform:none}}
/* Preserve the desk initial's scale while trimming only its empty background. */
.print-photo[data-gallery=desk] img{object-fit:cover;object-position:60% center}
.real-print img{object-fit:contain;background:#eeece9;height:480px}
@media(max-width:760px){.real-print img{height:420px}}
/* The latest physical print gets a wide photo without cropping the stand. */
.gallery-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:center;background:#f7f8fa}
.gallery-featured .print-photo img{height:auto;aspect-ratio:1844/853;object-fit:contain}
.gallery-featured .print-copy{padding:30px}
.photo-thumbnails{justify-content:safe center}
@media(max-width:760px){.gallery-featured{display:flex}.gallery-featured .print-copy{padding:23px}}

.demo-section{padding:72px 0;border-top:1px solid #d8dce1}.demo-video{margin:28px 0 14px;border:1px solid #d8dce1;border-radius:18px;background:#142535;overflow:hidden}.demo-video video{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.demo-video figcaption{padding:14px 20px;color:#e0e8ef;font-size:13px;line-height:1.5}.demo-transcript{margin:18px 0;color:#364659}.demo-transcript summary{cursor:pointer;font-weight:600}.demo-transcript li{margin:8px 0}@media(max-width:600px){.demo-section{padding:38px 0}.demo-video{border-radius:12px}.demo-video figcaption{padding:12px;font-size:12px}}