/* NiravManubhai responsive and Quiet Signal refinement — v16 */
:root{
  --nm-gutter:clamp(1rem,3.2vw,2.25rem);
  --nm-reading:44rem;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{min-width:320px;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
.topbar{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right));padding-top:max(.86rem,env(safe-area-inset-top))}
.room-shell,.reader-shell,.reading-page{padding-left:max(var(--nm-gutter),env(safe-area-inset-left));padding-right:max(var(--nm-gutter),env(safe-area-inset-right))}
.site-footer,footer{padding-bottom:max(3rem,env(safe-area-inset-bottom))}

/* Capability-aware interaction: no device or OS sniffing required. */
@media (hover:hover) and (pointer:fine){
  a,.btn,button{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
}
@media (hover:none),(pointer:coarse){
  .btn,.gift-link,.btn-gift,.story-nav-link{min-height:48px}
  .corridor-row{min-height:68px}
}
@media (orientation:landscape) and (max-height:560px){
  .room-shell,.reader-shell,.reading-page{padding-top:2.5rem}
}

/* The Quiet Signal landing page */
.quiet-signal-landing .room-shell{max-width:78rem}
.quiet-signal-landing .hero-poster{
  grid-template-columns:minmax(0,.72fr) minmax(19rem,1.28fr);
  gap:clamp(2.4rem,5vw,5.5rem);
  align-items:center;
}
.quiet-signal-landing .hero-poster>img{
  width:100%;max-width:none;aspect-ratio:1448/1086;object-fit:cover;
  border-radius:4px;
}
.quiet-signal-landing .hero-poster>div{align-self:center}
.quiet-signal-landing .room-title{font-size:clamp(3rem,6.4vw,5.35rem)}
.quiet-signal-landing .intro{font-size:clamp(1rem,1.3vw,1.08rem)}
.quiet-signal-landing .actions{align-items:stretch}
.quiet-signal-landing .actions .btn{line-height:1.35;text-align:center}
.quiet-signal-landing .corridor-row.is-open{color:var(--ink)}
.quiet-signal-landing .corridor-row.is-open .corridor-state{color:var(--leaf);font-weight:600}

/* Dedicated field-note reading system */
.quiet-field-note{background:var(--paper);color:var(--ink)}
.quiet-field-note .reading-page{
  width:min(100%,calc(var(--nm-reading) + 2 * var(--nm-gutter)));
  margin:0 auto;padding-top:clamp(3.8rem,7vw,6.5rem);padding-bottom:5.5rem;
}
.quiet-field-note .story-header{text-align:center;margin:0 auto clamp(2.6rem,5vw,4.2rem);max-width:42rem}
.quiet-field-note .series-line,.quiet-field-note .story-number{
  margin:.2rem 0;font-family:Inter,system-ui,sans-serif;font-size:.7rem;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf)
}
.quiet-field-note .story-number{color:var(--ink-soft);letter-spacing:.12em}
.quiet-field-note .story-header h1{
  margin:.75rem auto .8rem;font-family:"Playfair Display",Georgia,serif;font-weight:500;
  font-size:clamp(2.55rem,6.6vw,4.65rem);line-height:1.08;letter-spacing:-.018em;
}
.quiet-field-note .reading-time{margin:.7rem 0 0;color:var(--ink-soft);font-size:.78rem;letter-spacing:.04em}
.quiet-field-note .progress-line{display:flex;justify-content:center;gap:.42rem;margin-top:1.1rem;color:var(--leaf);font-size:.72rem}
.quiet-field-note .story-body{
  max-width:var(--nm-reading);margin:0 auto;font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(1.08rem,1.3vw,1.19rem);line-height:1.9;color:#332b20;
  text-wrap:pretty;
}
.quiet-field-note .story-body p{margin:0 0 1.42em}
.quiet-field-note .story-body .opening-line{
  font-size:clamp(1.45rem,3vw,2rem);line-height:1.45;color:var(--ink);margin-bottom:1.15em
}
.quiet-field-note .story-body h2{
  margin:3.25rem 0 1.1rem;font-family:Inter,system-ui,sans-serif;font-size:.72rem;
  font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--leaf)
}
.quiet-field-note .story-rule{width:3.5rem;border:0;border-top:1px solid var(--gold);margin:3.1rem auto}
.quiet-field-note .pull-quote{
  margin:3rem max(-2.5rem,-5vw);padding:1.8rem clamp(1.35rem,4vw,2.5rem);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.48;text-align:center;color:var(--leaf-dark)
}
.quiet-field-note .practical-note{
  margin:2.7rem 0;padding:1.45rem 1.55rem;background:rgba(236,227,209,.62);
  border-left:3px solid var(--leaf);font-size:.98em
}
.quiet-field-note .practical-note p:last-child{margin-bottom:0}
.quiet-field-note .closing-lines{margin-top:2.8rem;font-size:clamp(1.25rem,2.4vw,1.55rem);line-height:1.55}
.quiet-field-note .closing-lines strong{font-weight:500;color:var(--leaf-dark)}
.quiet-field-note .story-ending{max-width:var(--nm-reading);margin:4rem auto 0;text-align:center}
.quiet-field-note .story-ending .ai-reveal{font-family:"Playfair Display",Georgia,serif;color:var(--ink-soft);line-height:1.7}
.quiet-field-note .gift-block{margin:2rem 0;padding:2rem 1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quiet-field-note .gift-label{margin:0 0 .85rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.quiet-field-note .btn-gift{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1.15rem;
  background:var(--leaf);color:var(--paper);text-decoration:none;border-radius:2px;
  font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase
}
.quiet-field-note .story-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.quiet-field-note .story-nav-link{display:inline-flex;align-items:center;color:var(--leaf);text-decoration:none;font-size:.78rem;letter-spacing:.04em}
.quiet-field-note footer{text-align:center;color:var(--ink-soft);font-size:.7rem;padding:0 1rem 3rem}
.quiet-field-note footer a{text-decoration:none}

@media (min-width:1440px){
  .quiet-signal-landing .room-shell{max-width:82rem}
  .quiet-signal-landing .hero-poster{grid-template-columns:minmax(0,.78fr) minmax(20rem,1.22fr)}
}
@media (max-width:900px){
  .quiet-signal-landing .hero-poster{grid-template-columns:minmax(0,.75fr) minmax(18rem,1.25fr);gap:2.3rem}
}
@media (max-width:720px){
  .quiet-signal-landing .hero-poster{grid-template-columns:1fr;gap:2rem;align-items:start}
  .quiet-signal-landing .hero-poster>img{width:100%;max-width:560px;margin:0 auto}
  .quiet-signal-landing .hero-poster>div{max-width:38rem;margin:0 auto}
  .quiet-signal-landing .room-title{font-size:clamp(2.8rem,14vw,4.25rem)}
  .quiet-signal-landing .corridor-head{align-items:flex-start;flex-direction:column}
  .quiet-field-note .reading-page{padding-top:3.6rem}
  .quiet-field-note .story-body{font-size:1.08rem;line-height:1.82}
  .quiet-field-note .pull-quote{margin:2.7rem 0}
}
@media (max-width:430px){
  .quiet-signal-landing .hero-poster>img{width:100%;max-width:380px;margin:0 auto}
  .quiet-field-note .story-header h1{font-size:clamp(2.35rem,12.5vw,3.25rem)}
  .quiet-field-note .story-body{font-size:1.04rem;line-height:1.8}
  .quiet-field-note .story-body p{margin-bottom:1.35em}
  .quiet-field-note .practical-note{margin-left:-.15rem;margin-right:-.15rem;padding:1.25rem 1.15rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Field Note 01 hero image */
.quiet-field-note .story-deck{
  max-width:38rem;margin:.15rem auto .75rem;color:var(--ink-soft);
  font-family:Inter,system-ui,sans-serif;font-size:clamp(.88rem,1.25vw,1rem);line-height:1.55;
}
.quiet-field-note .story-hero{
  width:min(100%,64rem);margin:0 auto clamp(3.2rem,6vw,5rem);
}
.quiet-field-note .story-hero img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  border-radius:2px;box-shadow:0 18px 48px rgba(25,20,14,.14);
}
.quiet-field-note .next-note-tease{
  margin:2.2rem auto 1.7rem;color:var(--ink-soft);font-family:"Playfair Display",Georgia,serif;
  font-style:italic;line-height:1.7;
}
@media (max-width:720px){
  .quiet-field-note .story-hero{margin-bottom:2.8rem}
  .quiet-field-note .story-hero img{border-radius:0}
}