.luma-note-page{background:#0a0a0a;color:#fafafa;}
.luma-note-page #nav{position:fixed;}
.note-main{padding-top:76px;background:#0a0a0a;}
.note-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,0.92fr);min-height:min(760px,84vh);border-bottom:1px solid rgba(250,250,250,.14);}
.note-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,10vw,150px) clamp(28px,7vw,110px);}
.note-back{align-self:flex-start;margin-bottom:clamp(48px,8vh,88px);color:rgba(250,250,250,.5);font-size:.56rem;letter-spacing:.2em;text-decoration:none;transition:color .3s;}
.note-back:hover{color:#fafafa;}
.note-kicker{margin:0 0 24px;color:rgba(250,250,250,.48);font-size:.58rem;letter-spacing:.3em;}
.note-hero h1{max-width:12em;margin:0;font-family:var(--serif);font-size:clamp(2.6rem,5.4vw,5.8rem);font-weight:300;line-height:1.02;letter-spacing:-.035em;text-wrap:balance;}
.note-deck{max-width:48em;margin:clamp(28px,4.5vh,44px) 0 0;color:rgba(250,250,250,.66);font-size:.82rem;letter-spacing:.035em;line-height:1.9;}
.note-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;color:rgba(250,250,250,.38);font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;}
.note-meta span{padding-left:24px;border-left:1px solid rgba(250,250,250,.16);}
.note-cover{position:relative;min-width:0;margin:0;overflow:hidden;background:#f5f5f3;border-left:1px solid rgba(250,250,250,.12);}
.note-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.note-reading-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,720px);justify-content:center;align-items:start;gap:clamp(48px,8vw,120px);padding:clamp(80px,11vw,150px) clamp(24px,7vw,110px);}
.note-product-card{position:sticky;top:120px;padding:24px 0;border-block:1px solid rgba(250,250,250,.16);}
.note-product-label{margin:0 0 18px;color:rgba(250,250,250,.4);font-size:.52rem;letter-spacing:.28em;}
.note-product-card h2{margin:0 0 18px;font-family:var(--serif);font-size:1.45rem;font-weight:300;line-height:1.25;}
.note-product-price{margin-bottom:26px;font-family:var(--serif);font-size:1.1rem;color:rgba(250,250,250,.84);}
.note-product-price del{margin-right:8px;color:rgba(250,250,250,.38);font-size:.8em;}
.note-product-price ins{text-decoration:none;}
.note-product-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:0 16px;background:#fafafa;border:1px solid #fafafa;color:#0a0a0a;font-size:.58rem;letter-spacing:.18em;text-decoration:none;transition:background .3s,color .3s;}
.note-product-link:hover{background:transparent;color:#fafafa;}
.note-content{min-width:0;color:rgba(250,250,250,.75);font-size:clamp(.9rem,1.15vw,1rem);line-height:2;}
.note-content>p:first-child{margin-top:0;font-family:var(--serif);font-size:clamp(1.65rem,2.6vw,2.35rem);font-weight:300;line-height:1.45;color:#fafafa;}
.note-content h2{margin:clamp(62px,8vw,90px) 0 20px;font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.8rem);font-weight:300;line-height:1.2;color:#fafafa;}
.note-content h3{margin:42px 0 16px;font-family:var(--serif);font-size:1.45rem;font-weight:300;color:#fafafa;}
.note-content p{margin:0 0 1.65em;}
.note-content strong{color:#fafafa;font-weight:500;}
.note-content a{color:#fafafa;text-underline-offset:4px;}
.note-content ul{margin:1.2em 0 2em;padding-left:1.2em;}
.note-content li{margin:.65em 0;padding-left:.45em;}
.note-content blockquote{margin:clamp(44px,6vw,70px) 0;padding:4px 0 4px 24px;border-left:1px solid rgba(250,250,250,.35);font-family:var(--serif);font-size:1.55rem;line-height:1.5;color:#fafafa;}
.note-end-cta{margin-top:clamp(64px,9vw,100px);padding-top:30px;border-top:1px solid rgba(250,250,250,.18);}
.note-end-cta p{color:rgba(250,250,250,.5);font-size:.72rem;}
.note-end-cta a{display:inline-block;margin-top:8px;font-family:var(--serif);font-size:1.35rem;text-decoration:none;}

@media (max-width:900px){
  .note-hero{grid-template-columns:1fr;min-height:0;}
  .note-hero-copy{padding-top:90px;padding-bottom:64px;}
  .note-cover{aspect-ratio:4/5;border-top:1px solid rgba(250,250,250,.12);border-left:0;}
  .note-reading-layout{grid-template-columns:1fr;gap:58px;}
  .note-product-card{position:static;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:end;}
  .note-product-label{grid-column:1/-1;margin-bottom:2px;}
  .note-product-card h2{margin:0;}
  .note-product-price{margin:0;text-align:right;}
  .note-product-link{grid-column:1/-1;margin-top:10px;}
}

@media (max-width:640px){
  .note-main{padding-top:66px;}
  .note-hero-copy{padding:64px 6vw 54px;}
  .note-back{margin-bottom:54px;}
  .note-hero h1{font-size:clamp(2.35rem,12vw,3.6rem);}
  .note-deck{font-size:.78rem;line-height:1.8;}
  .note-meta{align-items:flex-start;flex-direction:column;}
  .note-meta span{padding-left:0;border-left:0;}
  .note-reading-layout{padding:68px 6vw 90px;}
  .note-content{font-size:.88rem;line-height:1.9;}
  .note-content>p:first-child{font-size:1.55rem;}
}

@media (prefers-reduced-motion:reduce){
  .note-back,.note-product-link{transition:none;}
}