*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--paper);padding:10px;z-index:4}.skip:focus{top:0}.notice{background:var(--ink);color:var(--paper);padding:12px 5%;display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.08em}header,main,footer{max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 6%}.wordmark{font-size:26px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.wordmark span{font-size:12px;vertical-align:top;margin-left:4px}header nav{display:flex;gap:32px;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:60px 6% 100px;min-height:720px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{font:normal clamp(48px,6.2vw,88px)/1.02 Georgia,serif;letter-spacing:-.055em;margin:26px 0}p.lede{max-width:430px;font-size:17px;line-height:1.75;opacity:.83}.cta{display:inline-flex;gap:32px;background:var(--ink);color:var(--paper);padding:16px 22px;text-decoration:none;font-size:13px;font-weight:700;margin-top:24px}.small{font-size:11px;max-width:330px;opacity:.72;margin-top:17px}.art{margin:0;position:relative;min-height:480px;display:grid;place-items:center;background:var(--accent);overflow:hidden;padding:50px 25px}.art-label{position:absolute;top:20px;left:24px;font-size:9px;letter-spacing:.14em;color:#202820}.orbit{position:absolute;inset:80px -40px;border:1px solid #2226;border-radius:50%;transform:rotate(-30deg)}.qr-paper{background:#fff;color:#222;width:240px;padding:15px 15px 24px;transform:rotate(-7deg);box-shadow:10px 15px 0 #2222;position:relative;text-align:center}.qr-paper svg{display:block;width:100%;aspect-ratio:1}.qr-paper strong{display:block;font-size:11px}.qr-paper span{display:block;font-size:8px;margin-top:8px}.art figcaption{position:absolute;bottom:22px;right:24px;font:italic 18px Georgia,serif;color:#202820}.approach{padding:60px 6% 80px;border-top:1px solid currentColor}h2{font:normal clamp(30px,4vw,50px)/1.15 Georgia,serif;letter-spacing:-.03em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.principles span{font-size:12px}.principles h3{font-size:18px}.principles p{font-size:14px;max-width:280px;opacity:.8}.directions{padding:20px 6% 80px}.directions nav{display:flex;flex-wrap:wrap;gap:12px}.directions a{padding:10px 16px;border:1px solid currentColor;text-decoration:none;font-size:12px}.directions a[aria-current]{background:var(--ink);color:var(--paper)}footer{padding:35px 6%;border-top:1px solid currentColor;font-size:11px}footer p{opacity:.7}footer a{display:inline-block;margin:10px 25px 10px 0}.brand-workshop h1,.print-house h1{font-family:Arial,sans-serif;font-weight:800}.brand-workshop .art{border-radius:45% 45% 0 0}.brand-workshop .qr-paper{transform:rotate(6deg)}.discovery-trails .art{border-radius:180px 180px 8px 8px}.discovery-trails .orbit{border-style:dashed}.portrait-study .hero{grid-template-columns:1fr 1.1fr}.portrait-study .art{background:radial-gradient(ellipse at 50% 35%,#d2c1dc 0 20%,transparent 20%),radial-gradient(ellipse at 50% 100%,#aca2c3 0 55%,transparent 55%);border:1px solid #28232d33}.portrait-study .qr-paper{transform:rotate(3deg);width:220px}.print-house .art{box-shadow:16px 16px 0 var(--ink)}.print-house .qr-paper{transform:rotate(0)}.quiet-studio .hero{padding-top:100px;padding-bottom:130px}.quiet-studio .art{background:transparent;border:1px solid #26384b22}.quiet-studio .orbit{display:none}.quiet-studio .qr-paper{transform:none;box-shadow:0 20px 60px #26384b14}.quiet-studio .art-label,.quiet-studio figcaption{color:var(--ink)}
@media(max-width:700px){.notice{font-size:9px;flex-wrap:wrap}header{padding:22px 6%}header nav{gap:16px}.hero,.portrait-study .hero{grid-template-columns:1fr;padding:24px 6% 60px;gap:34px;min-height:0}h1{font-size:58px}.art{min-height:390px}.principles{grid-template-columns:1fr;gap:16px}.principles p{max-width:none}.approach{padding-top:40px}.quiet-studio .hero{padding-top:30px;padding-bottom:60px}.print-house .art{box-shadow:8px 8px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}