:root{--ink:#050505;--paper:#eee9df;--gold:#d5bea0;--muted:#b8b1a5;--line:#353027;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color-scheme:dark;font:100% var(--sans);color:var(--paper);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}a{color:inherit;text-underline-offset:.3em}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}p{font-size:1.05rem;line-height:1.8}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(4rem,8.5vw,8rem);line-height:.99;letter-spacing:-.055em}h2{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:-.04em}em{font-weight:400;color:var(--gold)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:16px;background:var(--gold);color:var(--ink);z-index:10}.skip:focus{top:15px}.header,.footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 6vw;gap:2rem}.header{border-bottom:1px solid var(--line)}.wordmark{font:2.1rem var(--serif);letter-spacing:-.055em;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--gold)}nav{display:flex;gap:2rem}nav a{font-size:.9rem;text-decoration:none;padding:.55rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:600;color:var(--gold);line-height:1.6}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:5.5rem 6vw 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.hero-figure{position:absolute;z-index:-1;width:55%;height:95%;object-fit:contain;object-position:right top;right:1%;top:2%;opacity:.65}.hero-text{max-width:650px}.hero h1{margin:1.6rem 0}.subtitle{font-size:1.4rem;line-height:1.5;color:var(--gold)}.hero-intro{max-width:32rem;margin-top:1.8rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:54px;padding:1rem 1.4rem;text-decoration:none;font-size:.95rem}.light{background:var(--gold);color:#080808}.button:hover{background:#e8d7bb}.text-link{display:inline-block;color:var(--gold);font-size:.95rem;line-height:1.6}.hero-foot{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:4rem;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}.section{padding:6rem 6vw;border-top:1px solid var(--line)}.section-opening{display:flex;justify-content:space-between;gap:2rem;margin-bottom:3rem}.folio{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.intro>p{max-width:36rem;color:var(--muted)}.overview-list{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 4rem}.overview-list li{border-top:1px solid var(--line)}.overview-list a{display:flex;gap:1.2rem;text-decoration:none;padding:1.2rem 0;line-height:1.5;align-items:baseline}.overview-list a:hover{color:var(--gold)}.overview-list span{font:1.4rem var(--serif);color:var(--gold);min-width:2rem}.download{background:#0e0c09}.download-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.card-preview{display:block;max-width:345px;margin:auto;transform:rotate(-3deg);box-shadow:0 25px 65px #0009}.download-grid h2{margin-bottom:1.6rem}.download-grid p{max-width:38rem;color:var(--muted)}.download-links{display:flex;flex-direction:column;align-items:start;gap:1.2rem;margin:2rem 0 1.6rem}.small{font-size:.82rem;line-height:1.65;color:var(--muted)}.gebote{margin-top:3.5rem}.gebot{display:grid;grid-template-columns:.18fr 1fr 1.1fr;gap:3vw;border-top:1px solid var(--line);padding:3rem 0;scroll-margin-top:2rem}.number{font:clamp(2.4rem,4.5vw,4.5rem) var(--serif);color:#a18a68;line-height:1}.gebot h3{font-size:2rem;line-height:1.2;margin:.8rem 0 1.2rem;letter-spacing:-.02em}.original{color:var(--gold);font-size:1rem}.explanation>p{color:var(--muted);font-size:1rem}.tip{border-left:2px solid #766246;padding-left:1.2rem;margin-top:1.5rem}.tip strong{display:block;color:var(--paper);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.back{display:inline-block;margin-top:1.4rem;font-size:.8rem;color:var(--gold)}.book-section{background:#0b0a08}.book-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.book-grid>a{max-width:300px;margin:auto}.book-grid img{border:1px solid #5a4b38;box-shadow:0 18px 60px #000}.book-grid h2{margin:1rem 0 1.5rem}.book-grid .subtitle{margin-bottom:1.5rem}.book-grid p:not(.eyebrow):not(.subtitle){color:var(--muted)}.book-grid .button{margin-top:1.7rem}.shop{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.6rem}.shop p{margin-bottom:.7rem}.shop .text-link{margin:.4rem 0 .8rem}.closing{padding:6rem 6vw;text-align:center}.closing>p{font:clamp(2.8rem,5vw,5rem)/1.12 var(--serif);letter-spacing:-.035em}.closing>a{margin-top:1.8rem}.footer{border-top:1px solid var(--line);flex-wrap:wrap}.footer p{font-size:.78rem;color:var(--muted);margin-top:.6rem}.copyright{width:100%;margin-top:0!important}.legal{max-width:900px;margin:auto;min-height:70vh}.legal h1{font-size:3.5rem;margin-bottom:2rem}.legal h2{font-size:1.8rem;margin:2rem 0 1rem}.legal p{margin-bottom:1rem}.legal a{overflow-wrap:anywhere}.legal li{line-height:1.7}
@media(min-width:1600px){.header,.hero,.section,.footer,.closing{padding-left:max(6vw,calc((100vw - 1400px)/2));padding-right:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:900px){.hero-figure{width:70%;right:-15%;opacity:.27}.hero-text{max-width:600px}.hero{min-height:700px}.gebot{grid-template-columns:60px 1fr;gap:1.5rem}.explanation{grid-column:2}.overview-list{gap:0 2rem}.download-grid{gap:5vw}.book-grid{gap:5vw}.book-grid h2{font-size:3rem}}
@media(max-width:620px){.header{padding:1.2rem 1.4rem;display:block}.wordmark{font-size:1.85rem}.header nav{margin-top:.9rem;gap:1rem;justify-content:space-between}.header nav a{font-size:.76rem}.hero{padding:3rem 1.5rem 1.4rem;min-height:690px}.hero h1{font-size:clamp(3.7rem,15vw,5.5rem)}.hero-figure{width:120%;right:-45%;height:90%;opacity:.22}.hero .eyebrow{max-width:230px}.subtitle{font-size:1.2rem}.hero-intro{font-size:1rem}.hero-foot{font-size:.66rem;line-height:1.6;gap:1.5rem}.hero-foot span{max-width:47%}.hero-foot span:last-child{text-align:right}.actions{gap:1.4rem}.section{padding:3.5rem 1.5rem}.section-opening{gap:1.2rem;margin-bottom:2rem}.folio{text-align:right;max-width:135px;font-size:.67rem}.eyebrow{font-size:.68rem}.intro,.download-grid,.book-grid{grid-template-columns:1fr;gap:2rem}.intro>p{font-size:1rem}.overview-list{grid-template-columns:1fr;margin-top:2rem}.overview-list a{font-size:.95rem;padding:1rem 0}.card-preview{max-width:235px;margin-bottom:1.5rem}.gebot{grid-template-columns:38px 1fr;gap:1rem;padding:2rem 0}.number{font-size:2.3rem}.gebot h3{font-size:1.6rem}.gebot .eyebrow{font-size:.64rem}.explanation>p{font-size:.95rem}.original{font-size:.95rem}.book-grid>a{max-width:200px;margin-bottom:1rem}.book-grid h2{font-size:2.7rem}.footer{padding:2rem 1.5rem;gap:1.5rem}.footer nav{gap:1.3rem}.footer nav a{font-size:.8rem}.closing{padding:4rem 1.5rem}.legal h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;color:black}.header,.hero,.footer,.download,.book-section,.closing,.section-opening,.back,.overview{display:none}.section{padding:0;border:0}.explanations>h2{font-size:25pt;margin-bottom:20pt}.gebot{break-inside:avoid;display:block;padding:15pt 0}.number{float:left;margin-right:12pt;font-size:24pt}.gebot h3{font-size:16pt}.eyebrow,.original,.explanation>p,em{color:#222}.tip{margin-top:8pt}.explanation>p{font-size:10pt}}

/* Original portrait and recurring saber-man mark, revision 2. */
.brand{display:inline-flex;align-items:center;gap:.85rem;letter-spacing:-.055em}
.brand .brand-name{color:var(--paper)}
.brand-logo{width:60px;height:72px;object-fit:contain;flex:none;mix-blend-mode:screen;filter:brightness(1.65)}
.hero-portrait{width:48%;height:93%;right:0;top:3%;opacity:.42;object-position:right top;pointer-events:none;mask-image:linear-gradient(to bottom,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent 100%)}
@media(max-width:900px){.hero-portrait{width:55%;right:0;opacity:.28}}
@media(max-width:620px){.brand{gap:.7rem}.brand-logo{width:44px;height:53px}.hero-portrait{width:76%;height:93%;right:0;top:2%;opacity:.21;object-position:right top}}