:root{
  --page-pad:clamp(14px,2.1vw,32px);
  --content-max:1180px;
  --header-max:1240px;
  --hero-height:clamp(760px,100svh,940px);
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:100px}
body{min-width:280px}
img,svg,canvas{max-width:100%}
.shell{width:min(var(--content-max),calc(100% - (var(--page-pad) * 2)))}
#ambient{height:var(--hero-height)}
.header{width:min(var(--header-max),calc(100% - (var(--page-pad) * 1.2)));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.hero{min-height:var(--hero-height)}
.hero h1{font-size:clamp(52px,5.35vw,92px)}
.book-card{width:min(420px,79%)}

.brand b,.lead,.about-copy p,.author-copy p,.feature p,.history-detail p,.page p,.buy-copy p,.buy-action p,.edition-card h4,.edition-card li,.footer p{overflow-wrap:anywhere}

@media (min-width:1440px){
  :root{--content-max:1320px;--header-max:1380px}
  .hero{grid-template-columns:1.05fr .95fr;gap:72px}
  .hero h1{max-width:820px}
  .lead{max-width:660px}
  .book-card{width:min(455px,80%)}
  .about-grid{grid-template-columns:.28fr 1.08fr .9fr;gap:64px}
  .author{gap:100px}
  .cards{gap:18px}
  .excerpt{max-width:1080px}
  .buy-panel{grid-template-columns:1fr .68fr 1.18fr;gap:42px}
}

@media (min-width:1800px){
  :root{--content-max:1460px;--header-max:1520px}
  .hero{gap:100px}
  .hero-copy{max-width:790px}
  .hero h1{font-size:96px}
  .hero-product{min-height:690px}
  .book-card{width:470px}
  .product-glow{width:600px;height:600px}
  .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .feature{min-height:500px}
  .feature-art{height:235px}
  .author-copy{max-width:720px}
  .buy-panel{padding:64px}
}

@media (min-width:2200px) and (min-aspect-ratio:21/9){
  :root{--content-max:1540px;--header-max:1600px;--hero-height:min(940px,92svh)}
  .hero{grid-template-columns:1fr .88fr;gap:120px}
  .hero-copy{justify-self:start}
  .hero-product{justify-self:end;width:min(680px,100%)}
  .hero::after{width:105vw}
  .about-grid{grid-template-columns:.23fr 1fr .82fr}
  .inside,.author,.fragment,.buy{max-width:1540px}
}

@media (min-width:1101px) and (max-height:900px){
  :root{--hero-height:max(720px,100svh)}
  .header{height:66px;margin-top:10px;border-radius:18px}
  
  .brand b{font-size:15px}.brand small{font-size:8px;margin-top:4px}
  .nav{gap:20px;font-size:12px}
  .top-buy{padding:9px 11px 9px 15px}
  .hero{padding-top:108px;gap:34px}
  .hero-copy{padding-bottom:40px}
  .hero h1{font-size:clamp(54px,5.3vw,78px);margin-bottom:20px}
  .lead{font-size:14px;line-height:1.62;max-width:570px}
  .hero-actions{margin-top:25px}
  .btn{min-height:49px}
  .hero-meta{margin-top:30px;padding-top:16px}
  .hero-meta b{font-size:18px}
  .hero-product{min-height:530px}
  .book-card{width:min(350px,72%)}
  .product-glow{width:430px;height:430px}
  .floating-chip{transform:scale(.92)}
  .hero-foot{bottom:17px}
}

@media (min-width:1101px) and (max-height:760px){
  :root{--hero-height:700px}
  .hero{padding-top:92px;grid-template-columns:1.08fr .92fr}
  .hero h1{font-size:clamp(50px,4.8vw,68px)}
  .eyebrow{margin-bottom:15px}
  .lead{font-size:13px;line-height:1.52}
  .hero-meta{margin-top:20px}
  .hero-product{min-height:475px}
  .book-card{width:min(310px,68%)}
  .floating-note{display:none}
  .hero-foot{display:none}
}

@media (min-width:1101px) and (max-width:1439px){
  :root{--content-max:1120px;--header-max:1170px}
  .hero{gap:34px;grid-template-columns:1.06fr .94fr}
  .hero h1{font-size:clamp(56px,6vw,80px)}
  .book-card{width:min(385px,78%)}
  .floating-chip{min-width:175px}
  .chip-a{left:-2px}.chip-b{right:-4px}
  .about-grid{gap:34px}
  .author{gap:58px}
  .author-visual{min-height:590px}
  .cards{gap:12px}
  .feature{min-height:440px}
  .feature-art{height:190px}
  .buy-panel{padding:42px;grid-template-columns:.9fr .68fr 1.15fr}
}

@media (max-width:1100px){
  :root{--content-max:920px;--header-max:960px;--hero-height:auto}
  #ambient{height:1120px}
  .header{grid-template-columns:1fr auto;height:70px;margin-top:10px}
  .nav,.top-buy{display:none}
  .menu{display:block;justify-self:end;touch-action:manipulation}
  .mobile-nav{top:90px;left:var(--page-pad);right:var(--page-pad);max-height:calc(100svh - 108px);overflow:auto;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:130px;padding-bottom:95px;gap:18px}
  .hero-copy{padding-bottom:10px;max-width:800px}
  .hero h1{font-size:clamp(58px,9vw,86px);max-width:850px}
  .lead{max-width:710px}
  .hero-meta{max-width:760px}
  .hero-product{min-height:610px;width:min(720px,100%);margin:0 auto}
  .book-card{width:min(410px,65vw)}
  .chip-a{left:5%;top:27%}.chip-b{right:5%;bottom:18%}
  .floating-note{right:4%;top:12%}
  .hero-foot{display:none}
  .about-grid{grid-template-columns:1fr 1fr;gap:30px}
  .section-index{grid-column:1/-1}
  .author{grid-template-columns:1fr;gap:45px;padding-top:110px}
  .author-visual{min-height:600px;width:min(680px,100%);margin:auto}
  .author-copy{max-width:820px;margin:auto}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature{min-height:430px}
  .timeline{grid-template-columns:repeat(3,1fr);row-gap:30px}
  .timeline::before{display:none}
  .history-detail{grid-template-columns:1fr;gap:20px}
  .history-big{font-size:clamp(100px,18vw,145px)}
  .excerpt{grid-template-columns:1fr;max-width:760px}
  .page{min-height:auto}
  .left-page{box-shadow:inset 0 -16px 26px rgba(80,66,45,.08)}
  .right-page{box-shadow:inset 0 16px 26px rgba(80,66,45,.07)}
  .buy-panel,.editions-panel{grid-template-columns:1fr 1fr;padding:42px}
  .buy-action,.editions-panel .buy-action{grid-column:1/-1}
  .edition-list{grid-template-columns:1fr 1fr}
}

@media (max-width:900px) and (orientation:portrait){
  :root{--content-max:760px}
  #ambient{height:1200px}
  .hero{padding-bottom:80px}
  .hero-product{min-height:560px}
  .about-grid{grid-template-columns:1fr}
  .section-index{grid-column:auto}
  .about-title,.about-copy{max-width:680px}
  .author-visual{min-height:570px}
  .buy-panel,.editions-panel{grid-template-columns:1fr}
  .buy-book{max-width:320px;margin:auto}
  .buy-action,.editions-panel .buy-action{grid-column:auto}
}

@media (max-width:740px){
  :root{--page-pad:12px;--content-max:100%;--header-max:100%}
  html{scroll-padding-top:82px}
  #ambient{height:1040px;opacity:.72}
  .noise{opacity:.025}
  .header{height:62px;margin-top:8px;border-radius:17px;padding-left:14px;padding-right:10px;width:calc(100% - 16px)}
  .header.scrolled{backdrop-filter:blur(14px)}
  .brand{gap:9px}.brand b{font-size:14px}.brand small{display:none}
  .mobile-nav{top:78px;left:8px;right:8px;border-radius:17px}
  .mobile-nav a{min-height:46px;display:flex;align-items:center}
  .hero{padding-top:105px;padding-bottom:72px}
  .hero h1{font-size:clamp(46px,13.5vw,66px);line-height:.94;letter-spacing:-.05em;margin-bottom:22px}
  .eyebrow{font-size:9px;line-height:1.5;margin-bottom:17px;letter-spacing:.12em}
  .lead{font-size:14px;line-height:1.62}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:26px}
  .btn{width:100%;min-height:52px;padding:0 18px;gap:15px;touch-action:manipulation}
  .hero-meta{grid-template-columns:1fr;gap:13px;margin-top:34px;padding-top:16px}
  .hero-meta div{padding:0 0 11px;border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-meta div:last-child{border-bottom:0}
  .hero-product{min-height:490px;margin-top:8px}
  .book-card{width:min(350px,79vw)}
  .product-glow{width:min(430px,100vw);height:min(430px,100vw)}
  .floating-chip{min-width:148px;padding:10px 11px;border-radius:15px}
  .floating-chip span{width:25px;height:25px}.floating-chip b{font-size:11px}.floating-chip small{font-size:8px}
  .chip-a{left:0;top:24%}.chip-b{right:0;bottom:15%}
  .floating-note{display:none}
  .about{padding:78px 0 44px;clip-path:polygon(0 1.2%,100% 0,100% 98.8%,0 100%)}
  .about-grid{grid-template-columns:1fr;gap:20px}
  .about-title h2,.section-head h2,.buy-copy h2,.author-copy h2{font-size:clamp(40px,11.5vw,54px)}
  .about-copy p{font-size:16px;line-height:1.65}
  .marquee{margin-top:46px}.marquee div{font-size:27px;padding:13px 0}
  .author{padding:80px 0 28px;gap:32px}
  .author-visual{min-height:470px}
  .author-photo-main{right:5%;border-radius:22px}
  .author-photo-secondary{width:36%;height:30%;border-width:5px;border-radius:16px}
  .author-badge{width:105px;height:105px;right:0;top:4%}
  .author-badge b{font-size:34px}.author-badge span{font-size:7px;max-width:72px}
  .author-copy .author-lead{font-size:16px;line-height:1.62}
  .author-copy p{line-height:1.7}
  .author-stats{grid-template-columns:1fr;gap:0;margin:26px 0}
  .author-stats div{padding:13px 8px}
  .author-copy blockquote{font-size:20px;margin-top:22px}
  .inside,.history,.fragment{padding:78px 0}
  .section-head{display:block;margin-bottom:34px}
  .section-head p{margin-top:16px;font-size:14px}
  .cards{grid-template-columns:1fr}
  .feature{min-height:auto;padding:14px}
  .feature-art{height:205px}
  .feature h3{font-size:24px}
  .timeline{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:6px;margin:40px calc(var(--page-pad) * -1) 34px;padding:0 var(--page-pad) 10px;scrollbar-width:none}
  .timeline::-webkit-scrollbar{display:none}
  .timeline::before{display:none}
  .year{flex:0 0 152px;min-height:104px;padding:35px 12px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;scroll-snap-align:start;background:rgba(255,255,255,.02)}
  .year::before{left:13px;top:13px}
  .year.active{background:rgba(215,176,92,.07);border-color:rgba(215,176,92,.22)}
  .year b{font-size:18px}.year span{font-size:9px;line-height:1.4}
  .history-detail{padding-top:28px}
  .history-big{font-size:clamp(78px,25vw,110px);line-height:.8}
  .history-detail h3{font-size:27px}
  .history-code{justify-self:end}
  .fragment{overflow:hidden}
  .excerpt{width:100%;box-shadow:0 24px 70px rgba(0,0,0,.3)}
  .page{padding:34px 25px 52px}
  .page h3,.source-list h3{font-size:31px;margin-bottom:22px}
  .page p{font-size:15.5px;line-height:1.65}.page blockquote{font-size:20px;margin:28px 0}
  .source-list li{font-size:14px;line-height:1.45}
  .buy{padding:28px 0 80px}
  .buy-panel,.editions-panel{grid-template-columns:1fr;padding:24px;border-radius:24px;gap:25px}
  .buy-copy h2{margin-bottom:18px}
  .buy-book{max-width:270px;margin:auto}.buy-book img{border-radius:17px}
  .buy-action,.editions-panel .buy-action{grid-column:auto}
  .edition-list{grid-template-columns:1fr}
  .edition-card{padding:16px;border-radius:18px}
  .edition-card-top{grid-template-columns:auto 1fr;align-items:start}
  .edition-card strong{grid-column:2;justify-self:start;font-size:28px;margin-top:5px}
  .edition-card .btn{width:100%}
  
  .footer{padding:30px 0 calc(30px + env(safe-area-inset-bottom));min-height:0;align-items:flex-start;flex-direction:column;gap:18px}
  .footer p{display:none}
  .modal{place-items:end center}
  .modal-card{width:100%;max-width:none;max-height:min(88svh,760px);overflow:auto;border-radius:24px 24px 0 0;padding:27px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(40px)}
  .modal-card h2{font-size:32px;padding-right:30px}
  .modal-close{position:sticky;float:right;right:0;top:0;z-index:2;width:38px;height:38px;border-radius:50%;background:#e9dfcf}
  .toast{bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);text-align:center}
}

@media (max-width:420px){
  :root{--page-pad:10px}
  #ambient{height:940px}
  .header{width:calc(100% - 12px);margin-top:6px}
  .brand b{font-size:13px}
  .hero{padding-top:96px}
  .hero h1{font-size:clamp(40px,13.2vw,52px)}
  .hero-product{min-height:410px}
  .book-card{width:min(300px,82vw)}
  .floating-chip{display:none}
  .product-glow{width:360px;height:360px}
  .about-title h2,.section-head h2,.buy-copy h2,.author-copy h2{font-size:clamp(37px,11.5vw,46px)}
  .author-visual{min-height:405px}
  .author-photo-main{right:2%;bottom:2%}
  .author-photo-main figcaption{display:none}
  .author-photo-secondary{width:37%;height:29%;right:-1%}
  .author-badge{width:92px;height:92px}.author-badge b{font-size:30px}.author-badge span{font-size:6.5px}
  .feature-art{height:180px}
  .page{padding:28px 20px 48px}
  .edition-card-top{gap:10px}.edition-icon{width:40px;height:40px}
  .edition-card h4{font-size:21px}
  .edition-prices{flex-wrap:wrap}
}

@media (max-width:340px){
  .hero h1{font-size:39px}
  .eyebrow{font-size:8px}
  .book-card{width:88vw}
  .hero-product{min-height:380px}
  .author-visual{min-height:365px}
  .author-badge{width:82px;height:82px}.author-badge b{font-size:27px}
  .btn{font-size:12px}
  .modal-card{padding-left:16px;padding-right:16px}
}

@media (max-width:1100px) and (max-height:520px) and (orientation:landscape){
  #ambient{height:760px}
  .header{height:56px;margin-top:5px}
  .mobile-nav{top:67px;max-height:calc(100svh - 74px)}
  .hero{padding-top:82px;padding-bottom:50px;grid-template-columns:1.08fr .92fr;align-items:center;gap:14px}
  .hero-copy{padding-bottom:0}
  .hero h1{font-size:clamp(39px,6vw,58px);margin-bottom:14px}
  .eyebrow{margin-bottom:10px}
  .lead{font-size:12px;line-height:1.45}
  .hero-actions{grid-template-columns:1fr 1fr;margin-top:16px}
  .btn{min-height:44px;font-size:11px}
  .hero-meta{display:none}
  .hero-product{min-height:330px;margin:0}
  .book-card{width:min(245px,32vw)}
  .floating-chip,.floating-note{display:none}
}

@media (hover:none),(pointer:coarse){
  .feature:hover,.edition-card:hover{transform:none}
  .feature::before,.edition-card::after{display:none}
  .glass-reflection{display:none}
  .nav a,.mobile-nav a,.year,.btn,.menu{touch-action:manipulation}
  .year{min-height:48px}
}

@media (max-width:1100px){
  .modal-card{overscroll-behavior:contain}
  .buy-panel,.feature,.page,.author-photo-main,.author-photo-secondary{max-width:100%}
}

@media (min-width:1101px) and (max-height:760px){
  :root{--hero-height:700px}
  .header{height:60px;margin-top:7px}
  .hero{padding-top:88px;grid-template-columns:1.1fr .9fr;gap:24px}
  .hero h1{font-size:clamp(48px,4.65vw,66px);margin-bottom:16px}
  .eyebrow{margin-bottom:12px}
  .lead{font-size:12.5px;line-height:1.5}
  .hero-actions{margin-top:17px}
  .hero-meta{margin-top:18px;padding-top:12px}
  .hero-meta b{font-size:16px}.hero-meta span{font-size:8px}
  .hero-product{min-height:440px}
  .book-card{width:min(300px,66%)}
  .product-glow{width:380px;height:380px}
  .floating-chip{transform:scale(.82)}
  .floating-note,.hero-foot{display:none}
}

html,body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  background:#0b1d15;
}
body{position:relative;overscroll-behavior-x:none}
main,.hero,.about,.author,.inside,.history,.fragment,.buy,.footer{
  max-width:100%;
}
.hero{overflow-x:clip}
.hero::after{
  left:0;
  width:100%;
  transform:none;
}
.product-glow{
  max-width:100%;
}
.marquee{max-width:100%;overflow:hidden}

.brand{gap:0}

@media (max-width:740px){
  .shell{max-width:calc(100% - (var(--page-pad) * 2));}
  .hero-product{max-width:100%;overflow:clip}
  .product-glow{
    width:min(430px,94%);
    height:auto;
    aspect-ratio:1;
  }
  .book-card{max-width:79vw}
  .floating-chip{max-width:48vw}
  .timeline{
    max-width:calc(100% + (var(--page-pad) * 2));
  }
  .modal-card{max-width:calc(100% - 20px)}
}

@supports not (overflow:clip){
  html,body,.hero,.hero-product{overflow-x:hidden}
}