:root{--bg:#0b0b0b;--paper:#f3f2ee;--muted:#9d9d99;--accent:#dadbd4;--line:#ffffff20;--red:#b82c27}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.6 'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button,input,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff}button:disabled{cursor:wait;opacity:.6}.nav{height:80px;padding:0 3%;display:flex;justify-content:space-between;align-items:center}.brand{font:800 23px/1 Arial,sans-serif;letter-spacing:-.065em}.nav nav{display:flex;gap:29px;align-items:center;font-size:9px;letter-spacing:.035em}.nav nav a:hover{color:#bcbcb7}.hero{margin:0 2%;height:clamp(470px,43vw,710px);border-radius:14px;position:relative;overflow:hidden;background:#242a24}.hero-slide{height:100%;position:relative}.hero-slide[hidden]{display:none}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#0009 100%),linear-gradient(90deg,#0003,transparent 65%)}.hero-type{position:absolute;bottom:85px;left:7%;right:5%}.hero-type p{font-size:9px;letter-spacing:.13em;margin:0 0 20px}.hero-type h1,.hero-type h2{font:800 clamp(45px,6.1vw,99px)/.93 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:0;text-wrap:balance;max-width:1000px}.hero-foot{position:absolute;left:2.5%;right:2.5%;bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.08em}.hero-foot>a{flex:1}.hero-foot>span{margin-right:26px}.slide-controls{display:flex;gap:7px}.slide-controls button{height:29px;width:29px;border:1px solid #ffffff80;border-radius:50%;background:#0003;color:#fff;font-size:14px;line-height:1}.slide-controls button:hover{background:#fff;color:#000}.life-photo{object-position:center 53%}.section{padding:100px 9%}.eyebrow{font-size:8px;letter-spacing:.075em;line-height:1.6;margin:0 0 25px;color:var(--muted)}.story{padding-top:110px;padding-bottom:100px;display:grid;grid-template-columns:1fr 5fr;gap:30px}.story>.eyebrow{padding-top:7px}.manifesto{font-size:clamp(29px,3.4vw,53px);font-weight:300;letter-spacing:-.055em;line-height:1.08;max-width:1040px;margin:0 0 26px}.story-rest{color:#aeaeaa;font-size:17px;font-weight:300;line-height:1.5;margin:0 0 28px;letter-spacing:-.015em}.signature{font-size:8px;line-height:1.7;letter-spacing:.04em;color:var(--muted);margin:0}.triptych{margin:0 2%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.portrait-tile,.child-tile,.statement-tile{height:clamp(230px,30vw,460px);border-radius:12px;overflow:hidden;position:relative;background:#101110}.portrait-tile img{width:100%;height:100%;object-fit:cover;object-position:73% center;filter:saturate(.6)}.portrait-tile>span,.child-tile>span{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:.08em;background:#0006;padding:4px 7px}.child-tile{background:#d6d6d4 url('/scotsman-scothetic.png') center bottom/auto 165% no-repeat}.statement-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.statement-tile p{font:800 clamp(17px,2.5vw,41px)/1 Arial,sans-serif;letter-spacing:-.06em}.statement-tile a{font-size:7px;color:var(--muted);margin-top:12px}.chapter-strip{display:flex;gap:35px;justify-content:space-between;align-items:center;white-space:nowrap;overflow:hidden;padding:25px 2%;font-size:10px;font-weight:600;border-bottom:1px solid #ffffff0a}.chapter-strip b{color:var(--red);font-size:6px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading h2,.give h2{font:800 clamp(38px,4.6vw,72px)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:0}.edition{font-size:8px;line-height:1.7;letter-spacing:.04em;color:var(--muted);margin:0 0 4px}.available{padding-top:100px}.book-feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.book-stage{background:#141513;padding:45px 24%;border-radius:12px;display:flex;align-items:center;justify-content:center}.book-stage img{display:block;width:100%;height:auto;transform:none;box-shadow:0 15px 25px #0005}.book-copy h3{font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.06;letter-spacing:-.04em;margin:0 0 25px}.book-copy>p:not(.eyebrow,.quiet,.payfast){font-size:13px;max-width:370px;color:#b9b9b5;line-height:1.7}.book-copy blockquote{font-size:16px;font-weight:300;margin:25px 0 32px;padding-left:14px;border-left:1px solid #ffffff50;color:#d0d0ca}.status-dot{display:inline-block;width:5px;height:5px;background:#b4c38e;border-radius:50%;vertical-align:middle;margin-right:8px}.purchase-actions{display:flex;flex-direction:column;gap:10px;max-width:380px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;min-height:48px;border:1px solid #e5e5df;background:#e5e5df;color:#111;font-size:9px;font-weight:500;letter-spacing:.025em;border-radius:2px;transition:background .2s}.secondary{background:transparent;color:var(--paper);border-color:#ffffff50}.primary:hover{background:#fff}.secondary:hover{background:#ffffff12}.quiet{color:var(--muted);font-size:10px;line-height:1.6}.book-copy>.quiet{max-width:365px;margin-top:17px}.payfast{font-size:7px;letter-spacing:.07em;color:var(--muted);margin:23px 0 0}.payfast strong{font-size:15px;margin-left:8px;letter-spacing:-.04em;color:var(--paper)}.collection{padding-top:30px}.upcoming{display:grid;grid-template-columns:1fr 1fr;gap:30px}.poster{padding:38px 19%;background:#171817;border-radius:12px}.poster img{display:block;width:100%;height:auto;transform:none;box-shadow:0 10px 25px #0003}.dark-poster{background:#141513}.release-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.release-info h3{font-size:17px;letter-spacing:-.035em;margin:0}.release-info span{font-size:7px;letter-spacing:.06em;color:var(--muted)}.release-date{font-size:9px;color:#adada7;margin:6px 0 0}.future-note{font-size:12px;font-weight:300;color:var(--muted);margin-top:42px}.give{border-top:1px solid var(--line)}.give>div{display:grid;grid-template-columns:1.35fr 1fr;gap:60px}.give h2{font-size:clamp(33px,3.9vw,60px)}.give-copy>p:first-child{font-size:17px;font-weight:300;line-height:1.4;margin:0}.give button{margin-top:24px;width:100%;max-width:350px}footer{border-top:1px solid var(--line);padding:55px 3%;display:flex;align-items:start;justify-content:space-between;gap:30px}footer .brand{font-size:25px}footer .brand span{display:block;font:300 12px/1.5 'Helvetica Neue',Arial,sans-serif;letter-spacing:0;margin-top:9px;color:var(--muted)}footer>a:not(.brand){font-size:9px}footer>a:not(.brand)>span:not(.decorative-arrow){display:block;color:var(--muted);font-size:11px;margin-top:7px}footer>span{font-size:8px;color:var(--muted)}
dialog{width:min(500px,calc(100% - 28px));max-height:91svh;overflow-y:auto;background:#121312;color:var(--paper);border:1px solid #ffffff40;padding:40px;border-radius:12px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog h2{font-size:36px;line-height:1.04;font-weight:500;letter-spacing:-.05em;margin:0 0 25px}dialog em{font-style:normal;font-weight:300;color:#aaa}dialog .eyebrow{margin-bottom:20px}.close{position:absolute;right:14px;top:9px;border:0;background:none;color:#eee;font-size:26px;padding:5px 10px}dialog label{display:block;font-size:11px;margin:15px 0 6px}dialog input,dialog select{width:100%;padding:12px;border:1px solid #ffffff30;border-radius:2px;background:#20211f;color:var(--paper)}dialog .primary{width:100%;margin-top:20px;font-size:10px}#price{font-size:26px;letter-spacing:-.04em}.privacy{font-size:10px;margin-top:18px}.form-status{font-size:12px;line-height:1.6;color:#e5c7a8}.reader-body{height:100svh;display:flex;flex-direction:column}.reader-header{display:flex;align-items:center;gap:25px;padding:15px 4%;border-bottom:1px solid var(--line);flex-wrap:wrap}.reader-header .primary{margin-left:auto;min-height:37px;padding:7px 15px}.reader-frame{width:100%;flex:1;border:0}.preview-banner{background:#252821;color:#c5cbbd;text-align:center;font-size:10px;padding:8px}.reader-body dialog{text-align:center}.reader-body dialog .primary{justify-content:center}.reader-body dialog .eyebrow{margin-top:10px}
@media(min-width:1600px){.section{padding-left:max(9%,calc((100% - 1400px)/2));padding-right:max(9%,calc((100% - 1400px)/2))}}@media(max-width:900px){.nav{height:65px}.hero{height:470px}.hero-type{left:5%;bottom:85px}.hero-type h1,.hero-type h2{font-size:64px}.section{padding:75px 7%}.story{grid-template-columns:1fr 4.5fr;gap:15px}.book-feature{gap:7%}.book-stage{padding:35px 19%}.edition{font-size:7px}.book-copy h3{font-size:30px}.poster{padding:30px 17%}.give>div{gap:40px}}@media(max-width:600px){.nav{height:65px;padding:0 5%}.brand{font-size:20px}.nav nav{gap:18px;font-size:7px}.nav nav a:nth-child(1),.nav nav a:nth-child(3){display:none}.hero{margin:0 3%;height:570px;border-radius:10px}.hero-photo{object-position:69% center}.hero-shade{background:linear-gradient(180deg,#0001 30%,#000b 100%)}.hero-type{left:6%;right:4%;bottom:105px}.hero-type h1,.hero-type h2{font-size:clamp(35px,8.8vw,52px);line-height:.97;letter-spacing:-.06em}.hero-type p{font-size:7px;letter-spacing:.055em;margin-bottom:18px}.hero-foot{left:6%;right:6%;bottom:26px}.hero-foot>a{font-size:7px}.hero-foot>span{font-size:7px;margin-right:14px}.section{padding:65px 7%}.story{display:block}.story>.eyebrow{margin-bottom:30px}.manifesto{font-size:33px;line-height:1.06;letter-spacing:-.05em}.story-rest{font-size:15px}.signature{font-size:7px}.triptych{margin:0 3%;grid-template-columns:1fr 1fr;gap:9px}.portrait-tile,.child-tile{height:240px}.statement-tile{grid-column:1/-1;grid-row:2;height:210px}.statement-tile p{font-size:30px;margin:10px}.statement-tile a{margin-top:15px}.portrait-tile>span,.child-tile>span{left:12px;bottom:15px;font-size:6px}.chapter-strip{gap:24px;font-size:8px;padding:23px 5%}.section-heading{align-items:start;margin-bottom:30px}.section-heading h2{font-size:43px}.edition{font-size:6px;max-width:120px;padding-top:35px}.book-feature{display:block}.book-stage{padding:35px 25%;margin-bottom:35px}.book-copy h3{font-size:37px}.book-copy>p:not(.eyebrow,.quiet,.payfast){font-size:14px}.purchase-actions{max-width:none}.book-copy blockquote{font-size:17px}.collection{padding-top:15px}.upcoming{gap:30px;grid-template-columns:1fr}.poster{padding:30px 22%}.release-info h3{font-size:17px}.release-info span{font-size:8px}.release-date{font-size:10px}.future-note{font-size:12px;max-width:260px}.give>div{display:block}.give h2{font-size:38px}.give-copy{margin-top:35px}.give-copy>p:first-child{font-size:16px}footer{padding:40px 7%;flex-wrap:wrap;gap:35px}footer>span{width:100%}dialog{padding:32px 24px}dialog h2{font-size:33px}.reader-header{font-size:10px;gap:12px}.reader-header .brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.series-dates{max-width:600px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 30px}.series-dates i{font-style:normal;color:#e5e5df}

/* Keep the small seated figure visible in the panoramic second slide. */
.life-photo{object-position:66% 52%}@media(max-width:600px){.life-photo{object-position:66% center}}

/* Use a plain typographic arrow on every device, including iOS. */
.reader-arrow{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:1;font-variant-emoji:text;flex-shrink:0}

/* Crossfade the hero without moving its text or controls. */
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease}
.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.hero-foot{z-index:2}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
/* Keep desktop decoration; remove emoji-style arrows on phones. */
@media(max-width:600px){.decorative-arrow{display:none}}

/* A gentle light sweep: South African readers, then international readers. */
.purchase-actions>[data-market]{position:relative;overflow:hidden;isolation:isolate}
.purchase-actions>[data-market]::after{content:"";position:absolute;top:-50%;left:0;width:45%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-180%) skewX(-18deg);opacity:0;pointer-events:none}
.purchase-actions>.secondary::after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.25),transparent)}
.reader-shine-visible>[data-market]::after{animation:reader-light-sweep 8s ease-in-out infinite}
.reader-shine-visible>[data-market="international"]::after{animation-delay:1.3s}
@keyframes reader-light-sweep{0%{transform:translateX(-180%) skewX(-18deg);opacity:0}2%{opacity:1}14%{transform:translateX(330%) skewX(-18deg);opacity:1}16%,100%{transform:translateX(330%) skewX(-18deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.reader-shine-visible>[data-market]::after{animation:none}}
