/*
  Nancy Project — Tablet Landscape Exploration T1
  Universal landscape-tablet system for 1024×768, 1280×800 and 1366×1024.
  Review only. The owner-approved F1 Desktop package is not modified.
*/

@media (min-width: 1000px) and (max-width: 1400px) and (orientation: landscape) {
  :root {
    --t1-header: 82px;
    --t1-ink: #2a2925;
    --t1-bronze: #a35f30;
    --t1-rule: rgba(163, 95, 48, .34);
    --t1-paper: #fbf8f2;
    --t1-paper-alt: #f0ece4;
    --t1-warm-stone: #e7ded3;
    --t1-header-bg: rgba(255, 253, 249, .98);
    --t1-gutter: clamp(48px, 5.5vw, 75px);
    --t1-content: min(calc(100% - (2 * var(--t1-gutter))), 1216px);
    --t1-chapter-min: min(calc(100svh - var(--t1-header)), 820px);
    --t1-pad-y: clamp(32px, 4svh, 44px);
    --t1-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --t1-sans: Inter, Arial, Helvetica, sans-serif;
  }

  html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--t1-header);
  }

  body.nancy-tablet-landscape-t1 {
    min-width: 0;
    margin: 0;
    overflow-x: clip;
    color: var(--t1-ink);
    background: var(--t1-paper);
    font-family: var(--t1-sans);
    touch-action: pan-y;
  }

  .nancy-tablet-landscape-t1 *,
  .nancy-tablet-landscape-t1 *::before,
  .nancy-tablet-landscape-t1 *::after {
    box-sizing: border-box;
  }

  .nancy-tablet-landscape-t1 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* Exact current F3 landscape-tablet header language. */
  .nancy-tablet-landscape-t1 .site-header {
    position: sticky;
    z-index: 100;
    top: 0;
    width: 100%;
    min-height: var(--t1-header);
    height: var(--t1-header);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(18px, 2.5vw, 34px);
    padding: 0 clamp(41px, 4vw, 48px);
    border-bottom: 1px solid rgba(163, 95, 48, .28);
    background: var(--t1-header-bg);
    box-shadow: none;
    backdrop-filter: blur(14px);
  }

  .nancy-tablet-landscape-t1 .site-header .brand {
    display: block;
    width: clamp(235.5px, 21.36vw, 252px);
    height: auto;
    min-height: 44px;
  }

  .nancy-tablet-landscape-t1 .site-header .brand img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    max-height: 47px;
    object-fit: contain;
    object-position: left center;
  }

  .nancy-tablet-landscape-t1 .menu-toggle {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    display: none;
    align-items: center;
    justify-content: center;
    justify-self: center;
    padding: 11px;
    border: 1px solid #d1c7bb;
    border-radius: 0;
    color: var(--t1-ink);
    background: transparent;
    cursor: pointer;
  }

  .nancy-tablet-landscape-t1 .menu-toggle > span:not(.sr-only) {
    position: absolute;
    width: 20px;
    height: 1px;
    background: currentColor;
    transform-origin: center;
    transition: transform 260ms ease, opacity 200ms ease;
  }
  .nancy-tablet-landscape-t1 .menu-toggle > span:nth-child(2) { transform: translateY(-6px); }
  .nancy-tablet-landscape-t1 .menu-toggle > span:nth-child(4) { transform: translateY(6px); }
  .nancy-tablet-landscape-t1.is-tablet-menu-open .menu-toggle > span:nth-child(2) { transform: rotate(45deg); }
  .nancy-tablet-landscape-t1.is-tablet-menu-open .menu-toggle > span:nth-child(3) { opacity: 0; }
  .nancy-tablet-landscape-t1.is-tablet-menu-open .menu-toggle > span:nth-child(4) { transform: rotate(-45deg); }

  .nancy-tablet-landscape-t1 .primary-nav {
    position: static;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(28px, 2.55vw, 35px);
    padding: 0;
    background: transparent;
  }

  .nancy-tablet-landscape-t1 .primary-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--t1-ink);
    font: 500 10px/1.55 var(--t1-sans);
    letter-spacing: 1.4px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .nancy-tablet-landscape-t1 .site-header .header-cta {
    width: 330px;
    height: 58px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: 1px solid var(--t1-bronze);
    border-radius: 0;
    color: var(--t1-bronze);
    background: rgba(251, 248, 242, .94);
    font: 500 11.5px/1.2 var(--t1-sans);
    letter-spacing: .13em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .nancy-tablet-landscape-t1 :is(a, button):focus-visible {
    outline: 2px solid var(--t1-bronze);
    outline-offset: 4px;
  }

  /* Shared chapter system: vertical reading, no sideways carousel or scroll trap. */
  .nancy-tablet-landscape-t1 main > section {
    width: 100%;
    height: auto !important;
    min-height: var(--t1-chapter-min) !important;
    margin: 0;
    padding: var(--t1-pad-y) 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center;
    overflow: hidden;
    border: 0;
    border-top: 1px solid var(--t1-rule);
    box-shadow: none;
    scroll-margin-top: var(--t1-header);
  }

  .nancy-tablet-landscape-t1 #top,
  .nancy-tablet-landscape-t1 #slide-03,
  .nancy-tablet-landscape-t1 #slide-05,
  .nancy-tablet-landscape-t1 #slide-07,
  .nancy-tablet-landscape-t1 #slide-09 {
    background: var(--t1-paper-alt) !important;
  }

  .nancy-tablet-landscape-t1 #slide-02,
  .nancy-tablet-landscape-t1 #slide-04,
  .nancy-tablet-landscape-t1 #slide-06,
  .nancy-tablet-landscape-t1 #slide-08 {
    background: var(--t1-paper) !important;
  }

  .nancy-tablet-landscape-t1 :is(.container, .slide-02-f3-container, .v24-container) {
    width: var(--t1-content) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .nancy-tablet-landscape-t1 :is(.v24-copy, .slide-02-copy, .intro-copy) {
    min-width: 0;
    margin: 0;
  }

  .nancy-tablet-landscape-t1 :is(.v24-copy h2, .slide-02-copy h2) {
    margin: 0;
    color: var(--t1-ink);
    font: 400 clamp(34px, 3.35vw, 46px)/1.03 var(--t1-serif);
    letter-spacing: -.026em;
    text-wrap: balance;
  }

  .nancy-tablet-landscape-t1 :is(.v24-copy > p, .slide-02-copy > p) {
    max-width: 760px;
    margin: clamp(10px, 1.25svh, 14px) 0 0;
    color: #4c4842;
    font: 400 clamp(13.5px, 1.18vw, 16px)/1.58 var(--t1-sans);
    letter-spacing: -.006em;
    text-wrap: pretty;
  }

  .nancy-tablet-landscape-t1 :is(figure, .v24-figure, .slide-02-figure, .staircase-composition) {
    min-width: 0;
    min-height: 0;
    margin: 0;
  }

  .nancy-tablet-landscape-t1 :is(.v24-image-frame, .slide-02-image-frame, .staircase-outline) {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(163, 95, 48, .66);
    background: #e9e2d9;
  }

  .nancy-tablet-landscape-t1 :is(.v24-image-frame, .slide-02-image-frame, .staircase-outline) > img,


  .nancy-tablet-landscape-t1 :is(.v24-image-frame, .slide-02-image-frame, .staircase-outline) >picture>img{
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transform: none;
  }

  .nancy-tablet-landscape-t1 figcaption {
    margin: 11px 0 0 !important;
    color: var(--t1-bronze) !important;
    font: 500 9px/1.35 var(--t1-sans) !important;
    letter-spacing: 1.45px !important;
    text-align: left !important;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* 01 · Staircase opening. */
  .nancy-tablet-landscape-t1 #top {
    min-height: calc(100svh - var(--t1-header)) !important;
    border-top: 0;
  }

  .nancy-tablet-landscape-t1 #top > .container {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
    align-items: center !important;
    gap: clamp(42px, 5.2vw, 72px) !important;
  }

  .nancy-tablet-landscape-t1 .first-slide-copy {
    align-self: center;
    padding: 0 !important;
  }

  .nancy-tablet-landscape-t1 .project-identity {
    margin: 0 0 clamp(25px, 3.25svh, 34px) !important;
  }

  .nancy-tablet-landscape-t1 .project-name {
    margin: 0 0 8px !important;
    color: var(--t1-ink);
    font: 400 clamp(18px, 1.75vw, 24px)/1.1 var(--t1-serif) !important;
    letter-spacing: .04em !important;
    text-transform: uppercase;
  }

  .nancy-tablet-landscape-t1 .project-location,
  .nancy-tablet-landscape-t1 .eyebrow {
    margin: 0 !important;
    color: var(--t1-bronze) !important;
    font: 500 clamp(9px, .8vw, 10.5px)/1.45 var(--t1-sans) !important;
    letter-spacing: .13em !important;
    text-transform: uppercase;
  }

  .nancy-tablet-landscape-t1 .eyebrow {
    margin-bottom: clamp(12px, 1.8svh, 18px) !important;
  }

  .nancy-tablet-landscape-t1 #project-title {
    max-width: 610px;
    margin: 0;
    color: var(--t1-ink);
    font: 400 clamp(42px, 4.5vw, 61px)/.98 var(--t1-serif);
    letter-spacing: -.035em;
    text-wrap: balance;
  }

  .nancy-tablet-landscape-t1 .copy-rule {
    width: 52px;
    height: 1px;
    margin: clamp(20px, 2.6svh, 27px) 0 !important;
    background: var(--t1-bronze);
  }

  .nancy-tablet-landscape-t1 .approved-opening-copy {
    display: grid;
    gap: clamp(12px, 1.55svh, 16px);
  }

  .nancy-tablet-landscape-t1 .approved-opening-copy p {
    max-width: 650px;
    margin: 0;
    color: #4c4842;
    font: 400 clamp(13px, 1.12vw, 15.5px)/1.55 var(--t1-sans);
  }

  .nancy-tablet-landscape-t1 .staircase-composition {
    width: 100% !important;
    align-self: center;
  }

  .nancy-tablet-landscape-t1 .staircase-outline {
    width: 100%;
    height: min(72svh, 720px) !important;
  }

  .nancy-tablet-landscape-t1 .staircase-outline > img,


  .nancy-tablet-landscape-t1 .staircase-outline >picture>img{
    object-fit: contain !important;
    object-position: 50% 50% !important;
    background: var(--t1-paper-alt);
  }

  /* 02 · Entry and 03 · structural/fireplace split chapters. */
  .nancy-tablet-landscape-t1 #slide-02 .slide-02-f3-container,
  .nancy-tablet-landscape-t1 #slide-03 .v24-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1.62fr) minmax(260px, .78fr) !important;
    align-items: center !important;
    gap: clamp(38px, 4.5vw, 64px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-03 .v24-container {
    grid-template-columns: minmax(260px, .82fr) minmax(0, 1.58fr) !important;
  }

  .nancy-tablet-landscape-t1 #slide-02 .slide-02-image-frame,
  .nancy-tablet-landscape-t1 #slide-03 .v24-image-frame {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
  }

  .nancy-tablet-landscape-t1 #slide-02 img { object-position: 50% 50% !important; }
  .nancy-tablet-landscape-t1 #slide-03 img { object-position: 50% 50% !important; }

  /* 04, 06 and 08 · wide horizontal proof chapters. */
  .nancy-tablet-landscape-t1 :is(#slide-04, #slide-06, #slide-08) .v24-container {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: clamp(20px, 2.6svh, 28px) !important;
  }

  .nancy-tablet-landscape-t1 :is(#slide-04, #slide-06, #slide-08) .v24-copy {
    width: min(100%, 880px);
  }

  .nancy-tablet-landscape-t1 #slide-04 .v24-copy,
  .nancy-tablet-landscape-t1 #slide-08 .v24-copy {
    justify-self: end;
    text-align: right;
  }

  .nancy-tablet-landscape-t1 #slide-04 .v24-copy > p,
  .nancy-tablet-landscape-t1 #slide-08 .v24-copy > p {
    margin-left: auto;
  }

  .nancy-tablet-landscape-t1 #slide-06 .v24-copy {
    justify-self: center;
    text-align: center;
  }

  .nancy-tablet-landscape-t1 #slide-06 .v24-copy > p {
    margin-right: auto;
    margin-left: auto;
  }

  .nancy-tablet-landscape-t1 :is(#slide-04, #slide-06, #slide-08) .v24-figure {
    width: min(100%, 1120px) !important;
    justify-self: center;
  }

  .nancy-tablet-landscape-t1 :is(#slide-04, #slide-06, #slide-08) .v24-image-frame {
    width: 100%;
    /* At the two shorter landscape heights, reserve a clean 22.5px band for
       readable copy without turning the proof into a thin panoramic crop. */
    height: clamp(440px, calc(66.25svh - 22.5px), 610px) !important;
    aspect-ratio: auto !important;
  }

  .nancy-tablet-landscape-t1 #slide-04 img { object-position: 50% 64% !important; }
  .nancy-tablet-landscape-t1 #slide-06 img { object-position: 50% 54% !important; }
  .nancy-tablet-landscape-t1 #slide-08 img { object-position: 50% 52% !important; }

  /* 05 · Theater pair, title-led. */
  .nancy-tablet-landscape-t1 #slide-05 .v24-container {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: clamp(20px, 2.6svh, 28px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-05 .v24-copy {
    width: min(100%, 920px);
    justify-self: start;
    text-align: left;
  }

  .nancy-tablet-landscape-t1 #slide-05 .v24-figure {
    width: 100% !important;
  }

  .nancy-tablet-landscape-t1 #slide-05 .v24-image-pair {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(14px, 1.8vw, 22px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-05 .v24-image-frame {
    width: 100%;
    height: clamp(330px, 45svh, 420px) !important;
    aspect-ratio: auto !important;
  }

  .nancy-tablet-landscape-t1 #slide-05 img { object-position: 50% 54% !important; }

  /* 07 · Powder Room: copy left, coherent portrait pair right. */
  .nancy-tablet-landscape-t1 #slide-07 .v24-container {
    display: grid !important;
    grid-template-columns: minmax(250px, .68fr) minmax(0, 1.32fr) !important;
    align-items: center !important;
    gap: clamp(36px, 4vw, 54px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-07 .v24-figure {
    width: 100% !important;
  }

  .nancy-tablet-landscape-t1 #slide-07 .v24-image-pair {
    width: 100%;
    height: clamp(410px, 59svh, 560px) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(14px, 1.6vw, 20px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-07 .v24-image-frame {
    width: 100%;
    height: 100% !important;
    aspect-ratio: auto !important;
  }

  .nancy-tablet-landscape-t1 #slide-07 img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  /* 09 · Bedroom pair first, story below. */
  .nancy-tablet-landscape-t1 #slide-09 .v24-container {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: clamp(20px, 2.6svh, 28px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-09 .v24-figure {
    order: 1;
    width: 100% !important;
  }

  .nancy-tablet-landscape-t1 #slide-09 .v24-copy {
    order: 2;
    width: min(100%, 820px);
  }

  .nancy-tablet-landscape-t1 #slide-09 .v24-image-pair {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(14px, 1.8vw, 22px) !important;
  }

  .nancy-tablet-landscape-t1 #slide-09 .v24-image-frame {
    width: 100%;
    height: clamp(285px, 39svh, 380px) !important;
    aspect-ratio: auto !important;
  }

  .nancy-tablet-landscape-t1 #slide-09 img {
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  /* CTA keeps the approved copy and F3 motion language. */
  .nancy-tablet-landscape-t1 #final-cta {
    min-height: min(calc(78svh - var(--t1-header)), 650px) !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr) !important;
    align-items: center !important;
    gap: clamp(54px, 7vw, 94px) !important;
    padding: clamp(64px, 8svh, 86px) var(--t1-gutter) !important;
    border-top: 1px solid var(--t1-bronze);
    border-bottom: 1px solid var(--t1-bronze);
    color: var(--t1-ink);
    background: var(--t1-warm-stone) !important;
  }

  .nancy-tablet-landscape-t1 #final-cta > div:first-child {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
  }

  .nancy-tablet-landscape-t1 #final-cta h2 {
    max-width: 700px;
    margin: 0;
    color: var(--t1-ink);
    font: 400 clamp(42px, 4.35vw, 60px)/1 var(--t1-serif);
    letter-spacing: -.032em;
    text-wrap: balance;
  }

  .nancy-tablet-landscape-t1 #final-cta .cta-action {
    min-width: 0;
  }

  .nancy-tablet-landscape-t1 #final-cta .cta-action > p:first-child {
    max-width: 520px;
    margin: 0 0 24px;
    color: #4c4842;
    font: 400 clamp(13.5px, 1.18vw, 16px)/1.58 var(--t1-sans);
  }

  .nancy-tablet-landscape-t1 #final-cta .button {
    min-width: min(100%, 340px);
    min-height: 54px;
    padding: 15px 22px;
    color: #fff;
    background: var(--t1-bronze);
  }

  .nancy-tablet-landscape-t1 #final-cta .cta-continuation {
    margin: 14px 0 0;
    color: #665f57;
    font: 400 11px/1.4 var(--t1-sans);
  }

  .nancy-tablet-landscape-t1 .project-footer {
    width: 100%;
    height: 82px;
    min-height: 82px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    padding: 0 var(--t1-gutter);
    color: var(--t1-ink);
    background: var(--t1-header-bg);
  }

  .nancy-tablet-landscape-t1 .project-footer img {
    width: clamp(180px, 18vw, 220px);
    max-height: 42px;
    object-fit: contain;
    object-position: left center;
  }

  .nancy-tablet-landscape-t1 .project-footer p,
  .nancy-tablet-landscape-t1 .project-footer span {
    margin: 0;
    font: 500 8px/1.2 var(--t1-sans);
    letter-spacing: .16em;
    white-space: nowrap;
  }

  .nancy-tablet-landscape-t1 .project-footer span {
    justify-self: end;
    color: var(--t1-bronze);
  }
}

/* Standard 4:3 tablet: same F3 menu behavior as the approved 1024 landscape source. */
@media (min-width: 1000px) and (max-width: 1099px) and (orientation: landscape) {
  .nancy-tablet-landscape-t1 .site-header {
    grid-template-columns: 235.5px minmax(46px, 1fr) 254px;
    gap: 18px;
    padding-inline: 41px;
  }

  .nancy-tablet-landscape-t1 .site-header .brand {
    width: 235.5px;
  }

  .nancy-tablet-landscape-t1 .menu-toggle {
    display: flex;
  }

  .nancy-tablet-landscape-t1 .primary-nav {
    position: absolute;
    z-index: 110;
    top: 82px;
    right: 0;
    left: 0;
    width: 100%;
    display: none;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    padding: 8px 41px 14px;
    border-top: 1px solid rgba(163, 95, 48, .2);
    border-bottom: 1px solid rgba(163, 95, 48, .28);
    background: rgba(251, 248, 242, .985);
    box-shadow: 0 18px 32px rgba(42, 41, 37, .08);
  }

  .nancy-tablet-landscape-t1.is-tablet-menu-open .primary-nav {
    display: grid;
  }

  .nancy-tablet-landscape-t1 .site-header .header-cta {
    width: 254px;
    height: 46px;
    padding-inline: 25px;
    font-size: 11px;
  }

  .nancy-tablet-landscape-t1 #top > .container {
    grid-template-columns: minmax(0, 1.28fr) minmax(292px, .72fr) !important;
    gap: 42px !important;
  }

  .nancy-tablet-landscape-t1 #project-title {
    font-size: 42px;
  }

  .nancy-tablet-landscape-t1 .approved-opening-copy p {
    font-size: 13px;
    line-height: 1.5;
  }

  .nancy-tablet-landscape-t1 #slide-02 .slide-02-f3-container,
  .nancy-tablet-landscape-t1 #slide-03 .v24-container {
    gap: 38px !important;
  }

  .nancy-tablet-landscape-t1 #slide-07 .v24-container {
    gap: 36px !important;
  }

  .nancy-tablet-landscape-t1 #final-cta {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr) !important;
    gap: 54px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .nancy-tablet-landscape-t1 *,
  .nancy-tablet-landscape-t1 *::before,
  .nancy-tablet-landscape-t1 *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
  .nancy-tablet-landscape-t1 .cta-direction-chevron.section-chevron::before,
  .nancy-tablet-landscape-t1 .cta-direction-chevron.section-chevron::after {
    opacity: 1 !important;
    transform: none !important;
  }
}