/* Same editorial palette and image collections, scaled for a phone. */
@media(max-width:720px){
  .hero{background-image:url('assets/hero-fine-dining-poster.jpg')}
  .hero-video{display:block}
  .learning-body h3 .word-mask,.learning-body h3 .word-inner{font:inherit;letter-spacing:inherit;color:inherit}
  html{scroll-padding-top:18px}
  .nav{padding:22px 20px 10px;flex-direction:column;gap:10px;align-items:flex-start;background:linear-gradient(#100b08a6,transparent)}
  .brand{font-size:.84rem;letter-spacing:.15em}
  .nav-links{display:flex;justify-content:space-between;gap:8px;width:100%;max-width:480px}
  .nav-links a,.nav-links a:nth-child(-n+3){display:inline-flex;align-items:center;min-height:44px;font-size:.63rem;letter-spacing:.1em;opacity:1}
  .hero{width:100%;min-height:420px;height:auto;aspect-ratio:4/5;max-height:690px;overflow:hidden;background-position:43% center}
  .hero-video{object-position:43% center}
  .hero:before{background:linear-gradient(0deg,rgba(18,12,9,.87),rgba(18,12,9,.17) 48%,rgba(18,12,9,.08) 72%)}
  .hero-content{width:100%;padding:110px 22px max(24px,env(safe-area-inset-bottom));position:relative}
  .hero h1{font-size:clamp(2.8rem,12.4vw,4.5rem);line-height:.9}
  .hero .eyebrow{font-size:.61rem;letter-spacing:.2em;margin-bottom:16px}
  .hero .hero-copy{font-size:.94rem;line-height:1.45;max-width:340px;margin-top:14px}
  .section{padding:52px 20px}
  .section-title,.learning-head .section-title,.work .section-title{font-size:clamp(2.9rem,12vw,4.2rem);line-height:1}
  .section-index{font-size:.65rem;letter-spacing:.12em;gap:12px;margin-bottom:22px}
  .section-index:after{width:24px;flex-shrink:0}
  .about,.life-layout{gap:28px}
  .about-cluster{height:auto;aspect-ratio:1.02}
  .about-copy .lead{margin-top:22px}
  .about-main{width:53%;left:0}
  .about-note{font-size:1.5rem;right:4%}
  .about-still{top:24%;width:40%}
  .about-architecture{left:25%;width:34%;border-width:4px}
  .about-celebration{width:32%;right:1%;border-width:4px}
  .becoming{padding:24px 20px 48px;gap:18px}
  .life-copy .section-title br:nth-of-type(2){display:none}
  .life-copy p{margin:22px 0;max-width:100%}
  .life-cluster.luxury-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,clamp(180px,56vw,280px));gap:10px}
  .life-shot--coast{grid-column:1;grid-row:1}.life-shot--city{grid-column:2;grid-row:1}
  .life-shot--gown{grid-column:1;grid-row:2}.life-shot--cottage{grid-column:2;grid-row:2}
  .life-shot--dog{grid-column:1;grid-row:3}.life-shot--night{grid-column:2;grid-row:3}
  .life-shot--flight{grid-column:1;grid-row:4}.life-shot--feast{grid-column:2;grid-row:4}
  .album-heading{margin:42px 0 26px;gap:16px}
  .album-heading h3{font-size:2.8rem}
  .travel-story-grid{margin-top:26px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,clamp(180px,58vw,280px))}
  .story-frame--deck{grid-column:1;grid-row:1}.story-frame--portrait{grid-column:2;grid-row:1/3}
  .story-frame--dining{grid-column:1;grid-row:2}.story-frame--arrival{grid-column:1;grid-row:3}
  .story-frame--island{grid-column:2;grid-row:3}.story-frame--skyline{grid-column:1/-1;grid-row:4;height:180px}
  .travel-contact-sheet{margin-top:32px}
  .night-edit{margin-top:36px;padding-top:28px;grid-template-rows:auto 190px 190px 190px 215px 215px}
  .night-edit-copy h3{font-size:3.2rem;margin:18px 0}
  .night-edit-copy p{max-width:100%;margin-top:0}
  .night-frame figcaption,.story-frame figcaption,.travel-tile figcaption,.food-gallery figcaption{left:7px;right:7px;bottom:7px;width:fit-content;max-width:calc(100% - 14px);font-size:.59rem;line-height:1.4;letter-spacing:.05em;padding:6px 7px}
  .work{grid-template-columns:minmax(0,1fr)}
  .work-copy{grid-column:1}
  .work-image{height:auto;max-width:440px;margin:auto;width:100%;aspect-ratio:4/5;overflow:hidden}
  .work-image img{height:100%;object-position:50% 48%}
  .roles{padding:0 20px 48px}
  .role summary{min-height:64px}
  .pleasures-head{margin-bottom:30px}
  .pleasures .pleasure-grid{gap:30px}
  .pleasures .pleasure-card,.pleasures .pleasure-card:last-child{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}
  .pleasure-card>div{display:contents}
  .pleasures .pleasure-grid .pleasure-card .pleasure-image{grid-column:1;grid-row:1/3;margin:0}
  .pleasure-card .meta{grid-column:2;align-self:end;margin:0}
  .pleasures .pleasure-card h3{grid-column:2;align-self:start;margin:0}
  .pleasures .pleasure-card p{grid-column:1/-1}
  .pleasures .pleasure-card h3{font-size:1.95rem}
  .pleasure-card .meta{font-size:.6rem;letter-spacing:.08em}
  .pleasures .pleasure-card p{font-size:.93rem;line-height:1.65;margin:12px 0}
  .everyday-grid{margin-top:24px}
  .baking-notebook{padding-top:32px;margin-top:32px;gap:24px}
  .baking-notebook h3{font-size:3rem}
  .learning-head{margin-bottom:28px}
  .learning-grid{gap:20px}
  .learning-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:14px;padding:16px}
  .learning-img{height:auto;min-height:0;aspect-ratio:4/5;grid-column:1;grid-row:1/3}
  .learning-body{display:contents}
  .learning-body>span{font-size:.6rem;letter-spacing:.07em;grid-column:2;align-self:end}
  .learning-body h3{font-size:1.85rem;overflow-wrap:break-word;grid-column:2;margin:0}
  .learning-body p{font-size:.96rem;line-height:1.7;grid-column:1/-1;margin:0}
  .learning-body details{grid-column:1/-1;margin-top:0;padding-top:8px}
  .learning-body summary{min-height:44px;display:flex;align-items:center;gap:8px;font-size:.8rem}
  .recap-heading>p{font-size:1rem;margin-top:22px}
  .recap-card{min-height:0;padding:24px}
  .recap-card h3{margin:24px 0 16px;font-size:2.5rem}
  .recap-card small{padding-top:20px;margin-top:12px}
  .guestbook{padding-top:48px!important;padding-bottom:48px!important;gap:24px}
  .guestbook-copy>p{font-size:1rem;line-height:1.75}
  .guestbook-form{padding:22px 18px}
  .guestbook-form textarea{font-size:16px}
  .guestbook-actions button{min-height:48px}
  .closing{min-height:520px;grid-template-columns:1fr}
  .closing-copy{padding:60px 20px}
  .closing p{font-size:1rem;line-height:1.8}
  .closing .connect-eyebrow{font-size:.65rem;margin-bottom:24px}
  footer{font-size:.75rem}
}
@media(max-width:359px){
  .nav{padding-left:16px;padding-right:16px}
  .hero-content,.section{padding-left:16px;padding-right:16px}
  .pleasures .pleasure-card,.pleasures .pleasure-card:last-child,.learning-card{grid-template-columns:1fr}
  .pleasure-card>div,.learning-body{display:block;grid-column:1}
  .pleasures .pleasure-grid .pleasure-card .pleasure-image,.learning-img{grid-column:1;grid-row:auto}
  .pleasures .pleasure-grid .pleasure-card .pleasure-image{aspect-ratio:4/5;max-height:340px}
  .learning-img{aspect-ratio:4/5}
}