/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4
 * Editorial publisher masthead / index layout. Audience: visitors and company reviewers.
 * Use: discover live work and contact the publisher. Tone: restrained editorial.
 * No external fonts, scripts, tracking or backend. */
:root{--color-paper:#f6f5ee;--color-ink:#173a30;--color-muted:#52645b;--color-rule:#bcc7bb;--color-accent:#d8ed9a;--color-tile:#f3f4d8;--color-art:#e8ebde;--font-display:Georgia,'Times New Roman',serif;--font-body:Arial,Helvetica,sans-serif;--font-mono:'Courier New',monospace}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--color-ink);outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:5px}a:active{opacity:.75}h1,h2,h3,p{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--color-rule)}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1.6px;display:inline-flex;gap:9px;align-items:baseline;white-space:nowrap}.wordmark span{font-size:10px;letter-spacing:1.3px}nav{display:flex;gap:34px;font-size:14px}nav a{white-space:nowrap;padding-block:10px}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.hero{padding-top:30px;padding-bottom:42px}.hero>.eyebrow{display:flex;justify-content:space-between}h1{font-family:var(--font-display);font-weight:400;font-size:clamp(94px,15.5vw,218px);letter-spacing:-.075em;line-height:1.06;padding:35px 0 30px;display:flex;gap:.17em}.hero-labs{white-space:nowrap}.period{color:var(--color-ink)}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:clamp(24px,2.8vw,38px);letter-spacing:-1px;line-height:1.18}.text-link{font-size:14px;border-bottom:1px solid var(--color-ink);padding:12px 0;display:flex;gap:36px;white-space:nowrap}.operator{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding-block:17px;font-size:13px;color:var(--color-muted)}.work{padding-block:76px 88px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);margin-bottom:38px;gap:24px}.section-heading h2{font-size:clamp(30px,3.4vw,46px);font-weight:400;letter-spacing:-1.8px;line-height:1.12}.section-heading .eyebrow{padding-top:9px}.product{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.product-art{min-height:400px;background:var(--color-art);padding:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.art-label{align-self:start;font-family:var(--font-display);font-size:18px}.letter-row{display:flex;gap:9px;transform:rotate(-8deg);margin-top:24px}.letter-row span{display:grid;place-items:center;width:68px;height:76px;background:var(--color-tile);border:1px solid var(--color-ink);border-bottom-width:5px;font-family:var(--font-display);font-size:38px;border-radius:5px}.letter-row span:nth-child(2){transform:translateY(-14px) rotate(8deg);background:var(--color-accent)}.letter-row span:nth-child(4){transform:translateY(10px) rotate(7deg)}.art-wordmark{font-family:var(--font-display);font-size:60px;letter-spacing:-4px;line-height:1}.art-bottom{font-family:var(--font-mono);font-size:10px;letter-spacing:2px}.product-copy{padding:37px 44px;display:flex;flex-direction:column;align-items:start;justify-content:center}.product-meta{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;display:flex;gap:18px;flex-wrap:wrap;margin-bottom:35px}.product-copy h3{font-family:var(--font-display);font-size:62px;letter-spacing:-2px;font-weight:400;line-height:1.1;margin-bottom:17px}.product-copy p{color:var(--color-muted);font-size:16px;line-height:1.65;margin-bottom:28px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--color-ink);color:var(--color-paper);padding:14px 20px;font-size:14px;white-space:nowrap}.button:hover{background:var(--color-muted);text-decoration:none}.product-url{margin-top:12px;color:var(--color-muted);font-size:11px}.contact{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px;padding-bottom:70px}.contact h2{font-family:var(--font-display);font-size:clamp(58px,6.5vw,84px);font-weight:400;letter-spacing:-3px;line-height:1.1;margin:18px 0 24px}.email{font-size:clamp(16px,1.8vw,22px);display:inline-flex;gap:18px;border-bottom:1px solid var(--color-ink);padding-bottom:6px;white-space:nowrap}.company{padding-left:44px}.company h3{font-size:14px;font-weight:400;margin-bottom:26px}dl{margin:0}dt{font-size:11px;color:var(--color-muted);margin-top:18px}dd{font-size:14px;margin:3px 0 0}address{font-style:normal}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--color-rule);padding-block:25px 30px}footer p,footer a{font-size:11px;white-space:nowrap}.skip{position:absolute;top:-100px;left:15px;background:var(--color-accent);padding:12px;z-index:9}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){h1{font-size:230px}}@media(max-width:800px){.wrap{width:calc(100% - 48px)}.hero>.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:16vw}.work{padding-block:48px 55px}.section-heading{grid-template-columns:minmax(0,1fr);gap:16px}.product-copy{padding:28px}.product-art{min-height:360px;padding:20px}.letter-row{gap:6px}.letter-row span{width:48px;height:59px;font-size:31px}.art-wordmark{font-size:48px}.product-copy h3{font-size:47px}.product-meta{margin-bottom:24px}.company{padding-left:0}.contact{gap:25px}.email{gap:8px}}@media(max-width:560px){.wrap{width:calc(100% - 40px)}.nav{padding-block:19px}.wordmark{font-size:23px}nav{gap:18px;font-size:12px}.hero{padding-top:23px;padding-bottom:28px}.hero>.eyebrow{display:block}.hero>.eyebrow span:last-child{display:none}h1{font-size:17vw;gap:.17em;padding:34px 0 28px;letter-spacing:-.075em}.hero-bottom{align-items:start;gap:22px;flex-direction:column}.hero-bottom p{font-size:28px}.text-link{font-size:12px;padding:9px 0;gap:25px}.operator{font-size:11px;padding-block:15px}.section-heading h2{font-size:34px;letter-spacing:-1px}.section-heading{margin-bottom:26px}.product{grid-template-columns:minmax(0,1fr)}.product-art{min-height:325px}.letter-row span{width:54px;height:63px}.art-wordmark{font-size:54px}.product-copy{padding:28px 0 30px}.product-meta{margin-bottom:19px}.product-copy h3{font-size:51px}.product-copy p{font-size:15px}.contact{grid-template-columns:minmax(0,1fr);gap:45px;padding-bottom:48px}.contact h2{font-size:62px}.email{font-size:18px}.company{border-top:1px solid var(--color-rule);padding-top:25px}.company h3{margin-bottom:22px}footer{flex-wrap:wrap;gap:18px}footer .wordmark{width:100%}footer p{margin-right:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Supplied JQ33 logo, original JPEG displayed without crop, filters or distortion. */
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:-.4px}.brand img{display:block;height:auto;object-fit:contain;flex:none}.brand:hover{text-decoration:none}.nav{padding-block:18px}footer .brand{font-size:14px}@media(max-width:560px){.nav .brand img{width:48px}.brand{gap:10px;font-size:13px}.nav{padding-block:14px}footer .brand{width:100%}}

/* Hallmark · bold/dark redesign · logo-led split masthead + horizontal product index.
 * Pre-emit critique: Philosophy 4 / Hierarchy 5 / Execution 4 / Specificity 5 / Restraint 5 / Variety 4.
 * Existing framework: buildless HTML; original rules retained, scoped overrides appended.
 * Actual visual viewport checks are recorded separately, not implied by this stamp. */
body{font-size:16px;line-height:1.55}.wrap{width:min(1240px,calc(100% - 96px))}.nav{padding-block:20px}.brand{font-size:18px;letter-spacing:-.6px;font-weight:700}.nav .brand img{width:56px}.nav nav{font-size:16px;gap:36px}.hero{padding-top:56px;padding-bottom:58px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:70px}.hero-intro{font-size:16px;color:var(--text-secondary)}h1{display:block;font-family:var(--type-display);font-size:clamp(80px,9vw,128px);font-weight:800;line-height:.88;letter-spacing:-.075em;padding:32px 0 28px}.hero-labs{white-space:normal}.hero-description{font-size:clamp(24px,2.5vw,34px);line-height:1.18;letter-spacing:-1px;font-weight:500}.hero .text-link{width:fit-content;font-size:16px;margin-top:32px;padding:12px 0;gap:52px;border-color:var(--border-control)}.hero-identity{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:22px}.hero-identity img{display:block;width:100%;height:auto;max-width:440px;align-self:end}.hero-identity p{text-align:right;color:var(--text-secondary);font-size:16px}.operator{font-size:16px;padding-block:21px;background:var(--surface-elevated);color:var(--text-secondary)}.work{padding-top:90px;padding-bottom:96px}.section-heading{display:block;max-width:800px;margin-bottom:40px}.section-heading h2{font-family:var(--type-display);font-size:clamp(32px,4.1vw,54px);font-weight:700;line-height:1.06;letter-spacing:-2.2px}.product{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.product-art{min-height:405px;background:var(--surface-art);padding:28px}.art-label{font-size:18px;font-weight:400;letter-spacing:-.4px}.letter-row span{background:var(--tile-background);color:var(--tile-text);border-color:var(--tile-text);font-family:var(--type-display);font-size:38px;font-weight:700}.letter-row span:nth-child(2){background:var(--tile-highlight)}.art-wordmark{font-family:var(--type-display);font-size:56px;letter-spacing:-3px;font-weight:700}.art-bottom{font-family:var(--type-body);font-size:12px;letter-spacing:1.5px}.product-copy{padding:40px 0 40px 64px}.product-meta{font-family:var(--type-body);font-size:14px;text-transform:none;letter-spacing:0;color:var(--text-secondary);gap:10px 25px;margin-bottom:30px}.product-copy h3{font-family:var(--type-display);font-size:clamp(44px,4.8vw,66px);font-weight:700;letter-spacing:-3px;line-height:1.05;margin-bottom:22px}.product-copy p{font-size:17px;line-height:1.65;margin-bottom:32px}.button{background:var(--action-background);color:var(--action-text);font-size:16px;font-weight:600;padding:15px 22px;gap:40px}.button:hover{background:var(--action-hover)}.product-url{font-size:14px;margin-top:15px}.contact{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;padding:0 0 80px}.contact h2{font-family:var(--type-display);font-weight:700;font-size:clamp(56px,7vw,88px);letter-spacing:-4px;margin:0 0 28px;line-height:1}.email{font-size:clamp(18px,2vw,25px);padding-bottom:8px;border-color:var(--border-control)}.company{padding:0}.company h3{font-size:18px;font-weight:600;margin-bottom:26px;letter-spacing:-.4px}dt{font-size:14px;margin-top:22px;color:var(--text-secondary)}dd{font-size:16px;margin-top:5px}footer{padding-block:26px 32px}footer .brand{font-size:16px}footer p,footer a{font-size:14px}.skip{background:var(--action-background);color:var(--action-text)}a:focus-visible{outline:3px solid var(--text-primary);outline-offset:6px}.eyebrow{display:none}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:32px}.hero{padding-top:42px;padding-bottom:42px}h1{font-size:11vw}.hero-identity img{max-width:340px}.product-copy{padding-left:32px}.product-art{min-height:370px}.contact{gap:36px}.section-heading h2{font-size:42px}.work{padding-block:64px 72px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.nav{padding-block:16px}.nav .brand{gap:9px;font-size:14px}.nav .brand img{width:42px}.nav nav{gap:17px;font-size:14px}.hero{padding-top:34px;padding-bottom:34px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero-message{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.hero-intro{font-size:16px}h1{font-size:84px;line-height:.88;padding:25px 0 25px;letter-spacing:-6px}.hero-description{font-size:25px;letter-spacing:-.7px}.hero .text-link{font-size:16px;margin-top:19px;gap:32px}.hero-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:20px}.hero-identity img{width:100%;max-width:190px;align-self:center}.hero-identity p{font-size:14px;line-height:1.4;text-align:left;max-width:120px;padding-bottom:8px}.operator{font-size:16px;line-height:1.5;padding-block:18px}.work{padding-block:48px 56px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1.5px}.product{grid-template-columns:minmax(0,1fr)}.product-art{min-height:330px;padding:24px}.letter-row span{font-size:32px}.art-wordmark{font-size:50px}.product-copy{padding:28px 0 32px}.product-meta{font-size:14px;gap:8px 22px;margin-bottom:23px}.product-copy h3{font-size:46px;letter-spacing:-2px}.product-copy p{font-size:16px;margin-bottom:26px}.button{font-size:16px}.contact{grid-template-columns:minmax(0,1fr);padding-bottom:44px;gap:42px}.contact h2{font-size:60px;letter-spacing:-3px}.email{font-size:18px;gap:12px}.company{border-top:1px solid var(--border-subtle);padding-top:28px}footer{gap:20px}footer .brand{width:100%}footer p,footer a{font-size:13px}}