:root{--paper:#f3ead5;--blue:#0758d8;--orange:#ff4b00}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--blue);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}.brand{color:var(--blue)}nav{display:flex;gap:2vw}nav a{opacity:.62}nav a.active{opacity:1;border-bottom:1px solid currentColor}
.about-poster{min-height:calc(100vh - 116px);padding:3vw 3vw 5vw;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);grid-template-rows:auto auto;column-gap:7vw;row-gap:4vw;align-items:end;overflow:hidden}
.giant-title{grid-column:1/-1;font-size:clamp(96px,13.5vw,210px);line-height:.72;font-weight:900;letter-spacing:-.085em;color:var(--orange);position:relative;z-index:2;margin-left:-.8vw}
.hero-photo{grid-column:1;grid-row:2;width:min(24vw,360px);margin:0 0 0 2vw;align-self:end}.hero-photo img{display:block;width:100%;height:auto}
.bio-copy{grid-column:2;grid-row:2;width:min(100%,610px);color:var(--blue);align-self:center}.bio-copy p{font-size:clamp(13px,1.02vw,16px);line-height:1.5;margin:0 0 1.05em;max-width:58ch}.bio-copy .availability{font-size:10px;letter-spacing:.14em;font-weight:900;margin-top:2em;color:var(--orange)}
footer{height:46px;border-top:1px solid var(--blue);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--blue)}
@media(max-width:900px){header{height:auto;padding:18px 5vw;gap:18px;align-items:flex-start}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.about-poster{min-height:0;padding:8vw 6vw 12vw;display:flex;flex-direction:column;gap:0}.giant-title{font-size:24vw;line-height:.72;margin:0 0 10vw -2vw}.hero-photo{width:58vw;margin:0 0 10vw 4vw}.bio-copy{width:92%;align-self:flex-end}.bio-copy p{font-size:14px}}
/* v12 — align bio copy with top of orange title */
@media(min-width:901px){
  .about-poster{position:relative}
  .bio-copy{grid-column:2;grid-row:1 / span 2;align-self:start;margin-top:.25vw;position:relative;z-index:3}
}

/* v13 — three-column editorial row: title / bio / camping image */
@media(min-width:901px){
  .about-poster{
    min-height:calc(100vh - 116px);
    display:grid;
    grid-template-columns:minmax(300px,1.05fr) minmax(330px,.9fr) minmax(260px,.72fr);
    grid-template-rows:1fr;
    column-gap:4vw;
    align-items:start;
    padding:3.2vw 3vw 4vw;
  }
  .giant-title{
    grid-column:1;
    grid-row:1;
    align-self:start;
    margin:-.15vw 0 0 -.7vw;
    font-size:clamp(100px,11.5vw,188px);
    line-height:.73;
    z-index:2;
  }
  .bio-copy{
    grid-column:2;
    grid-row:1;
    align-self:start;
    margin-top:.1vw;
    width:100%;
    max-width:470px;
    position:relative;
    z-index:2;
  }
  .bio-copy p{font-size:clamp(12px,.9vw,15px);line-height:1.5;max-width:44ch}
  .hero-photo{
    grid-column:3;
    grid-row:1;
    align-self:start;
    width:100%;
    max-width:360px;
    margin:.1vw 0 0 0;
    position:relative;
    z-index:2;
  }
}

/* creative pass v2 */
@media(min-width:901px){.giant-title{font-size:clamp(118px,13vw,215px);line-height:.70}.bio-copy .availability{text-align:center;width:100%;margin-top:2.3em}}