.p66-page { --sea:#17314a; --sunset:#cca475; --pearl:#e0e0d6; --paper:#f2f0e9; display:block; margin:0; background:var(--paper); color:var(--sea); font-family:var(--project-body-font,Arial,sans-serif); font-size:16px; line-height:1.65; }
.p66-page *, .p66-page *::before, .p66-page *::after { box-sizing:border-box; }
.p66-page :is(h1,h2,h3,p,figure) { margin:0; }
.p66-page :is(h1,h2,h3) { font-family:var(--project-display-font,Georgia,serif); font-weight:400; text-transform:none; letter-spacing:-.055em; line-height:1.06; text-wrap:balance; overflow-wrap:break-word; }
.p66-page .wny-display-title { font-size:clamp(1.8rem,12cqi,4.8rem); line-height:1.06; }
.p66-page p { max-width:62ch; text-wrap:pretty; }
.p66-page p + p { margin-top:1.3em; }
.p66-page img { display:block; width:100%; height:auto; }
.p66-page [hidden] { display:none!important; }
.p66-page :is(section,header)[id] { scroll-margin-top:110px; }
.p66-page a { color:inherit; text-decoration:none; }
.p66-page button { appearance:none; font:inherit; color:inherit; background:none; border:0; border-radius:0; cursor:pointer; }
.p66-page :is(button,a):focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.p66-page button:disabled { opacity:.28; cursor:default; }
.p66-page .p66-label { display:block; font:11px/1.45 var(--project-label-font,Arial,sans-serif); letter-spacing:.13em; text-transform:uppercase; }
.p66-inset { padding:clamp(64px,8vw,140px) clamp(24px,6vw,110px); }
.p66-hero { position:relative; height:calc(100svh - 100px); min-height:630px; max-height:1100px; color:#fff8ec; background:var(--sea); isolation:isolate; }
.p66-hero__image, .p66-hero__image::after { position:absolute; inset:0; z-index:-1; }
.p66-hero__image img { height:100%; object-fit:cover; object-position:50% 58%; }
.p66-hero__image::after { content:''; z-index:0; background:linear-gradient(180deg,rgba(16,35,49,.4),transparent 22%,transparent 45%,rgba(9,25,38,.78)); }
.p66-hero__top { display:flex; justify-content:space-between; align-items:center; padding:32px 4vw; }
.p66-hero__top a { font-size:12px; }
.p66-hero__title { position:absolute; left:6vw; bottom:7%; }
.p66-hero h1 { margin-top:20px; font-size:clamp(64px,8.7vw,155px); line-height:.91; }
.p66-hero h1 em { font-weight:400; }
.p66-hero__down { position:absolute; right:5vw; bottom:8%; font-size:34px; border:1px solid #ffffff70; width:60px; height:60px; border-radius:50%; text-align:center; }
.p66-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 6vw; border-bottom:1px solid #17314a35; font-size:12px; }
.p66-nav > span { margin-right:auto; font-family:Georgia,serif; font-size:20px; }
.p66-nav a { border-bottom:1px solid transparent; }
.p66-nav a:hover { border-color:currentColor; }
.p66-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:12%; padding-top:140px; padding-bottom:140px; }
.p66-intro .p66-label { margin-bottom:34px; }
.p66-prose > p { font-size:21px; line-height:1.65; }
.p66-assignment { margin-top:40px; padding-top:28px; border-top:1px solid #17314a35; }
.p66-assignment h3 { font-size:26px; margin-bottom:14px; letter-spacing:-.025em; }
.p66-assignment p { font-size:15px; color:#425664; }
.p66-views { background:var(--pearl); }
.p66-section-head { display:grid; grid-template-columns:1.15fr 1fr; gap:12%; align-items:end; margin-bottom:65px; }
.p66-section-head .p66-label { margin-bottom:26px; }
.p66-section-head > p { font-size:17px; }
.p66-viewfinder { background:var(--sea); color:#fff9ef; }
.p66-viewfinder__bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 24px; }
.p66-viewfinder__bar button { font-size:12px; padding:6px 0; }
.p66-viewfinder__bar button span { margin-left:10px; color:var(--sunset); }
.p66-viewfinder__images { position:relative; aspect-ratio:1.414; overflow:hidden; background:var(--sea); }
.p66-view { position:absolute; inset:0; opacity:0; transition:opacity 1s cubic-bezier(.22,.61,.36,1); pointer-events:none; }
.p66-view.is-active { opacity:1; }
.p66-view img { height:100%; object-fit:contain; }
.p66-viewfinder__corners { position:absolute; inset:24px; pointer-events:none; opacity:.8; }
.p66-viewfinder__corners i { width:22px; height:22px; border:solid #fff6e8; position:absolute; }
.p66-viewfinder__corners i:nth-child(1) { top:0; left:0; border-width:1px 0 0 1px; }
.p66-viewfinder__corners i:nth-child(2) { top:0; right:0; border-width:1px 1px 0 0; }
.p66-viewfinder__corners i:nth-child(3) { bottom:0; left:0; border-width:0 0 1px 1px; }
.p66-viewfinder__corners i:nth-child(4) { bottom:0; right:0; border-width:0 1px 1px 0; }
.p66-camera-notes { opacity:0; transition:opacity .35s; position:absolute; inset:0; }
.has-notes .p66-camera-notes { opacity:1; }
.p66-camera-note { position:absolute; background:#17314aee; color:#fff8ed; padding:9px 14px; font-size:12px; border-left:2px solid var(--sunset); }
.p66-camera-note::after { content:''; position:absolute; left:-2px; top:100%; height:30px; border-left:1px solid #fff8ed; }
.p66-camera-note--0 { left:48%; top:23%; }
.p66-camera-note--1 { left:18%; top:48%; }
.p66-camera-note--2 { right:12%; bottom:12%; }
.p66-view[data-p66-view="1"] .p66-camera-note--1 { left:35%; top:62%; }
.p66-view[data-p66-view="2"] .p66-camera-note--0 { left:12%; top:58%; }
.p66-view[data-p66-view="2"] .p66-camera-note--1 { left:53%; top:62%; }
.p66-viewfinder__bottom { display:grid; grid-template-columns:1fr 1.25fr; }
.p66-viewfinder__bottom nav { display:flex; flex-direction:column; padding:20px 28px; border-right:1px solid #ffffff30; }
.p66-viewfinder__bottom nav button { display:flex; align-items:center; text-align:left; gap:15px; padding:17px 0; color:#bcc9d1; border-bottom:1px solid #ffffff25; }
.p66-viewfinder__bottom nav button:last-child { border:0; }
.p66-viewfinder__bottom nav button[aria-pressed=true] { color:#fff9ef; }
.p66-viewfinder__bottom nav small { margin-left:auto; font-size:11px; }
.p66-view-dot { width:8px; height:8px; border:1px solid var(--sunset); border-radius:50%; }
[aria-pressed=true] > .p66-view-dot { background:var(--sunset); }
.p66-view-copy { padding:34px 38px; min-height:230px; }
.p66-view-copy h3 { font-size:clamp(25px,2.5vw,37px); margin-bottom:18px; }
.p66-view-copy p { font-size:15px; color:#d8e0e4; }
.p66-interpretation { margin-top:16px!important; font-size:12px; color:#465962; max-width:90ch!important; }
.p66-life__heading { display:grid; grid-template-columns:1.15fr 1fr; gap:12%; align-items:end; }
.p66-life__heading .p66-label { margin-bottom:26px; }
.p66-life__heading > p { font-size:18px; }
.p66-life__stage { display:grid; grid-template-columns:1.65fr 1fr; background:#0c667e; color:#fff9ef; }
.p66-motion { position:relative; align-self:stretch; background:var(--sea); min-width:0; }
.p66-motion .p66-motion__poster { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.p66-motion video { position:relative; display:block; width:100%; height:100%; aspect-ratio:1.5; object-fit:contain; }
.p66-motion button { position:absolute; z-index:1; right:22px; top:22px; border:1px solid #fff8ed70; padding:9px 14px; background:#17314acc; font-size:12px; color:#fff; }
.p66-motion figcaption { position:absolute; z-index:1; bottom:0; left:0; padding:35px 24px 16px; width:100%; font-size:11px; letter-spacing:.07em; background:linear-gradient(transparent,#0a203acc); }
.p66-life__copy { padding:clamp(32px,4.5vw,80px); align-self:center; }
.p66-life__copy .p66-label { margin-bottom:28px; }
.p66-life__copy .wny-display-title { font-size:clamp(30px,13cqi,58px); }
.p66-life__copy p { font-size:16px; margin-top:28px; }
.p66-dayline { display:flex; align-items:center; gap:12px; margin-top:45px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.p66-dayline i { flex:1; height:1px; background:#e0e0d680; }
.p66-identity { display:grid; grid-template-columns:1.2fr 1fr; gap:12%; align-items:center; padding-top:130px; padding-bottom:130px; background:var(--sea); color:var(--paper); }
.p66-identity__mark img { max-width:570px; margin:auto; }
.p66-identity .p66-label { color:var(--sunset); margin-bottom:28px; }
.p66-identity .wny-display-title { font-size:clamp(30px,11cqi,53px); }
.p66-identity p { margin-top:28px; font-size:15px; color:#d6dfe3; }
.p66-palette { display:flex; justify-content:center; gap:28px; margin-top:55px; }
.p66-palette span { display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:.05em; }
.p66-palette i { display:inline-block; width:18px; height:18px; background:var(--swatch); border:1px solid #ffffff45; border-radius:50%; }
.p66-book { background:#ede0cf; }
.p66-book__exhibit { background:radial-gradient(ellipse at 50% 30%,#f9f4ea,#d6c5ac); border:1px solid #17314a20; }
.p66-book__stage { height:660px; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; padding:45px 7%; perspective:1500px; }
.p66-book__page { max-width:100%; width:780px; box-shadow:8px 22px 24px #17314a25; animation:p66-page-in .65s ease both; }
.p66-book__page img { max-height:560px; object-fit:contain; }
.p66-book__page--cover { width:340px; transform:rotateY(-13deg) rotateZ(-4deg); border-right:7px solid #e4dbc7; border-bottom:4px solid #d1c5b1; }
.p66-book__page--cover img { max-height:540px; }
.p66-book__toolbar { display:grid; grid-template-columns:60px 1fr 60px; align-items:center; gap:24px; padding:26px 5%; border-top:1px solid #17314a30; background:#f6f0e7b0; text-align:center; }
.p66-book__toolbar h3 { font-size:26px; margin:10px 0; }
.p66-book__toolbar p { font-size:13px; margin:auto; }
.p66-book__toolbar button { font-size:30px; padding:10px; }
.p66-book__index { display:flex; justify-content:center; gap:28px; padding:22px; background:#f6f0e7b0; }
.p66-book__index button { display:flex; align-items:center; gap:9px; font-size:11px; }
.p66-book__index button span { width:5px; height:5px; border-radius:50%; background:var(--sea); opacity:.3; }
.p66-book__index button[aria-pressed=true] span { opacity:1; }
.p66-ad { display:grid; grid-template-columns:1fr 1.1fr; gap:13%; align-items:center; }
.p66-ad .p66-label { margin-bottom:30px; }
.p66-ad p { margin-top:30px; }
.p66-ad figure { padding:24px; background:#e0e0d6; }
.p66-ad figure img { box-shadow:0 15px 30px #17314a18; }
.p66-ad figcaption { font-size:11px; margin-top:18px; }
.p66-ad__line { display:block; margin-top:45px; width:85px; height:1px; background:var(--sunset); }
.p66-closing { background:var(--sea); color:var(--paper); }
.p66-closing > figure { max-height:650px; overflow:hidden; }
.p66-closing > figure img { aspect-ratio:2.05; object-fit:cover; object-position:50% 40%; }
.p66-closing__copy { padding:95px 12%; text-align:center; }
.p66-closing__copy .p66-label { color:var(--sunset); margin-bottom:30px; }
.p66-closing__copy .wny-display-title { max-width:19ch; margin:auto; font-size:clamp(34px,6cqi,76px); }
.p66-closing__copy p { margin:35px auto 0; max-width:60ch; }
.p66-credits { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:35px; padding-top:45px; padding-bottom:45px; }
.p66-credits strong { font:26px Georgia,serif; display:block; margin-bottom:10px; }
.p66-credits span:not(.p66-label), .p66-credits p { font-size:13px; }
.p66-credits .p66-label { margin-bottom:10px; }
.p66-credits > a { grid-column:1/-1; font-size:12px; padding-top:22px; border-top:1px solid #17314a30; }
@keyframes p66-page-in { from {opacity:0; translate:0 7px;} to {opacity:1; translate:0 0;} }
@media(min-width:1700px) { .p66-viewfinder__images { aspect-ratio:1.7; } }
@media(max-width:1000px) {
  .p66-intro,.p66-section-head,.p66-life__heading,.p66-identity { gap:7%; }
  .p66-life__stage { grid-template-columns:1fr; }
  .p66-life__copy { max-width:740px; padding:50px 8%; }
  .p66-life__copy .wny-display-title { font-size:48px; }
  .p66-book__stage { height:540px; }
  .p66-book__page--cover { width:275px; }
  .p66-book__page img { max-height:450px; }
}
@media(max-width:680px) {
  .p66-hero { min-height:590px; height:82svh; max-height:800px; }
  .p66-hero__image img { object-position:55% 50%; }
  .p66-hero__top { align-items:start; padding:22px; gap:20px; }
  .p66-hero__top .p66-label { max-width:160px; font-size:10px; }
  .p66-hero__top a { font-size:10px; white-space:nowrap; }
  .p66-hero__title { left:24px; bottom:13%; }
  .p66-hero__title .p66-label { font-size:9px; }
  .p66-hero h1 { font-size:clamp(48px,12.5vw,80px); }
  .p66-hero__down { width:40px; height:40px; font-size:24px; right:24px; bottom:25px; }
  .p66-nav { padding:18px 24px; gap:20px; justify-content:center; font-size:10px; }
  .p66-nav > span { display:none; }
  .p66-intro,.p66-section-head,.p66-life__heading,.p66-identity,.p66-ad { grid-template-columns:1fr; gap:35px; }
  .p66-intro { padding-top:75px; padding-bottom:75px; }
  .p66-page .wny-display-title { font-size:clamp(34px,12cqi,55px); }
  .p66-prose > p { font-size:18px; }
  .p66-section-head { margin-bottom:32px; }
  .p66-section-head > p,.p66-life__heading > p { font-size:16px; }
  .p66-viewfinder { margin-inline:-12px; }
  .p66-viewfinder__bar { padding:12px; gap:12px; }
  .p66-viewfinder__bar .p66-label { font-size:9px; max-width:100px; }
  .p66-viewfinder__bar button { font-size:10px; }
  .p66-viewfinder__images { aspect-ratio:1.414; }
  .p66-viewfinder__corners { inset:12px; }
  .p66-viewfinder__corners i { width:12px; height:12px; }
  .p66-camera-note { font-size:9px; padding:5px 7px; }
  .p66-camera-note--0 { top:16%; }
  .p66-camera-note--1 { left:7%; }
  .p66-camera-note--2 { right:5%; bottom:10%; }
  .p66-camera-note::after { height:15px; }
  .p66-viewfinder__bottom { grid-template-columns:1fr; }
  .p66-viewfinder__bottom nav { flex-direction:row; padding:0 12px; gap:15px; border-right:0; border-bottom:1px solid #ffffff30; }
  .p66-viewfinder__bottom nav button { flex:1; font-size:10px; gap:6px; border-bottom:0; }
  .p66-viewfinder__bottom nav small { display:none; }
  .p66-view-copy { padding:25px; min-height:225px; }
  .p66-view-copy h3 { font-size:28px; }
  .p66-view-copy p { font-size:14px; }
  .p66-motion button { right:12px; top:12px; font-size:10px; }
  .p66-motion figcaption { padding:30px 12px 12px; font-size:9px; }
  .p66-life__copy { padding:45px 24px; }
  .p66-identity { padding-block:70px; gap:65px; }
  .p66-palette { gap:20px; margin-top:35px; }
  .p66-book__exhibit { margin-inline:-12px; }
  .p66-book__stage { height:390px; padding:30px 20px; }
  .p66-book__page--cover { width:210px; }
  .p66-book__page img { max-height:320px; }
  .p66-book__toolbar { grid-template-columns:30px 1fr 30px; gap:5px; padding:20px 12px; }
  .p66-book__toolbar h3 { font-size:22px; }
  .p66-book__toolbar p { font-size:12px; }
  .p66-book__toolbar button { padding:0; }
  .p66-book__index { gap:15px; padding:15px 10px; flex-wrap:wrap; }
  .p66-book__index button { font-size:9px; gap:5px; }
  .p66-ad figure { padding:16px; }
  .p66-closing > figure img { aspect-ratio:1.414; }
  .p66-closing__copy { padding:65px 24px; }
  .p66-closing__copy p { font-size:15px; }
  .p66-credits { grid-template-columns:1fr; gap:24px; }
}
@media(prefers-reduced-motion:reduce) { .p66-page *, .p66-page *::before, .p66-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }