/* Free certificate of authenticity · /certificate/ · loaded on that page only. */

.cert-phone-only{display:none}

/* ---------- Hero: two certificates on a dark table ---------- */
.cert-hero{padding:var(--page-intro-top,120px) var(--gutter) 40px;align-items:center}
.cert-hero .h1{margin-top:28px}
.cert-hero .hero-note{margin:18px 0 0}
.cert-hero .cta{margin-top:40px}
.cert-stage{--s:.48;position:relative;aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:var(--wine-deep)}
.cert-float{position:absolute;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.cert-float--p{left:36%;top:46%;width:816px;height:1056px;transform:translate(-50%,-50%) scale(var(--s)) rotate(-2deg)}
.cert-float--l{left:62%;top:58%;width:1056px;height:816px;transform:translate(-50%,-50%) scale(var(--s)) rotate(1.5deg)}
.cert-stage__cap{position:absolute;left:14px;bottom:14px;font-size:12px;color:#fff;background:rgba(38,35,31,.84);padding:7px 12px;border-radius:999px;white-space:nowrap}

/* ---------- Three steps ---------- */
.cert-steps{padding:40px var(--gutter) 92px}

/* ---------- The maker, on paper ---------- */
.cert-make{background:var(--paper);color:var(--ink);padding:120px var(--gutter)}
.cert-make .h2{max-width:14em}
.cert-make__intro{margin:28px 0 0;font-size:clamp(17px,16.45px + .142vw,19px);line-height:1.65;color:var(--text-body);max-width:34em;text-wrap:pretty}
.cert-make__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start;margin-top:64px}

.cert-form{display:flex;flex-direction:column;gap:40px;margin:0}
.cert-set{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cert-set>legend{padding:0;margin-bottom:20px;font-size:19px;font-weight:700;letter-spacing:-.025em}
.cert-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.cert-field--wide{grid-column:1/-1}
.cert-field>span,.cert-toggle>legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);line-height:1.5}
.cert-field input,.cert-field select{font:inherit;font-size:17px;padding:14px 16px;min-height:52px;box-sizing:border-box;width:100%;border:1px solid #ded9d2;border-radius:11px;background:#fff;color:var(--ink)}
.cert-field input::placeholder{color:var(--text-quiet);opacity:1}
.cert-field input:focus-visible,.cert-field select:focus-visible{outline:3px solid var(--rust);outline-offset:1px;border-color:var(--rust)}
.cert-field input[aria-invalid="true"]{border-color:var(--rust)}
.cert-size{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

.cert-photo{display:flex;align-items:center;gap:20px;padding:14px;border:1px dashed #cbc5bd;border-radius:12px;background:var(--paper-footer)}
.cert-photo img{width:64px;height:90px;object-fit:cover;border-radius:3px;flex:none;background:#ece8e2;opacity:.3;filter:grayscale(1)}
.cert-photo.has-photo img{opacity:1;filter:none}
.cert-photo__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.cert-photo__text b{font-size:15px;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.cert-photo__text span{font-size:13.5px;line-height:1.55;color:var(--text-body)}
.cert-photo__btn{position:relative;flex:none;display:inline-flex;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-footer);border:1px solid #cbc5bd;padding:9px 14px;min-height:44px;box-sizing:border-box;border-radius:999px;cursor:pointer}
.cert-photo__btn:hover{color:var(--ink);border-color:var(--ink)}
.cert-photo__btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.cert-photo__btn:focus-within{outline:3px solid var(--rust);outline-offset:2px}

.cert-toggles{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cert-toggle{border:0;margin:0;padding:0;min-width:0}
.cert-toggle>legend{padding:0;margin-bottom:10px}
.cert-toggle>div{display:flex;gap:8px;flex-wrap:wrap}
.cert-toggle button{font:inherit;font-size:15px;font-weight:600;min-height:44px;padding:9px 18px;border-radius:11px;border:1px solid #cbc5bd;background:transparent;color:var(--text-footer);cursor:pointer}
.cert-toggle button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.cert-toggle button:focus-visible{outline:3px solid var(--rust);outline-offset:2px}

.cert-get{display:flex;flex-direction:column;gap:20px;padding-top:32px;border-top:1px solid #ded9d2}
.cert-get__panel{display:none;flex-direction:column;gap:20px}
.cert-get[data-cert-step="email"] .cert-get__panel--email,
.cert-get[data-cert-step="code"] .cert-get__panel--code,
.cert-get[data-cert-step="done"] .cert-get__panel--done,
.cert-get[data-cert-step="ready"] .cert-get__panel--ready{display:flex}
.cert-get .cta .monoline{color:var(--text-body)}
.cert-get__fine{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-quiet);max-width:40em}
.cert-get__title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.025em}
.cert-get__text{margin:0;font-size:16px;line-height:1.6;color:var(--text-body)}
.cert-get__text b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.cert-get__msg{margin:0;font-size:15px;line-height:1.55;color:var(--rust)}
.cert-get__msg:empty{display:none}
.cert-code{font-family:var(--mono)!important;font-size:28px!important;letter-spacing:.3em;text-align:center;max-width:300px;min-height:60px!important}
.cert-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn--ink{background:var(--ink)}
.btn--ink:hover,.btn--ink:focus-visible{background:#333230}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.cert-link{all:unset;cursor:pointer;font-size:15px;color:var(--text-footer);text-decoration:underline;text-underline-offset:3px;padding:10px 0;min-height:24px}
.cert-link--inline{padding:0;font-size:inherit;color:inherit}
.cert-link:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.cert-more{font-size:15px}

/* Live preview */
.cert-preview-col{position:sticky;top:96px}
.admin-bar .cert-preview-col{top:128px}
.cert-preview-label{display:block;color:var(--text-quiet)}
.cert-preview{margin-top:16px;height:819px;box-sizing:border-box;background:#e8e5e0;border-radius:12px;padding:40px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.cert-fit{position:relative;flex:none;width:571px;height:739px}
.cert-fit>.coa{position:absolute;left:0;top:0;transform:scale(var(--s,.7));transform-origin:top left;box-shadow:0 12px 28px rgba(0,0,0,.14)}

/* ---------- The certificate itself (the Studio Operations design) ---------- */
.coa{display:flex;flex-direction:column;width:816px;height:1056px;box-sizing:border-box;padding:48px 57.7px;background:#fff;color:#191b1c;font:13.3px/1.5 Arial,Helvetica,sans-serif;overflow:hidden;text-align:left;-webkit-font-smoothing:antialiased}
.coa p{margin:0}
.coa--a4{width:794px;height:1123px}
.coa--land{width:1056px;height:816px;padding:44px 57.7px}
.coa--land.coa--a4{width:1123px;height:794px}
.coa__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border-bottom:2px solid #191b1c;padding-bottom:17px;min-height:73px;box-sizing:border-box}
.coa__artist{font-size:14px;letter-spacing:2.67px;font-weight:800;text-transform:uppercase;overflow-wrap:anywhere}
.coa__sub{margin-top:5px}
.coa__sub p{font-size:11px;line-height:1.5;letter-spacing:.35px;color:#62666a;overflow-wrap:anywhere}
.coa__right{text-align:right}
.coa__doc{margin-bottom:5px!important;font-size:28px;line-height:1.2;font-weight:700}
.coa__inv{font-size:16px}
.coa__head{flex:none}
.coa__body{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;padding-top:24px;margin-bottom:75px}
.coa__text{display:contents}
.coa__kicker{order:1;margin-bottom:8px!important;text-align:center;font-size:12px;letter-spacing:2.67px;font-weight:800;text-transform:uppercase}
.coa__name{order:2;margin-bottom:19px!important;text-align:center;font-size:28px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.coa__media{order:3;flex:0 1 340px;min-height:110px;margin-bottom:19px}
.coa--a4 .coa__media{flex-basis:407px}
.coa__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.coa__facts{order:4;border-collapse:collapse;width:100%;font-size:13.3px;line-height:1.5}
.coa__facts th,.coa__facts td{padding:4px 8px;border-bottom:1px solid #d6d6d6;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.coa__facts th{width:34%;color:#62666a;font-weight:700}
.coa__stmt{order:5;margin-top:13px!important;text-align:center;font-size:13.3px;line-height:1.6}
.coa__sign{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:51px;margin-top:auto}
.coa__sign>div{min-width:0}
.coa .coa__line{min-height:26px;padding-bottom:5px;border-bottom:1.33px solid #191b1c;font-size:13.3px;line-height:1.5;overflow-wrap:anywhere}
.coa .coa__lab{padding-top:5px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.coa__foot{flex:none;padding-top:11px;margin-top:37px!important;font-size:10.7px;line-height:1.2}
.coa .is-sample{color:inherit}
/* Landscape: photograph left, facts right */
.coa--land .coa__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:40px;align-items:center}
.coa--land .coa__text{display:block;order:2}
.coa--land .coa__media{order:1;flex:none;height:440px;max-height:100%;margin:0;min-width:0}
.coa--land.coa--a4 .coa__media{height:418px}
.coa--land .coa__kicker,.coa--land .coa__name,.coa--land .coa__stmt{text-align:left}
.coa--land .coa__name{margin-bottom:16px!important}
.coa--land .coa__facts th{width:38%}

/* ---------- Who made this page ---------- */
.cert-about{padding:92px var(--gutter);background:var(--wine);align-items:start}
.cert-about .cta{margin-top:40px}
.cert-about .cta .monoline{color:var(--on-wine-soft)}
.cert-about__label{margin-bottom:8px!important}
.cert-about__list{margin-top:0;gap:0 48px}
.cert-about__pill{margin-top:40px}

/* ---------- Tablet and phone ---------- */
@media (max-width:1200px){
	.cert-make__grid{grid-template-columns:minmax(0,1fr);gap:48px}
	.cert-preview-col{position:static;order:-1}
	.cert-preview{height:auto;min-height:0;padding:32px}
}
@media (max-width:760px){
	.cert-phone-only{display:inline}
	.cert-stage{aspect-ratio:4/5;--s:.28}
	.cert-float--p{left:38%;top:40%}
	.cert-float--l{left:55%;top:62%}
	.cert-stage__cap{left:12px;bottom:12px}
	.cert-steps{padding:24px var(--gutter) 64px}
	.cert-make{padding:72px var(--gutter)}
	.cert-make__intro{margin-top:24px}
	.cert-make__grid{margin-top:32px;gap:40px}
	.cert-preview{padding:16px}
	.cert-set{grid-template-columns:minmax(0,1fr)}
	.cert-size{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.cert-toggles{grid-template-columns:minmax(0,1fr)}
	.cert-toggle>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.cert-photo{gap:14px;padding:12px}
	.cert-photo img{width:48px;height:67px}
	.cert-get .cta{flex-direction:column;align-items:stretch}
	.cert-get .btn{width:100%;min-height:52px}
	.cert-code{max-width:none}
	.cert-about{padding:72px var(--gutter)}
	.cert-about__label{display:none}
	.cert-about__list{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){.cert-toggle button,.cert-photo__btn{transition:none}}