:root{--blue:#1e3f8f;--deep:#0f285f;--night:#091b42;--steel:#b7bcc2;--steel-dark:#727a82;--gold:#d8ad52;--gold-light:#f3d889;--cream:#f1eadb;--paper:#f7f1e4;--ink:#142b60;--line:rgba(18,43,96,.2);--serif:'Instrument Serif',serif;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}button,a{font:inherit}a{color:inherit}button{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);background:var(--paper);padding:12px 18px;border:2px solid var(--blue)}.skip-link:focus{transform:none}.site-header{height:88px;padding:0 clamp(20px,4vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-bottom:1px solid rgba(255,255,255,.18);position:absolute;inset:0 0 auto;z-index:10;color:var(--cream)}.brand{display:grid;grid-template-columns:30px auto;column-gap:11px;align-items:center;width:max-content;text-decoration:none}.brand svg{grid-row:1/3;width:28px;fill:none;stroke:var(--gold-light);stroke-width:1.4}.brand span{font-family:var(--serif);font-size:21px;line-height:1}.brand small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:5px}.primary-nav{display:flex;gap:32px}.primary-nav a,.header-mark{font-size:11px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none}.primary-nav a{position:relative;padding:14px 2px}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--gold);transition:right .3s}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{right:0}.header-mark{justify-self:end;border-bottom:1px solid rgba(255,255,255,.45);padding:13px 0}.header-mark span{color:var(--gold-light);padding-left:10px}.menu-toggle{display:none}.hero{min-height:940px;background:radial-gradient(circle at 68% 45%,#294e9d 0,#173778 32%,var(--deep) 65%,var(--night) 100%);color:var(--cream);position:relative;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(430px,1.12fr);padding:170px clamp(20px,7vw,110px) 120px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.06) 0 1px,transparent 1px 100%);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 70%);z-index:-1}.hero:after{content:"";position:absolute;width:840px;height:840px;border:1px solid rgba(216,173,82,.24);border-radius:50%;right:-90px;top:70px;box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 112px rgba(255,255,255,.014);z-index:-1}.hero-copy{padding-top:80px;position:relative;z-index:2}.kicker,.section-no{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.22em}.kicker{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.65)}.kicker span{color:var(--gold-light);border:1px solid rgba(216,173,82,.6);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.hero h1{font-family:var(--serif);font-size:clamp(74px,8.4vw,136px);font-weight:400;line-height:.78;letter-spacing:-.05em;margin:45px 0 42px;white-space:nowrap}.hero h1 em{color:var(--gold-light);font-weight:400}.hero-intro{max-width:510px;font-family:var(--serif);font-size:24px;line-height:1.35;color:rgba(255,255,255,.75)}.hero-cta{display:flex;align-items:center;justify-content:space-between;width:240px;margin-top:48px;padding:16px 0 13px;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.2em;border-bottom:1px solid var(--gold)}.hero-cta svg{width:78px;fill:none;stroke:var(--gold-light);transition:transform .3s}.hero-cta:hover svg{transform:translateX(8px)}.hero-object{position:relative;display:grid;place-items:center;min-width:0}.loupe-ring{width:min(590px,46vw);aspect-ratio:1;border:2px solid rgba(220,224,225,.56);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.12),rgba(2,15,47,.35) 62%,rgba(0,0,0,.4));box-shadow:inset 0 0 0 12px rgba(0,0,0,.12),inset 0 0 65px rgba(255,255,255,.1),0 36px 80px rgba(0,0,0,.28)}.loupe-ring:before,.loupe-ring:after{content:"";position:absolute;background:var(--steel)}.loupe-ring:before{width:34px;height:1px;left:-17px;top:50%}.loupe-ring:after{height:34px;width:1px;top:-17px;left:50%}.nib-hero{height:90%;filter:saturate(.88);transform:rotate(4deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.loupe-ring:hover .nib-hero{transform:rotate(0) scale(1.025)}.measure{position:absolute;font-size:8px;letter-spacing:.23em;color:rgba(255,255,255,.5)}.measure-a{left:9%;top:17%}.measure-b{right:1%;bottom:28%;transform:rotate(90deg)}.loupe-glint{position:absolute;inset:6%;width:88%;height:88%;fill:none;stroke:rgba(255,255,255,.35);stroke-width:2;filter:blur(.5px)}.spec-chip{position:absolute;right:0;bottom:10%;background:rgba(10,28,66,.88);border:1px solid rgba(216,173,82,.45);width:150px;padding:15px;color:var(--cream);display:grid;gap:4px;box-shadow:15px 18px 34px rgba(0,0,0,.22)}.spec-chip b,.spec-chip span{font-size:8px;letter-spacing:.2em}.spec-chip b{color:var(--gold-light)}.spec-chip span{opacity:.56}.spec-chip strong{font-family:var(--serif);font-size:17px;font-weight:400}.hero-ledger{position:absolute;left:clamp(20px,7vw,110px);right:clamp(20px,7vw,110px);bottom:38px;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:48px;padding-top:17px}.hero-ledger span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;line-height:1.55;color:rgba(255,255,255,.48)}.load-reveal{animation:reveal .9s both cubic-bezier(.16,1,.3,1)}.hero-object{animation-delay:.18s}.hero-ledger{animation-delay:.36s}@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.manifesto{padding:150px clamp(24px,9vw,140px);position:relative;background:var(--cream)}.manifesto>p{margin:0 0 40px 9%;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--blue)}.manifesto h2{font-family:var(--serif);font-size:clamp(52px,7.2vw,112px);font-weight:400;line-height:.92;letter-spacing:-.035em;margin:0}.manifesto h2 em{color:var(--blue);font-weight:400}.manifesto-note{font-size:13px;max-width:390px;margin:54px 7% 0 auto;padding-left:25px;border-left:1px solid var(--gold);color:#405073}.writing-lab{background:#d9d5c9;padding:115px clamp(20px,5vw,78px) 100px;position:relative}.writing-lab:before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 39px,#4f5d65 40px),repeating-linear-gradient(90deg,transparent 0 39px,#4f5d65 40px)}.section-heading{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;max-width:1300px;margin:0 auto 62px}.section-heading h2{font-family:var(--serif);font-size:clamp(66px,8vw,118px);line-height:.85;font-weight:400;letter-spacing:-.04em;margin:25px 0 0}.section-heading>p{max-width:400px;font-size:13px;color:#34466d;border-top:1px solid rgba(30,63,143,.3);padding-top:20px}.section-no{color:var(--blue)}.section-no.light{color:var(--gold-light)}.lab-shell{position:relative;max-width:1300px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);box-shadow:0 28px 80px rgba(37,46,61,.2)}.lab-controls{background:var(--deep);color:white;padding:29px 24px;display:flex;flex-direction:column;min-height:570px}.lab-controls fieldset{border:0;padding:0;margin:0 0 34px}.lab-controls legend{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.48);margin-bottom:14px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.18)}.segmented button{min-height:72px;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);color:white;cursor:pointer;text-align:left;padding:10px 13px}.segmented button:nth-child(even){border-right:0}.segmented button:nth-child(n+3){border-bottom:0}.segmented button b{font-family:var(--serif);font-size:21px;font-weight:400}.segmented button span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.segmented button.is-active{background:var(--gold);color:var(--night)}.ink-options{display:flex;gap:11px}.ink-dot{width:34px;height:34px;border-radius:50%;border:4px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.25);cursor:pointer}.ink-dot.is-active{border-color:var(--deep);box-shadow:0 0 0 2px var(--gold-light)}.royal{background:radial-gradient(circle at 30% 30%,#476cc7,#15357e 60%,#9c4f2a)}.oxford{background:radial-gradient(circle at 30% 30%,#315170,#0d1b2c 70%)}.verdigris{background:radial-gradient(circle at 30% 30%,#4f8987,#0d4b53 65%,#a85632)}.garnet{background:radial-gradient(circle at 30% 30%,#a94a54,#571426 65%,#c78b36)}.ink-name{margin-top:14px;display:grid}.ink-name span{font-family:var(--serif);font-size:16px}.ink-name small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}.clear-pad{margin-top:auto;min-height:48px;border:0;border-top:1px solid rgba(255,255,255,.22);background:none;color:white;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase;font-size:8px;letter-spacing:.15em}.clear-pad i{font-style:normal;font-size:22px;color:var(--gold-light)}.paper-wrap{position:relative;min-height:570px;background-color:var(--paper);background-image:linear-gradient(rgba(30,63,143,.11) 1px,transparent 1px),linear-gradient(90deg,transparent 76px,rgba(179,56,64,.2) 77px,transparent 78px);background-size:100% 38px,100% 100%;overflow:hidden;touch-action:none;cursor:crosshair}.paper-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px rgba(67,47,20,.08);pointer-events:none}.paper-meta{position:absolute;z-index:2;left:24px;right:24px;top:13px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.18em;color:rgba(30,63,143,.45);pointer-events:none}.paper-prompt{position:absolute;left:13%;top:30%;font-family:var(--serif);font-size:64px;color:rgba(30,63,143,.12);pointer-events:none;transition:opacity .3s}.paper-prompt svg{display:block;width:160px;fill:none;stroke:rgba(30,63,143,.14);stroke-width:2}.paper-wrap.has-ink .paper-prompt{opacity:0}#writing-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.drying-key{position:absolute;z-index:3;right:22px;bottom:15px;font-size:7px;letter-spacing:.15em;color:rgba(30,63,143,.55);display:flex;align-items:center;gap:7px;pointer-events:none}.drying-key i,.drying-key span{display:block;width:14px;height:3px}.drying-key i{background:#315cae;box-shadow:0 0 5px #315cae}.drying-key span{background:#17306b}.nib-character{position:relative;max-width:1300px;margin:0 auto;display:grid;grid-template-columns:180px 1fr auto;align-items:center;border:1px solid rgba(30,63,143,.25);border-top:0;padding:17px 24px;color:#263b68}.nib-character span{font-family:var(--serif);font-size:19px}.nib-character p{font-size:11px;margin:0;max-width:590px}.nib-character strong{font-size:8px;letter-spacing:.18em}.anatomy{min-height:780px;background:var(--night);color:var(--cream);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;padding:110px clamp(24px,7vw,110px);position:relative;overflow:hidden}.anatomy:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(216,173,82,.14);border-radius:50%;right:12%;top:9%}.anatomy-copy{position:relative;z-index:2}.anatomy h2{font-family:var(--serif);font-size:clamp(58px,6.5vw,100px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:32px 0}.anatomy h2 em{color:var(--gold-light);font-weight:400}.anatomy-copy>p{font-size:13px;color:rgba(255,255,255,.6);max-width:390px}.material-key{display:flex;gap:20px;margin-top:44px;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.material-key span{display:flex;gap:8px;align-items:center}.material-key i{width:10px;height:10px;border-radius:50%;display:block}.gold-key{background:var(--gold)}.steel-key{background:var(--steel)}.anatomy-figure{position:relative;min-width:0}.anatomy-figure svg{width:100%;max-height:650px;position:relative}.callouts{fill:none;stroke:rgba(216,173,82,.65);stroke-width:1}.callouts text{fill:rgba(255,255,255,.74);stroke:none;font-family:var(--sans);font-size:10px;letter-spacing:1px}.callouts text:nth-of-type(even){fill:rgba(255,255,255,.36);font-size:7px}.loupe-readout{position:absolute;right:5%;bottom:4%;display:flex;gap:13px;align-items:center}.loupe-readout b{font-family:var(--serif);font-size:34px;color:var(--gold-light)}.loupe-readout span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.46)}.bench{padding:130px clamp(20px,5vw,78px);background:var(--paper)}.bench-heading{margin-bottom:70px}.process-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.process-card{padding:0 26px 28px;border-right:1px solid var(--line);position:relative}.process-visual{height:210px;margin:0 -10px 30px;position:relative;background:linear-gradient(145deg,#d0d1ce,#aeb4ba);overflow:hidden}.process-card small{font-size:8px;letter-spacing:.17em;color:var(--blue)}.process-card h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:18px 0 12px}.process-card p{font-size:11px;color:#495775;min-height:85px}.process-card>b{font-size:8px;letter-spacing:.17em;text-transform:uppercase;border-top:1px solid var(--line);display:block;padding-top:14px;color:var(--blue)}.process-visual.tipping .disc{position:absolute;width:180px;height:180px;border-radius:50%;left:-60px;top:15px;background:repeating-conic-gradient(#7d858b 0 2deg,#c9cdd0 2deg 3deg);animation:spin 8s linear infinite}.process-visual.tipping i{position:absolute;width:120px;height:26px;background:linear-gradient(#f2d982,#9d752c);transform:rotate(-24deg);right:5px;top:93px;box-shadow:0 8px 14px rgba(0,0,0,.2)}.spark{position:absolute;width:3px;height:40px;background:linear-gradient(var(--gold-light),transparent);right:72px;top:89px;transform-origin:top;z-index:2}.s1{transform:rotate(45deg)}.s2{transform:rotate(65deg);height:55px}.s3{transform:rotate(28deg);height:35px}@keyframes spin{to{transform:rotate(360deg)}}.slitting:before,.slitting:after{content:"";position:absolute;width:74px;height:170px;top:20px;background:linear-gradient(90deg,#b18333,#f5dd94,#8b6826);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.slitting:before{left:52px;transform:rotate(-5deg)}.slitting:after{right:52px;transform:rotate(5deg)}.slitting i{position:absolute;width:2px;height:145px;background:var(--blue);left:50%;top:10px;z-index:2}.slitting span{position:absolute;width:26px;height:26px;border:5px solid rgba(30,63,143,.32);border-radius:50%;left:calc(50% - 13px);top:50px;z-index:3}.tuning span{position:absolute;width:60px;height:150px;top:24px;background:linear-gradient(90deg,#805f22,#f4dc8c,#9b7429);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.tuning span:first-child{left:73px;transform:rotate(-8deg)}.tuning span:nth-child(2){right:73px;transform:rotate(8deg)}.tuning i{position:absolute;left:50%;top:20px;height:170px;border-left:1px dashed var(--blue)}.writing svg{width:90%;height:90%;margin:5%;fill:none;stroke:var(--blue);stroke-width:2}.writing:after{content:"PROVING LEAF / 8 DIRECTIONS";position:absolute;bottom:18px;right:20px;font-size:7px;letter-spacing:.15em;color:rgba(30,63,143,.55)}.tuning-desk{background:#17336f;padding:125px clamp(20px,5vw,78px);color:var(--cream);position:relative}.tuning-desk:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.04) 50%,transparent 50.1%);background-size:80px}.diagnostic-intro{max-width:1300px;margin:0 auto 65px;display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.diagnostic-intro .section-no{grid-column:1/-1}.diagnostic-intro h2{font-family:var(--serif);font-size:clamp(57px,6.4vw,96px);line-height:.9;font-weight:400;letter-spacing:-.04em;margin:30px 0 0}.diagnostic-intro h2 em{color:var(--gold-light);font-weight:400}.diagnostic-intro p{align-self:end;max-width:390px;color:rgba(255,255,255,.6);font-size:13px;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.diagnostic-cards{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.diagnostic-cards article{background:var(--paper);color:var(--ink);padding:26px;min-height:460px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}.diagnostic-cards article:nth-child(2){transform:translateY(28px)}.diagnostic-cards article:hover{transform:translateY(-8px);box-shadow:0 28px 50px rgba(0,0,0,.24)}.diagnostic-cards article:nth-child(2):hover{transform:translateY(20px)}.diag-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em}.diag-top b{color:var(--blue)}.diagnostic-cards svg{margin:22px 0 18px;width:100%;height:110px;fill:none;stroke:var(--blue);stroke-width:2}.diagnostic-cards h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:0 0 10px}.diagnostic-cards p{font-size:11px;color:#4b5875}.diagnostic-cards footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:80px 1fr;gap:12px}.diagnostic-cards footer b{font-size:7px;letter-spacing:.13em;color:var(--blue)}.diagnostic-cards footer span{font-size:9px}.commissions{padding:140px clamp(24px,7vw,110px);background:var(--cream);display:grid;grid-template-columns:.3fr 1fr .9fr;gap:7vw;position:relative;overflow:hidden}.commission-mark{font-family:var(--serif);font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(30,63,143,.25);writing-mode:vertical-rl}.commission-copy h2{font-family:var(--serif);font-size:clamp(54px,6vw,91px);line-height:.92;font-weight:400;letter-spacing:-.04em;margin:30px 0}.commission-copy h2 em{color:var(--blue);font-weight:400}.commission-copy>p{font-size:13px;max-width:520px;color:#495775}.commission-cta{margin-top:42px;min-height:75px;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.14em;transition:padding .25s}.commission-cta:hover{padding:0 14px}.commission-cta b{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--blue);text-transform:none;letter-spacing:0}.commission-ledger{margin:100px 0 0}.commission-ledger div{display:grid;grid-template-columns:35px 1fr auto;gap:18px;border-top:1px solid var(--line);padding:22px 0}.commission-ledger div:last-child{border-bottom:1px solid var(--line)}.commission-ledger dt{font-size:8px;color:var(--blue)}.commission-ledger dd{margin:0;display:grid}.commission-ledger dd b{font-family:var(--serif);font-size:19px;font-weight:400}.commission-ledger dd span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#68738a}.commission-ledger strong{font-family:var(--serif);font-weight:400;color:var(--blue)}.site-footer{background:var(--night);color:rgba(255,255,255,.58);min-height:190px;padding:45px clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr auto 45px;gap:35px;align-items:end}.footer-brand{font-family:var(--serif);font-size:28px;color:var(--cream)}.footer-brand span{font-family:var(--sans);display:block;font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.35);margin-top:10px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.footer-links a{text-underline-offset:4px}.back-top{width:44px;height:44px;border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;text-decoration:none;color:var(--gold-light)}:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.primary-nav{display:none}.header-mark{display:none}.menu-toggle{display:block;justify-self:end;background:none;color:inherit;border:0;min-width:60px;min-height:44px;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.menu-toggle i,.menu-toggle:after{content:"";display:block;width:24px;border-top:1px solid;margin:5px auto}.primary-nav.is-open{display:flex;position:absolute;top:75px;right:20px;background:var(--night);padding:16px;flex-direction:column;gap:0;min-width:190px;box-shadow:0 18px 35px rgba(0,0,0,.3)}.primary-nav.is-open a{min-height:44px}.hero{min-height:900px;grid-template-columns:.9fr 1.1fr;padding-inline:48px}.hero h1{font-size:78px}.loupe-ring{width:430px}.manifesto{padding-block:120px}.lab-shell{grid-template-columns:210px minmax(0,1fr)}.process-grid{grid-template-columns:1fr 1fr;row-gap:55px}.process-card:nth-child(3){border-left:1px solid var(--line)}.commissions{grid-template-columns:80px 1fr}.commission-ledger{grid-column:2;margin-top:10px}.commission-mark{font-size:86px}.anatomy{padding-inline:45px}.site-footer{grid-template-columns:1fr 45px}.footer-links{grid-column:1/-1;grid-row:2;justify-content:flex-start}.back-top{grid-column:2;grid-row:1}}
@media(max-width:650px){body{font-size:15px}.site-header{height:74px;padding:0 20px}.brand span{font-size:19px}.brand small{font-size:7px}.hero{min-height:900px;display:block;padding:116px 20px 80px}.hero:after{width:470px;height:470px;right:-170px;top:375px}.hero-copy{padding:0}.kicker span{width:34px;height:34px}.hero h1{font-size:65px;line-height:.83;margin:36px 0 30px;white-space:normal}.hero-intro{font-size:19px;max-width:330px}.hero-cta{margin-top:30px}.hero-object{height:380px;margin-top:18px;margin-left:80px}.loupe-ring{width:355px}.spec-chip{right:-8px;bottom:4%;width:125px}.hero-ledger{left:20px;right:20px;bottom:24px;gap:15px}.hero-ledger span{font-size:6px;flex:1}.manifesto{padding:90px 20px}.manifesto>p{margin-left:0}.manifesto h2{font-size:50px}.manifesto-note{margin:42px 0 0 18%}.writing-lab{padding:82px 14px 70px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{font-size:65px}.section-heading>p{margin-top:32px}.lab-shell{display:block}.lab-controls{min-height:0;padding:20px}.lab-controls fieldset{margin-bottom:20px}.segmented{grid-template-columns:repeat(4,1fr)}.segmented button{min-height:64px;border-bottom:0}.segmented button:nth-child(2){border-right:1px solid rgba(255,255,255,.14)}.ink-options{display:inline-flex}.ink-name{display:inline-grid;vertical-align:top;margin:0 0 0 12px}.clear-pad{min-height:44px;margin-top:0}.paper-wrap{min-height:430px;background-image:linear-gradient(rgba(30,63,143,.11) 1px,transparent 1px),linear-gradient(90deg,transparent 48px,rgba(179,56,64,.2) 49px,transparent 50px);background-size:100% 32px,100% 100%}.paper-prompt{font-size:47px;left:17%;top:31%}.paper-meta{font-size:5px}.nib-character{grid-template-columns:1fr auto;gap:6px;padding:14px}.nib-character p{grid-column:1/-1;grid-row:2}.anatomy{display:block;padding:90px 15px 55px;min-height:0}.anatomy h2{font-size:58px}.anatomy-copy{padding:0 7px}.material-key{margin-top:28px}.anatomy-figure{margin-top:35px}.anatomy-figure svg{width:135%;margin-left:-17.5%}.loupe-readout{right:2%;bottom:1%}.bench{padding:90px 14px}.bench-heading{margin-bottom:50px}.process-grid{grid-template-columns:1fr;row-gap:42px;border-left:0}.process-card,.process-card:nth-child(3){border-left:1px solid var(--line);padding:0 20px 25px}.process-card p{min-height:0}.process-visual{height:190px}.diagnostic-intro{display:block;margin-bottom:42px}.diagnostic-intro h2{font-size:57px}.diagnostic-intro p{margin-top:30px}.tuning-desk{padding:90px 14px 105px}.diagnostic-cards{grid-template-columns:1fr;gap:16px}.diagnostic-cards article,.diagnostic-cards article:nth-child(2){transform:none;min-height:430px}.diagnostic-cards article:hover,.diagnostic-cards article:nth-child(2):hover{transform:none}.commissions{padding:90px 20px;display:block}.commission-mark{position:absolute;right:10px;top:40px;font-size:66px;writing-mode:initial}.commission-copy h2{font-size:53px}.commission-ledger{margin-top:65px}.commission-ledger div{grid-template-columns:25px 1fr auto;gap:10px}.site-footer{padding:42px 20px;display:grid;grid-template-columns:1fr 44px;align-items:start}.footer-brand{font-size:24px}.footer-links{display:grid;gap:13px;grid-column:1/-1}.back-top{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.load-reveal{animation:none}}

/* Pass-one optical refinements */
.paper-wrap{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34' viewBox='0 0 28 34'%3E%3Cpath fill='%23d8ad52' stroke='%23091b42' d='m14 1 10 12-6 18h-8L4 13z'/%3E%3Cpath stroke='%23091b42' d='M14 7v18'/%3E%3Ccircle cx='14' cy='19' r='2' fill='%231e3f8f'/%3E%3C/svg%3E") 14 31,crosshair}
.anatomy{min-height:710px;padding-top:85px;padding-bottom:85px}
.anatomy-figure svg{max-height:610px}
.process-visual{background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.62),transparent 32%),repeating-linear-gradient(90deg,rgba(18,43,96,.025) 0 1px,transparent 1px 12px),linear-gradient(145deg,#d1d3d1,#abb2b8);box-shadow:inset 0 0 0 1px rgba(30,63,143,.08),inset 0 -25px 45px rgba(49,58,66,.1)}
.process-visual:before{content:"BENCH 04 / 30×";position:absolute;right:10px;top:9px;z-index:4;font-size:6px;letter-spacing:.17em;color:rgba(30,63,143,.5)}
.process-visual:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.3);pointer-events:none}
.footer-links{font-size:9px}
@media(max-width:1000px) and (min-width:651px){.hero-copy{padding-top:38px}}
@media(max-width:650px){.hero h1{font-size:61px}.hero-object{margin-left:44px}.anatomy{padding-top:82px;padding-bottom:50px}.callouts text{font-size:13px}.callouts text:nth-of-type(even){font-size:9px}.footer-links{font-size:8px}}
.process-visual.slitting:before,.process-visual.slitting:after{content:"";position:absolute;inset:auto;width:74px;height:170px;top:20px;background:linear-gradient(90deg,#b18333,#f5dd94,#8b6826);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);border:0}
.process-visual.slitting:before{left:52px;right:auto;transform:rotate(-5deg)}
.process-visual.slitting:after{right:52px;left:auto;transform:rotate(5deg)}
.process-visual.writing:after{content:"PROVING LEAF / 8 DIRECTIONS";position:absolute;inset:auto 20px 18px auto;border:0;font-size:7px;letter-spacing:.15em;color:rgba(30,63,143,.55)}

/* Pass 2 — optical depth, instrument telemetry, and stronger editorial rhythm */
:root{--cream:#f0e8d8;--paper:#f8f1e2;--gold:#d4a943;--gold-light:#f4d477;--ink:#112b65;--steel:#b6bdc4;--ease-out:cubic-bezier(.16,1,.3,1)}
body{background:var(--cream);text-rendering:optimizeLegibility}
.hero{min-height:960px;background:radial-gradient(circle at 72% 43%,#3159a6 0,#1b4088 25%,#102d68 57%,#071a42 100%)}
.hero:before{background-image:linear-gradient(115deg,rgba(255,255,255,.045) 0 1px,transparent 1px),radial-gradient(circle at 18% 25%,rgba(255,255,255,.065) 0 1px,transparent 1.5px);background-size:72px 72px,19px 19px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.hero-copy:after{content:"BIRMINGHAM / 52.4862° N";position:absolute;left:-32px;top:57%;font-size:7px;letter-spacing:.22em;color:rgba(255,255,255,.25);transform:rotate(-90deg) translateX(-50%);transform-origin:left top}
.hero h1{font-size:clamp(78px,8.65vw,140px);line-height:.76;letter-spacing:-.057em;text-shadow:0 1px 0 rgba(255,255,255,.08)}
.hero h1 em{display:inline-block;transform:translateX(-.025em)}
.hero-intro{font-size:25px;max-width:500px;color:rgba(255,255,255,.8)}
.hero-cta{position:relative;overflow:hidden;transition:color .35s var(--ease-out),padding .35s var(--ease-out)}
.hero-cta:before{content:"";position:absolute;inset:0;background:var(--gold-light);transform:translateX(-104%);transition:transform .45s var(--ease-out);z-index:-1}
.hero-cta:hover,.hero-cta:focus-visible{color:var(--night);padding-inline:14px}
.hero-cta:hover:before,.hero-cta:focus-visible:before{transform:none}
.hero-cta:hover svg,.hero-cta:focus-visible svg{stroke:var(--night)}
.loupe-ring{--loupe-x:42%;--loupe-y:35%;--tilt-x:0deg;--tilt-y:0deg;background:radial-gradient(circle at var(--loupe-x) var(--loupe-y),rgba(255,255,255,.2),rgba(2,15,47,.35) 48%,rgba(0,0,0,.48) 78%);box-shadow:inset 0 0 0 10px rgba(0,0,0,.16),inset 0 0 70px rgba(255,255,255,.11),0 40px 90px rgba(0,0,0,.34);perspective:900px;transition:background-position .2s}
.nib-hero{transform:rotate(3deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .7s var(--ease-out),filter .5s}
.loupe-ring:hover .nib-hero{transform:rotate(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035);filter:saturate(1.03) brightness(1.04)}
.loupe-scan{position:absolute;inset:5%;border-radius:50%;overflow:hidden;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.7}
.loupe-scan span{position:absolute;left:-20%;right:-20%;height:1px;top:18%;background:linear-gradient(90deg,transparent,rgba(255,240,183,.75),transparent);box-shadow:0 0 18px rgba(255,221,120,.35);animation:loupeScan 5.5s var(--ease-out) 1 both}
@keyframes loupeScan{0%{top:14%;opacity:0}12%{opacity:1}82%{opacity:.65}100%{top:86%;opacity:0}}
.spec-chip{backdrop-filter:blur(9px);transform:translate(10px,10px)}
.manifesto{padding-block:170px;background:linear-gradient(115deg,#f0e8d8,#f8f1e5 54%,#e9dfcc)}
.manifesto:after{content:"0.01";position:absolute;right:5vw;top:28px;font-family:var(--serif);font-size:clamp(110px,20vw,280px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(30,63,143,.09);pointer-events:none}
.manifesto h2{position:relative;z-index:1;max-width:1160px}
.manifesto-note{font-size:14px;line-height:1.75;background:rgba(255,255,255,.2);padding:18px 22px;border-left:2px solid var(--gold)}
.writing-lab{background:radial-gradient(circle at 76% 20%,#e2dfd5,#cbc8be 64%,#b9bec0);padding-top:130px;overflow:hidden}
.writing-lab:before{opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 39px,#405363 40px),repeating-linear-gradient(90deg,transparent 0 39px,#405363 40px)}
.writing-lab:after{content:"WRITING ROOM / 04";position:absolute;right:-20px;top:190px;font-size:8px;letter-spacing:.28em;color:rgba(17,43,101,.42);transform:rotate(90deg)}
.section-heading>div{position:relative}
.live-seal{position:absolute;left:min(42vw,520px);bottom:8px;white-space:nowrap;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#224078;display:flex;align-items:center;gap:8px}
.live-seal i{width:7px;height:7px;border-radius:50%;background:#3e7f60;box-shadow:0 0 0 4px rgba(62,127,96,.13)}
.lab-shell{grid-template-columns:260px minmax(0,1fr);box-shadow:0 36px 95px rgba(26,34,48,.28),0 1px 0 rgba(255,255,255,.7);border:1px solid rgba(9,27,66,.18)}
.lab-controls{background:linear-gradient(165deg,#102e6c,#081c47);padding:31px 25px;min-height:610px}
.lab-controls legend{font-size:9px;color:rgba(255,255,255,.58)}
.segmented button{transition:background .25s,color .25s,transform .25s var(--ease-out)}
.segmented button:hover:not(.is-active),.segmented button:focus-visible:not(.is-active){background:rgba(255,255,255,.08)}
.segmented button.is-active{background:linear-gradient(135deg,#f0cd69,#c69735);box-shadow:inset 0 0 0 1px rgba(255,245,194,.45)}
.ink-dot{width:44px;height:44px;transition:transform .25s var(--ease-out),box-shadow .25s}
.ink-dot:hover{transform:translateY(-3px) scale(1.05)}
.assist-control{margin-bottom:22px!important}
.assist-toggle{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.035);color:white;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 12px;cursor:pointer}
.assist-toggle span{display:grid}.assist-toggle b{font-family:var(--serif);font-size:16px;font-weight:400}.assist-toggle small{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.assist-toggle i{width:30px;height:16px;border:1px solid rgba(255,255,255,.35);border-radius:20px;position:relative}.assist-toggle i:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:rgba(255,255,255,.5);transition:transform .25s,background .25s}.assist-toggle.is-active i:after{transform:translateX(14px);background:var(--gold-light)}
.paper-wrap{min-height:610px;background-color:#f8f0df;background-image:linear-gradient(rgba(25,58,142,.115) 1px,transparent 1px),linear-gradient(90deg,transparent 82px,rgba(151,45,50,.2) 83px,transparent 84px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.7),transparent 46%);background-size:100% 39px,100% 100%,100% 100%;box-shadow:inset 12px 0 30px rgba(68,48,23,.055)}
.paper-wrap:before{content:"";position:absolute;width:calc(var(--wetness,0) * 90px);height:calc(var(--wetness,0) * 90px);right:24px;top:48px;border-radius:50%;background:radial-gradient(circle,rgba(48,83,168,.12),transparent 70%);transition:width .2s,height .2s;pointer-events:none}
.paper-prompt{left:14%;top:31%;color:rgba(30,63,143,.16);transform:rotate(-2deg)}
.paper-prompt small{font-family:var(--sans);font-size:7px;letter-spacing:.27em;display:block;margin-bottom:8px;color:rgba(30,63,143,.34)}
.paper-prompt span{font-size:72px;line-height:.9}
.paper-prompt svg{width:210px;margin-top:10px;stroke:rgba(30,63,143,.2)}
.pen-telemetry{position:absolute;z-index:3;right:20px;top:48px;display:grid;gap:7px;pointer-events:none}
.pen-telemetry span{display:grid;grid-template-columns:42px 34px;font-size:6px;letter-spacing:.16em;color:rgba(30,63,143,.46)}
.pen-telemetry b{font-size:7px;color:rgba(30,63,143,.72);text-align:right}
.nib-character{background:rgba(240,232,216,.7);backdrop-filter:blur(10px);padding-block:20px}
.bench{position:relative;background:linear-gradient(120deg,#f8f2e6,#eee6d6);padding-top:145px}
.bench-ticket{max-width:1300px;margin:-30px auto 52px;border-block:1px solid rgba(30,63,143,.28);padding:19px 22px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px;background:rgba(255,255,255,.18)}
.bench-ticket>span,.bench-ticket small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#506080}.bench-ticket b{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.1}.bench-ticket small{text-align:right}
.process-grid{grid-template-columns:1.18fr .92fr .92fr 1.08fr;gap:0}
.process-card{transition:transform .45s var(--ease-out),background .35s;padding-top:14px}
.process-card:hover{transform:translateY(-12px);background:rgba(255,255,255,.38);z-index:2}
.process-card:nth-child(even){padding-top:48px}
.process-card h3{font-size:31px;line-height:1.05}
.process-card p{font-size:12px;line-height:1.65}
.process-visual{transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out)}
.process-card:hover .process-visual{transform:scale(1.015);box-shadow:inset 0 0 0 1px rgba(30,63,143,.12),0 22px 34px rgba(28,40,55,.18)}
.tuning-desk{background:radial-gradient(circle at 50% 0,#244c99,#14346f 48%,#0c2454);padding-block:145px}
.diagnostic-cards{gap:20px;perspective:900px}
.diagnostic-cards article{background:linear-gradient(145deg,#faf3e5,#e8e0d1);border-top:3px solid var(--gold);min-height:480px;box-shadow:0 22px 50px rgba(4,15,42,.16)}
.diagnostic-cards article:first-child{transform:rotate(-.7deg)}.diagnostic-cards article:nth-child(2){transform:translateY(30px) rotate(.45deg)}.diagnostic-cards article:last-child{transform:rotate(.65deg)}
.diagnostic-cards article:hover{transform:translateY(-10px) rotate(0)}.diagnostic-cards article:nth-child(2):hover{transform:translateY(18px) rotate(0)}
.commissions{background:radial-gradient(circle at 20% 20%,#faf4e8,#ede4d4 67%,#e4d7c1)}
.commission-cta{position:relative;overflow:hidden;padding-inline:0;transition:padding .35s var(--ease-out),background .35s}
.commission-cta:hover,.commission-cta:focus-visible{padding-inline:16px;background:rgba(255,255,255,.32)}
.site-footer{background:linear-gradient(110deg,#06183e,#0b2454);border-top:1px solid rgba(244,212,119,.18)}
.footer-links a{min-height:44px;display:inline-flex;align-items:center}
.page-hidden .disc,.page-hidden .loupe-scan span,.page-hidden .signature-read.is-ready:after{animation-play-state:paused!important}
.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease-out) var(--reveal-delay,0ms),transform .85s var(--ease-out) var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1000px){.hero{min-height:920px}.lab-shell{grid-template-columns:220px minmax(0,1fr)}.ink-dot{width:36px;height:36px}.ink-options{gap:8px}.bench-ticket{grid-template-columns:150px 1fr}.bench-ticket small{grid-column:2;text-align:left}.process-grid{grid-template-columns:1fr 1fr}.process-card:nth-child(even){padding-top:14px}.process-card:nth-child(3),.process-card:nth-child(4){padding-top:42px}}

@media(max-width:650px){
  .hero{min-height:960px;padding-top:112px}.hero-copy:after{display:none}.hero h1{font-size:60px;line-height:.82;margin-block:34px 27px}.hero-intro{font-size:20px;line-height:1.42}.hero-object{height:390px;margin-left:34px;margin-top:12px}.loupe-ring{width:350px}.spec-chip{right:2px;bottom:3%;transform:none}.hero-ledger{bottom:20px}.manifesto{padding-block:105px}.manifesto:after{top:52px;right:-18px}.manifesto h2{font-size:48px;line-height:.95}.manifesto-note{margin-left:12%;font-size:13px}.writing-lab{padding:92px 12px 74px}.writing-lab:after{display:none}.section-heading h2{font-size:62px}.live-seal{position:static;margin-top:20px}.lab-controls{padding:20px 17px;min-height:auto}.segmented button{padding-inline:9px}.ink-options{gap:10px}.ink-dot{width:44px;height:44px}.ink-name{margin-left:8px}.assist-toggle small{font-size:8px}.paper-wrap{min-height:470px;background-image:linear-gradient(rgba(25,58,142,.115) 1px,transparent 1px),linear-gradient(90deg,transparent 47px,rgba(151,45,50,.2) 48px,transparent 49px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.7),transparent 46%);background-size:100% 32px,100% 100%,100% 100%}.paper-meta{font-size:7px;letter-spacing:.11em}.paper-prompt{left:15%;top:32%}.paper-prompt span{font-size:49px}.paper-prompt svg{width:170px}.pen-telemetry{top:45px;right:12px}.drying-key{right:12px}.bench{padding:100px 12px}.bench-ticket{margin:-16px 2px 46px;display:grid;grid-template-columns:1fr;padding:17px;gap:9px}.bench-ticket small{text-align:left;grid-column:auto;line-height:1.7}.process-grid{grid-template-columns:1fr}.process-card,.process-card:nth-child(3),.process-card:nth-child(4){padding:12px 18px 26px}.process-card:hover{transform:none}.process-visual{height:205px}.diagnostic-cards article:first-child,.diagnostic-cards article:nth-child(2),.diagnostic-cards article:last-child{transform:none}.tuning-desk{padding-block:105px}.diagnostic-cards article{min-height:420px}.footer-links a{min-height:44px}.site-footer{min-height:300px}.menu-toggle{min-width:64px}.primary-nav.is-open{right:12px;left:12px;top:66px;min-width:0;padding:14px 20px}.primary-nav.is-open a{display:flex;align-items:center;font-size:12px}
}

/* Pass 3 — the maker's verdict and final material calibration */
::selection{background:var(--gold-light);color:#071a42;text-shadow:none}
html{scrollbar-color:var(--gold) #071a42;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#071a42}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-light),#9b7429);border:2px solid #071a42;border-radius:10px}
body{font-kerning:normal;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
h1,h2,h3,.footer-brand{text-wrap:balance}
p{text-wrap:pretty}
.kicker,.section-no,.paper-meta,.pen-telemetry,.hero-ledger,.bench-ticket,.process-card>b,.reading-register,.reading-metrics,.reading-prescription{font-variant-numeric:tabular-nums lining-nums}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header .brand,.site-header .primary-nav,.site-header .header-mark,.site-header .menu-toggle{animation:headerSet .85s var(--ease-out) both}
.site-header .primary-nav{animation-delay:.12s}.site-header .header-mark,.site-header .menu-toggle{animation-delay:.2s}
@keyframes headerSet{from{opacity:0;transform:translateY(-11px)}to{opacity:1;transform:none}}
.brand,.header-mark,.footer-links a,.back-top,.guide-back{transition:color .32s var(--ease-out),opacity .32s var(--ease-out),border-color .32s var(--ease-out),transform .32s var(--ease-out)}
.brand:hover,.brand:focus-visible{color:var(--gold-light);transform:translateY(-2px)}
.header-mark:hover,.header-mark:focus-visible,.footer-links a:hover,.footer-links a:focus-visible,.guide-back:hover,.guide-back:focus-visible{color:var(--gold-light);border-color:var(--gold-light)}
.back-top:hover,.back-top:focus-visible{color:#071a42;background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-3px)}
button:disabled{cursor:not-allowed}
#writing-canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.paper-wrap{background-image:linear-gradient(rgba(25,58,142,.115) 1px,transparent 1px),linear-gradient(90deg,transparent 82px,rgba(151,45,50,.2) 83px,transparent 84px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.72),transparent 46%),repeating-radial-gradient(ellipse at 16% 20%,rgba(72,53,26,.018) 0 1px,transparent 1px 7px);background-size:100% 39px,100% 100%,100% 100%,19px 11px}
.nib-character{grid-template-columns:150px minmax(260px,1fr) auto 178px;gap:18px;background:rgba(240,232,216,.82);box-shadow:0 18px 38px rgba(27,37,54,.09)}
.signature-read{min-height:50px;border:1px solid var(--blue);background:transparent;color:var(--blue);display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer;text-transform:uppercase;font-size:8px;letter-spacing:.16em;position:relative;overflow:hidden;transition:color .35s var(--ease-out),background .35s var(--ease-out),transform .35s var(--ease-out),opacity .3s}
.signature-read i{font-family:var(--serif);font-size:17px;font-style:normal;letter-spacing:0}
.signature-read:before{content:"";position:absolute;inset:0;background:var(--blue);transform:translateX(-102%);transition:transform .42s var(--ease-out);z-index:-1}
.signature-read:hover:not(:disabled),.signature-read:focus-visible{color:var(--cream);transform:translateY(-2px)}
.signature-read:hover:not(:disabled):before,.signature-read:focus-visible:before{transform:none}
.signature-read:disabled{opacity:.38;border-style:dashed}
.signature-read.is-ready:after{content:"";position:absolute;inset:-2px;border:1px solid var(--gold);opacity:0;animation:calibrated 2.4s ease-out infinite;pointer-events:none}
@keyframes calibrated{0%{opacity:.8;transform:scale(.96)}55%,100%{opacity:0;transform:scale(1.08)}}
.hand-reading{max-width:1300px;margin:34px auto 0;min-height:500px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);background:linear-gradient(120deg,#071a42,#102f6d 58%,#1a438c);color:var(--cream);position:relative;overflow:hidden;box-shadow:0 36px 90px rgba(15,27,48,.28);clip-path:inset(0 100% 0 0);opacity:.2;transform:translateY(24px);transition:clip-path .8s var(--ease-out),opacity .5s ease,transform .8s var(--ease-out)}
.hand-reading[hidden]{display:none}
.hand-reading.is-open{clip-path:inset(0);opacity:1;transform:none}
.hand-reading:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.035) 0 1px,transparent 1px),radial-gradient(circle at 26% 49%,rgba(76,118,201,.28),transparent 35%);background-size:34px 34px,100% 100%;pointer-events:none}
.hand-reading:after{content:"FITTING ROOM / PRIVATE SPECIMEN";position:absolute;right:14px;top:18px;font-size:6px;letter-spacing:.24em;color:rgba(255,255,255,.32)}
.reading-loupe{width:min(390px,78%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(244,212,119,.62);align-self:center;justify-self:center;position:relative;background:#f4eddf;box-shadow:inset 0 0 45px rgba(13,35,78,.26),0 0 0 12px rgba(255,255,255,.025),0 0 0 54px rgba(255,255,255,.018),0 28px 50px rgba(0,0,0,.3);overflow:hidden}
.reading-loupe:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(30,63,143,.16);box-shadow:inset 0 0 25px rgba(30,63,143,.1);pointer-events:none}
#analysis-canvas{position:absolute;inset:12%;width:76%;height:76%;filter:saturate(1.15) contrast(1.06);transform:rotate(-1.5deg)}
.reading-loupe small{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);color:rgba(17,43,101,.58);font-size:6px;letter-spacing:.2em;white-space:nowrap}
.reading-cross{position:absolute;background:rgba(30,63,143,.42);z-index:2}.cross-x{width:32px;height:1px;left:calc(50% - 16px);top:50%}.cross-y{width:1px;height:32px;left:50%;top:calc(50% - 16px)}
.reading-verdict{position:relative;z-index:1;padding:68px clamp(34px,5vw,72px) 50px;border-left:1px solid rgba(244,212,119,.26);background:linear-gradient(112deg,rgba(7,26,66,.25),rgba(255,255,255,.025))}
.reading-register{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.2em;color:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:16px}.reading-register b{color:var(--gold-light);font-weight:500}
.reading-verdict h3{font-family:var(--serif);font-size:clamp(42px,4.5vw,65px);font-weight:400;letter-spacing:-.035em;line-height:.93;margin:32px 0 20px;max-width:620px}
.reading-verdict>p{font-size:12px;line-height:1.75;color:rgba(255,255,255,.68);max-width:570px}
.reading-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-block:1px solid rgba(255,255,255,.18)}
.reading-metrics div{padding:16px 12px 16px 0}.reading-metrics dt{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.4)}.reading-metrics dd{margin:5px 0 0;font-family:var(--serif);font-size:21px;color:var(--gold-light)}
.reading-prescription{display:grid;gap:5px;padding:17px 19px;border:1px solid rgba(244,212,119,.45);background:rgba(3,14,41,.3)}
.reading-prescription small{font-size:6px;letter-spacing:.2em;color:rgba(255,255,255,.42)}.reading-prescription strong{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--gold-light)}.reading-prescription span{font-size:7px;letter-spacing:.14em;color:rgba(255,255,255,.56)}
.reading-close{min-height:44px;margin-top:22px;border:0;border-bottom:1px solid rgba(244,212,119,.62);background:transparent;color:var(--cream);padding:8px 0;display:flex;justify-content:space-between;width:190px;text-transform:uppercase;font-size:8px;letter-spacing:.14em;cursor:pointer;transition:width .35s var(--ease-out),color .3s}
.reading-close:hover,.reading-close:focus-visible{width:215px;color:var(--gold-light)}
@media(max-width:1000px){.nib-character{grid-template-columns:120px 1fr auto}.signature-read{grid-column:1/-1}.hand-reading{grid-template-columns:320px 1fr}.reading-loupe{width:255px}.reading-verdict{padding:56px 34px 42px}}
@media(max-width:650px){.paper-wrap{background-image:linear-gradient(rgba(25,58,142,.115) 1px,transparent 1px),linear-gradient(90deg,transparent 47px,rgba(151,45,50,.2) 48px,transparent 49px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.72),transparent 46%),repeating-radial-gradient(ellipse at 16% 20%,rgba(72,53,26,.018) 0 1px,transparent 1px 7px);background-size:100% 32px,100% 100%,100% 100%,19px 11px}.nib-character{grid-template-columns:1fr auto;gap:9px;padding:16px}.nib-character p{grid-column:1/-1;grid-row:auto}.nib-character strong{grid-column:2;grid-row:1}.signature-read{grid-column:1/-1;min-height:52px;margin-top:4px}.hand-reading{min-height:0;grid-template-columns:1fr;margin-top:20px}.reading-loupe{width:245px;margin:60px auto 45px}.reading-verdict{border-left:0;border-top:1px solid rgba(244,212,119,.26);padding:40px 24px 34px}.reading-verdict h3{font-size:45px}.reading-metrics dd{font-size:18px}.reading-close{width:100%}.reading-close:hover,.reading-close:focus-visible{width:100%}}
@media(prefers-reduced-motion:reduce){.site-header .brand,.site-header .primary-nav,.site-header .header-mark,.site-header .menu-toggle{animation:none}.signature-read.is-ready:after{animation:none}.hand-reading{clip-path:none;opacity:1;transform:none}}