.pj-home *, .pj-home *::before, .pj-home *::after{ box-sizing:border-box; }
.pj-home{
  --gutter:22px; --container:1180px; --measure:680px;
  --ib-display:'Playfair Display',Georgia,serif;
  --ib-sans:'Jost',system-ui,Arial,sans-serif;
  --ib-mono:'Jost',ui-monospace,Menlo,monospace;
  --ib-ink:#1C1915; --ib-body:#3A352F; --ib-muted:#6E665C;
  --ib-paper:#F7F4EE; --ib-cream:#FCFAF5; --ib-ink-band:#171410;
  --ib-on-ink:#EFE9DE; --ib-on-ink-muted:#A79C8C; --ib-on-ink-head:#C89A57;
  --ib-rule:#D6CEC1; --ib-field-border-color:#948873; --ib-white:#FFFFFF;
  --ib-accent:#A2834F; --ib-accent-hover:#8A6D3F; --ib-accent-rgb:162,131,79;
  --ib-accent-text:#7A5F36; --ib-photo-radius:2px;
}
.pj-home .s-ink{ --bg:#171410; --raised:#201C17;
  --ink:#F7F4EE;   
  --body:#CFC8BC;  
  --muted:#9C9284; 
  --rule:#38322A; --field:#767063;           
  --accent:#C89A57; --accent-text:#C89A57;   
  --on-accent:#171410; }
.pj-home .s-inkdeep{ --bg:#0F0D0A; --raised:#171410;
  --ink:#F7F4EE; --body:#CFC8BC; --muted:#9C9284;
  --rule:#2A251E; --field:#767063;
  --accent:#C89A57; --accent-text:#C89A57; --on-accent:#0F0D0A; }
.pj-home .s-paper{ --bg:#F7F4EE; --raised:#FCFAF5;
  --ink:#1C1915;   
  --body:#3A352F;  
  --muted:#6E665C; 
  --rule:#D6CEC1; --field:#948873;
  --accent:#A2834F;        
  --accent-text:#7A5F36;   
  --on-accent:#1C1915; }
.pj-home .s-bleed{ --bg:#0F0D0A; --raised:transparent;
  --ink:#F7F4EE; --body:#E4DED4; --muted:#BDB4A6;
  --rule:rgba(247,244,238,.22); --field:#948873;
  --accent:#C89A57; --accent-text:#C89A57; --on-accent:#171410; }
.pj-home .s-ink, .pj-home .s-inkdeep, .pj-home .s-bleed{ --ib-cream:#201C17; --ib-rule:#38322A; --ib-muted:#9C9284; --ib-ink:#F7F4EE; }
.pj-home{ margin:0; background:#171410; color:#CFC8BC;
  font:400 24px/1.60 'Jost',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
.pj-home section, .pj-home footer{ background:var(--bg); color:var(--body); position:relative; }
.pj-home img{ max-width:100%; display:block; }
.pj-home a{ color:var(--accent-text); }
.pj-home a:hover{ color:var(--accent); }
.pj-home .s-paper + .s-ink, .pj-home .s-ink + .s-paper, .pj-home .s-inkdeep + .s-paper{ border-top:1px solid var(--rule); }
.pj-home .s-ink + .s-inkdeep, .pj-home .s-inkdeep + .s-ink{ border-top:1px solid #3A342C; }
@media (max-width:899px){ }
.pj-home .pj-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:54px; border-radius:999px;
  height:auto; padding:14px 30px; font:500 15px/1.25 'Jost',sans-serif; letter-spacing:.18em;
  text-transform:uppercase; text-decoration:none; border:1px solid var(--accent);
  color:var(--accent-text); background:transparent; cursor:pointer; position:relative;
  overflow:hidden; transition:color .3s ease, border-color .3s ease; }
.pj-home .pj-btn::before{ content:""; position:absolute; inset:0; border-radius:inherit; background:var(--accent);
  transform:scaleX(0); transform-origin:left center; transition:transform .38s cubic-bezier(.2,.7,.2,1); z-index:0; }
.pj-home .pj-btn > span{ position:relative; z-index:1; display:inline-flex; align-items:center;
  white-space:nowrap; }
.pj-home .pj-btn:hover{ color:var(--on-accent); background:var(--accent); }
.pj-home .pj-btn:hover::before{ transform:scaleX(1); }
.pj-home .pj-btn--solid{ color:var(--on-accent); background:var(--accent); }
.pj-home .pj-btn--solid::before{ transform:scaleX(1); }
.pj-home .pj-btn--solid:hover{ color:var(--accent); background:#171410; }
.pj-home .pj-btn--solid:hover::before{ transform:scaleX(0); transform-origin:right center; }
.pj-home .pj-btn--arrow > span::after{ content:""; flex:0 0 auto; width:22px; height:1px;
  background:currentColor; margin-left:14px; transition:width .3s ease; }
.pj-home .pj-btn--arrow:hover > span::after{ width:34px; }
.pj-home .pj-word{ display:inline-block; overflow:hidden; vertical-align:bottom;
  padding-top:.24em; padding-bottom:.22em; margin-top:-.24em; margin-bottom:-.22em; }
.pj-home .pj-word > span{ display:inline-block; animation:pj-wordrise .9s cubic-bezier(.2,.75,.2,1) both; }
@keyframes pj-wordrise{
from{ transform:translateY(105%) }
to{ transform:none } }
@keyframes pj-aperture{
from{ clip-path:inset(50% 0 50% 0) }
to{ clip-path:inset(0 0 0 0) } }
.pj-home .pj-aperture{ animation:pj-aperture 1.1s cubic-bezier(.22,.8,.2,1) both; }
@keyframes pj-draw{
from{ transform:scaleX(0) }
to{ transform:scaleX(1) } }
.pj-home .pj-rule{ transform-origin:left center; animation:pj-draw 1.1s cubic-bezier(.2,.8,.2,1) both; }
.pj-home input::placeholder{ color:var(--muted); opacity:1; }
.pj-home .s-inkdeep, .pj-home .s-ink, .pj-home .s-bleed{ color-scheme:dark; }
.pj-home .s-paper{ color-scheme:light; }
@keyframes pj-haze{
0%{ transform:translate3d(-6%,0,0) }
100%{ transform:translate3d(6%,0,0) } }
@keyframes pj-grain{
0%{ transform:translate3d(0,0,0) }
25%{ transform:translate3d(-2%,1%,0) }
50%{ transform:translate3d(1%,-2%,0) }
75%{ transform:translate3d(2%,1%,0) }
100%{ transform:translate3d(0,0,0) } }
@keyframes pj-breath{
0%,100%{ transform:scale(1) }
50%{ transform:scale(1.015) } }
.pj-home .pj-grain{ position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,.75) .5px, transparent .5px);
  background-size:3px 3px; animation:pj-grain 7s steps(4,end) infinite; }
@keyframes pj-drift{
from{ transform:translate3d(0,0,0) }
to{ transform:translate3d(-50%,0,0) } }
.pj-home .pj-sheet-track{ display:flex; width:max-content; animation:pj-drift 96s linear infinite; }
.pj-home .pj-sheet-track:hover, .pj-home .pj-sheet-track:focus-within, .pj-home .pj-sheet:has(#pj-hold:checked) .pj-sheet-track{ animation-play-state:paused; }
.pj-home .pj-btn > .pj-hold-on{ display:none; }
.pj-home .pj-sheet:has(#pj-hold:checked) .pj-btn > .pj-hold-off{ display:none; }
.pj-home .pj-sheet:has(#pj-hold:checked) .pj-btn > .pj-hold-on{ display:inline-flex; }
.pj-home #pj-hold:focus-visible + label{ outline:2px solid var(--accent); outline-offset:3px; }
.pj-home .pj-plate{ flex:0 0 auto; position:relative; z-index:1; height:auto; width:auto;
  background:#171410; border:1px solid #38322A; padding:14px;
  transition:transform .38s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .38s ease; }
.pj-home .pj-plate:hover{ z-index:3; transform:scale(1.16); border-color:#C89A57;
  box-shadow:0 34px 70px rgba(0,0,0,.62); }
.pj-home .pj-plate img{ height:260px; width:auto; }
.pj-home .pj-plate:hover{ border-color:#C89A57; }
.pj-home .pj-plate figcaption{ padding-top:16px; text-align:center;
  font:400 23px/1.25 'Playfair Display',Georgia,serif; color:#F7F4EE; }
.pj-home .pj-plate img{ transition:none; }
@keyframes pj-bandfade{
0%{opacity:0}
3%{opacity:1}
25%{opacity:1}
28%{opacity:0}
100%{opacity:0} }
.pj-home .pj-band img{ animation:pj-bandfade 32s infinite; }
.pj-home .pj-band img:nth-child(1){ animation-delay:0s }
.pj-home .pj-band img:nth-child(2){ animation-delay:8s }
.pj-home .pj-band img:nth-child(3){ animation-delay:16s }
.pj-home .pj-band img:nth-child(4){ animation-delay:24s }
.pj-home .pj-bandcap{ position:absolute; inset:0; z-index:2; opacity:0; pointer-events:none;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:0 64px 44px; animation:pj-bandfade 32s infinite;
  background:radial-gradient(70% 62% at 6% 100%, rgba(9,8,6,.94) 0%, rgba(9,8,6,.82) 30%, rgba(9,8,6,.40) 58%, rgba(9,8,6,0) 82%); }
.pj-home .pj-bandcap--1{ animation-delay:0s }
.pj-home .pj-bandcap--2{ animation-delay:8s }
.pj-home .pj-bandcap--3{ animation-delay:16s }
.pj-home .pj-bandcap--4{ animation-delay:24s }
.pj-home .pj-bandcap span{ display:block; margin-bottom:14px;
  font:600 18px/1.65 'Jost',sans-serif; letter-spacing:.22em; text-transform:uppercase; color:#C89A57; }
.pj-home .pj-bandcap strong{ display:block; max-width:22ch; font:400 clamp(30px,4.6vw,48px)/1.12 'Playfair Display',Georgia,serif;
  letter-spacing:-.005em; font-weight:400; color:#F7F4EE; }
.pj-home .pj-card, .pj-home .pj-tile{ transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease; }
.pj-home .pj-tile{ display:flex; flex-direction:column; }
.pj-home .pj-tile > .pj-tilebody{ flex:1; display:flex; flex-direction:column; }
.pj-home .pj-tile > .pj-tilebody > .pj-tilecta{ margin-top:auto; padding-top:16px; }
.pj-home .pj-tilecta .pj-btn{ padding-left:30px; padding-right:30px; }
.pj-home .pj-card{ display:flex; flex-direction:column; }
.pj-home .pj-card > .pj-cardcap{ flex:1; }
.pj-home .pj-card:hover{ transform:translateY(-4px); box-shadow:0 22px 48px rgba(0,0,0,.46); border-color:var(--accent); }
.pj-home .pj-card{ border-radius:2px; }
.pj-home .pj-tile{ border-radius:14px; }
.pj-home .pj-tile .pj-tilebody{ text-align:center; align-items:center; }
.pj-home .pj-tile .pj-tilecta{ display:flex; justify-content:center; width:100%; }
.pj-home .pj-tile:hover{ transform:translateY(-4px); box-shadow:0 20px 44px rgba(28,25,21,.16); }
.pj-home .pj-card .pj-cardcap{ transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.pj-home .pj-card:hover .pj-cardcap{ transform:translateY(-4px); }
@keyframes pj-rise{
from{ opacity:0; transform:translateY(20px) }
to{ opacity:1; transform:none } }
.pj-home .pj-reveal{ animation:pj-rise .8s cubic-bezier(.2,.75,.2,1) both; }
@keyframes pj-cue{
0%{ transform:translateY(0); opacity:.25 }
50%{ transform:translateY(9px); opacity:1 }
100%{ transform:translateY(0); opacity:.25 } }
.pj-home .pj-cue{ animation:pj-cue 2.6s ease-in-out infinite; }
.pj-home .pj-roomstage{ position:relative; height:min(76vh,760px); min-height:300px; width:auto;
  max-width:100%; margin:0 auto; background:#0B0A08; overflow:hidden; }
.pj-home .pj-room--1 .pj-roomstage{ aspect-ratio:2400/1351; }
.pj-home .pj-room--2 .pj-roomstage{ aspect-ratio:1600/1200; }
.pj-home .pj-room--3 .pj-roomstage{ aspect-ratio:1600/1067; }
.pj-home .pj-room--4 .pj-roomstage{ aspect-ratio:1600/1200; }
.pj-home .pj-roomshot{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  opacity:0; transform-origin:50% 50%; will-change:opacity, transform, filter;
   }
.pj-home .pj-roomshot--1{ opacity:1; }
.pj-home .pj-room--2 .pj-roomshot--1, .pj-home .pj-room--3 .pj-roomshot--1, .pj-home .pj-room--4 .pj-roomshot--1, .pj-home .pj-room--5 .pj-roomshot--1, .pj-home .pj-room--6 .pj-roomshot--1{ opacity:0; }
.pj-home .pj-room--2 .pj-roomshot--2{ opacity:1; }
.pj-home .pj-room--3 .pj-roomshot--3{ opacity:1; }
.pj-home .pj-room--4 .pj-roomshot--4{ opacity:1; }
.pj-home .pj-room--5 .pj-roomshot--5{ opacity:1; }
.pj-home .pj-room--6 .pj-roomshot--6{ opacity:1; }
.pj-home .pj-roomlower{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:60px; align-items:start; }
.pj-home .pj-roompick{ display:flex; flex-wrap:wrap; gap:8px; }
.pj-home .pj-roompick button{ display:inline-flex; align-items:center; min-height:48px; padding:12px 22px; border-radius:999px;
  border:1px solid #38322A; background:transparent; cursor:pointer;
  font:600 15px/1.4 'Jost',sans-serif; letter-spacing:.18em; text-transform:uppercase;
  color:#CFC8BC; transition:border-color .25s ease, color .25s ease, background .25s ease; }
.pj-home .pj-roompick button:hover{ border-color:#C89A57; color:#C89A57; }
.pj-home .pj-roompick button:focus-visible{ outline:2px solid #C89A57; outline-offset:3px; }
@media (min-width:1300px){
.pj-home .pj-roomstage{ height:min(76vh,880px); }
.pj-home .pj-roomlower{ padding-top:44px !important; padding-bottom:44px !important; }
}
.pj-home .pj-herovideo{ position:relative; width:100%; margin-left:0;
  aspect-ratio:16/9; background:#171410; overflow:hidden; }
.pj-home .pj-herovideo video{ width:100%; height:100%; object-fit:cover; display:block; }
.pj-home .pj-heroposter{ display:none; position:relative; width:100%; margin-left:0;
  background:#171410; overflow:hidden; }
.pj-home .pj-arrives{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #3A342C; }
.pj-home .pj-arrives-col{ padding:34px 28px 38px; border-left:1px solid #3A342C; }
.pj-home .pj-arrives-col:first-child{ border-left:0; padding-left:0; }
.pj-home .pj-arrives-col:last-child{ padding-right:0; }
.pj-home .pj-arrives-col h3{ margin:0 0 14px; font:400 19px/1.35 'Playfair Display',Georgia,serif; color:#F7F4EE; }
.pj-home .pj-arrives-col p{ margin:0 0 12px; font:400 14px/1.65 'Jost',sans-serif; color:#B9B0A3; text-wrap:pretty; }
.pj-home .pj-arrives-col p:last-child{ margin-bottom:0; }
.pj-home .pj-arrives-sizes{ font:400 12.5px/1.6 'Jost',sans-serif !important; letter-spacing:.09em;
  color:#C89A57 !important; }
.pj-home .pj-arrives-sw{ display:flex; gap:8px; margin-top:14px; }
.pj-home .pj-arrives-sw span{ width:19px; height:19px; border-radius:2px; box-shadow:0 0 0 1px #3A342C; }
@media (max-width:899px){
.pj-home .pj-arrives{ grid-template-columns:1fr; }
.pj-home .pj-arrives-col{ border-left:0; border-top:1px solid #3A342C; padding:28px 0 30px; }
.pj-home .pj-arrives-col:first-child{ border-top:0; }
}
.pj-home .pj-heroband{ width:100%; margin-left:0; background:#171410; --rule:#38322A;
  border-bottom:1px solid var(--rule); }
.pj-home .pj-heroband-inner{ max-width:1180px; margin:0 auto; padding:28px var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:32px; }
.pj-home .pj-heroband-sub{ font:400 15px/1.55 'Jost',sans-serif; color:#A99F92; margin:10px 0 0; }
@media (max-width:767px){
/* Phone hero: the real video, full 16:9 frame. Revert by restoring .bak-20260923-phonevideo. */
.pj-home .pj-herovideo{ display:flex !important; aspect-ratio:16/9 !important; height:auto !important; }
.pj-home .pj-herovideo > video.pj-herovid{ width:100% !important; height:100% !important;
    object-fit:cover !important; object-position:50% 50% !important; }
.pj-home .pj-heroposter{ display:none !important; aspect-ratio:3/4;
    background-image:url('/wp-content/uploads/2026/09/pj-hero-poster-upright.jpg');
    background-size:cover; background-position:center; }
.pj-home .pj-heroband-inner{ flex-direction:column; align-items:flex-start; gap:18px; padding:24px var(--gutter) 28px; }
}
.pj-home .pj-wstage{ position:relative; aspect-ratio:16/9; border-radius:4px; overflow:hidden;
  background:#E8E2D8; }
.pj-home .pj-wshot{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:opacity .55s ease; }
.pj-home .pj-wcap{ display:flex; align-items:baseline; gap:18px; padding-top:18px; flex-wrap:wrap; }
.pj-home .pj-wcap-name{ margin:0; font:400 20px/1.3 'Playfair Display',Georgia,serif; color:#1C1915; }
.pj-home .pj-wcap-spec{ margin:0; font:400 14px/1.5 'Jost',sans-serif; color:#6E665C; }
.pj-home .pj-wcap-link{ margin:0; font:400 14px/1.5 'Jost',sans-serif; color:#7A5F36;
  text-decoration:none; border-bottom:1px solid currentColor; }
.pj-home .pj-wcap-link:hover{ color:#5E4829; }
.pj-home .pj-wnav{ display:none; }
.pj-home .pj-wnav button{ width:44px; height:44px; padding:0; border:0; background:none;
  display:grid; place-items:center; cursor:pointer; }
.pj-home .pj-wnav button > span{ width:40px; height:40px; border-radius:999px;
  border:1px solid #A2834F; color:#A2834F; display:grid; place-items:center;
  font:400 17px/1 'Jost',sans-serif; transition:background .2s ease, color .2s ease; }
.pj-home .pj-wnav button:not(:disabled):hover > span{ background:#A2834F; color:#F7F4EE; }
.pj-home .pj-wnav button:disabled{ opacity:.35; cursor:default; }
.pj-home .pj-wnav button:focus-visible > span{ outline:2px solid #A2834F; outline-offset:3px; }
.pj-home .pj-wnav-count{ font:400 13px/1 'Jost',sans-serif; letter-spacing:.12em; color:#6E665C; }
.pj-home .pj-wnav-count b{ font-weight:400; color:#1C1915; }
.pj-home .pj-wstrip{ display:grid; grid-template-columns:repeat(10,1fr); gap:10px; padding:24px 0 0;
  overflow:visible; mask-image:none; -webkit-mask-image:none; }
.pj-home .pj-wstrip::-webkit-scrollbar{ display:none; }
.pj-home .pj-wthumb{ width:auto; height:auto; aspect-ratio:1; border-radius:3px; overflow:hidden;
  border:0; padding:0; cursor:pointer; opacity:.55; outline:2px solid transparent;
  outline-offset:2px; transition:opacity .2s ease, outline-color .2s ease;
  background:none; }
.pj-home .pj-wthumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pj-home .pj-wthumb:hover{ opacity:.85; }
.pj-home .pj-wthumb[aria-selected="true"]{ opacity:1; outline-color:#A2834F; }
.pj-home .pj-wthumb:focus-visible{ outline-color:#A2834F; }
@media (max-width:767px){
.pj-home .pj-wall{ padding:64px 0 72px !important; }
.pj-home .pj-wnav{ display:flex; align-items:center; justify-content:space-between;
    max-width:220px; margin:16px auto 4px; }
.pj-home .pj-wstrip{ display:flex; grid-template-columns:none; gap:8px; overflow-x:auto;
    padding:18px 0 8px; scroll-snap-type:x proximity; scrollbar-width:none;
    mask-image:linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 32px), transparent); }
.pj-home .pj-wthumb{ flex:0 0 auto; width:64px; height:64px; aspect-ratio:auto; scroll-snap-align:center; }
.pj-home .pj-wcap{ display:block; }
.pj-home .pj-wcap-spec{ margin-top:4px; }
.pj-home .pj-wcap-link{ display:inline-block; margin-top:10px; }
}
@media (max-width:767px){
.pj-home .pj-plate{ padding:8px; margin-right:10px !important; }
.pj-home .pj-plate img{ height:200px; width:auto; }
.pj-home .pj-plate figcaption{ font-size:12px; padding:8px 0 0; }
.pj-home .pj-sheet{ padding-top:56px !important; padding-bottom:56px !important; }
}
@media (prefers-reduced-motion: reduce){
.pj-home .pj-wshot{ transition:none !important; }
.pj-home .pj-wstrip{ scroll-behavior:auto !important; }
}
@media (max-width:999px){
.pj-home .pj-grid3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:899px){
.pj-home .pj-grid3{ grid-template-columns:1fr !important; }
.pj-home .pj-roomlower{ grid-template-columns:1fr; gap:44px; } }
@media (max-width:899px){
.pj-home .pj-roomstage{ height:auto !important; aspect-ratio:auto; overflow:visible; }
.pj-home .pj-roomshot{ position:relative !important; height:auto !important;
    transition:none !important; }
.pj-home .pj-roomshot:not(.pj-roomshot--1){ display:none; }
.pj-home .pj-room--2 .pj-roomshot--1, .pj-home .pj-room--3 .pj-roomshot--1, .pj-home .pj-room--4 .pj-roomshot--1, .pj-home .pj-room--5 .pj-roomshot--1, .pj-home .pj-room--6 .pj-roomshot--1{ display:none; }
.pj-home .pj-room--2 .pj-roomshot--2, .pj-home .pj-room--3 .pj-roomshot--3, .pj-home .pj-room--4 .pj-roomshot--4, .pj-home .pj-room--5 .pj-roomshot--5, .pj-home .pj-room--6 .pj-roomshot--6{ display:block; opacity:1 !important; }
}
@media (max-width:999px){
.pj-home .pj-grid3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:899px){
.pj-home .pj-grid3{ grid-template-columns:1fr !important; } }
@media (prefers-reduced-motion: reduce){
.pj-home .pj-roomshot{ transition:none !important; }
.pj-home .pj-reveal, .pj-home .pj-band img, .pj-home .pj-grain, .pj-home .pj-cue, .pj-home .pj-sheet-track, .pj-home .pj-aperture, .pj-home .pj-rule, .pj-home .pj-word > span, .pj-home .pj-anim{
    animation:none !important; }
.pj-home .pj-reveal, .pj-home .pj-word > span, .pj-home .pj-aperture, .pj-home .pj-rule{ opacity:1 !important; transform:none !important; clip-path:none !important; }
.pj-home .pj-roomframe{ animation:none !important; clip-path:none !important; }
.pj-home .pj-roomcard{ animation:none !important; opacity:1 !important; transform:none !important; }
.pj-home .pj-band img:not(:first-child), .pj-home .pj-bandcap:not(.pj-bandcap--1){ opacity:0 !important; }
.pj-home .pj-band img:first-child, .pj-home .pj-bandcap--1{ opacity:1 !important; }
.pj-home .pj-grain{ display:none !important; }
}

/* Hero band, ported. The clip is not supplied yet, so the band carries a still.
   A ceiling keeps the headline above the fold on a wide monitor. */
.pj-home .pj-herovideo{aspect-ratio:auto;width:100%;height:min(56.25vw,82vh);overflow:hidden;background:#0F0D0A;display:flex;align-items:center;justify-content:center}
.pj-home .pj-herovideo > img.pj-herovid,
.pj-home .pj-herovideo > video.pj-herovid{height:100%;width:auto;max-width:100%;object-fit:cover;object-position:center center;display:block;background:#0F0D0A}
@media (max-width:767px){.pj-home .pj-herovideo{height:min(118vw,68vh)}}

/* The list. Gravity Forms draws the field and the button, so the house styling has to
   be put back on top of its own theme. Same field and same pill as everywhere else. */
.pj-home .pj-listform .gform_wrapper{margin:0;max-width:560px}
.pj-home .pj-listform .gform_wrapper form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pj-home .pj-listform .gform_wrapper .gform_fields{display:block;flex:1 1 280px}
.pj-home .pj-listform .gform_wrapper .gfield{margin:0}
.pj-home .pj-listform .gform_wrapper .gfield_label,
.pj-home .pj-listform .gform_wrapper .gform_required_legend{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.pj-home .pj-listform .gform_wrapper input[type=text],
.pj-home .pj-listform .gform_wrapper input[type=email]{width:100%!important;min-height:52px;background:transparent!important;border:1px solid var(--field)!important;border-radius:999px!important;color:var(--body)!important;padding:0 20px!important;font:400 17px/1.55 'Jost',sans-serif!important;box-shadow:none!important}
.pj-home .pj-listform .gform_wrapper input[type=email]:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(162,131,79,.28)!important}
.pj-home .pj-listform .gform_footer{margin:0!important;padding:0!important;flex:0 0 auto;width:auto!important}
.pj-home .pj-listform .gform_footer input[type=submit],
.pj-home .pj-listform .gform_footer button{min-height:52px;padding:0 30px!important;border:0!important;border-radius:999px!important;background:var(--accent)!important;color:var(--on-accent)!important;font:600 13px/1 'Jost',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;cursor:pointer;width:auto!important}
.pj-home .pj-listform .gform_footer input[type=submit]:hover,
.pj-home .pj-listform .gform_footer button:hover{background:var(--accent-hover,#8A6D3F)!important}
.pj-home .pj-listform .gform_confirmation_message,
.pj-home .pj-listform .gform_validation_errors,
.pj-home .pj-listform .validation_message{font:400 16px/1.6 'Jost',sans-serif!important;color:var(--body)!important}

/* What arrives, sized up. The six columns were the smallest type on the page and the
   section is doing the most explaining, so it carries the weight now. */
.pj-home .pj-arrives-col h3{font-size:25px!important;font-weight:500!important;line-height:1.25!important;margin-bottom:14px!important}
.pj-home .pj-arrives-col p{font-size:16.5px!important;font-weight:500!important;line-height:1.62!important;color:var(--body)!important}
.pj-home .pj-arrives-col p.pj-arrives-sizes{font-size:14px!important;font-weight:500!important;letter-spacing:.09em!important;color:var(--accent)!important}
@media (max-width:768px){
.pj-home .pj-arrives-col h3{font-size:22px!important}
.pj-home .pj-arrives-col p{font-size:16px!important}
}

/* PJ_LISTFORM_HEIGHT. The subscribe button read shorter than the email field.
   Both are now the same explicit height, border-box, so the pills match. */
.pj-home .pj-listform .gform_wrapper input[type=text],
.pj-home .pj-listform .gform_wrapper input[type=email],
.pj-home .pj-listform .gform_footer input[type=submit],
.pj-home .pj-listform .gform_footer button{box-sizing:border-box!important;height:56px!important;min-height:56px!important;line-height:normal!important}
.pj-home .pj-listform .gform_footer input[type=submit],
.pj-home .pj-listform .gform_footer button{padding:0 34px!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}