/*
Theme Name: YPT Merch Landing
Theme URI: https://youngpioneertours.shop/
Author: YPT Merch Shop
Description: Branded coming-soon landing page with the YPT expedition artwork and existing external subscription/contact API integration.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: ypt-merch-landing
*/
:root{--cream:#f5f0e6;--ink:#211e1c;--red:#d83b3e;--muted:#726b66;--line:#ded6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button{cursor:pointer}::selection{background:#e9b6ae;color:#201b18}.skip-link{position:absolute;top:-100px;left:12px;padding:12px;background:white;z-index:30}.skip-link:focus{top:10px}.page-shell{max-width:1700px;margin:0 auto;min-height:100svh;display:grid;grid-template-rows:92px minmax(0,1fr) 66px;overflow:hidden}.header,.footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.5vw,78px);position:relative;z-index:3}.header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:60px;height:60px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:.035em;line-height:1}.brand-copy small{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--muted)}.top-nav{display:flex;align-items:center;gap:36px}.nav-live,.nav-link{font-size:11px;letter-spacing:.13em;font-weight:800}.nav-live{display:flex;align-items:center;gap:10px;color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(216,59,62,.12);animation:pulse 2.5s ease-in-out infinite}.nav-link{text-decoration:none;border-bottom:1px solid var(--red);padding:7px 0;transition:color .2s}.nav-link:hover{color:var(--red)}.nav-link span{font-size:16px;margin-left:5px}.main-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}.story{padding:clamp(24px,4vw,65px) clamp(24px,4.5vw,78px) clamp(22px,3vw,43px);display:flex;align-items:center;justify-content:center}.story-inner{width:100%;max-width:740px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#776b63;margin:0 0 16px}.eyebrow-strike{width:27px;height:2px;background:var(--red)}.eyebrow-star{color:var(--red);font-size:16px}.hero-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(73px,7.3vw,146px);font-weight:900;letter-spacing:-.025em;line-height:.77;margin:0 0 24px}.hero-title>span:not(.period){color:var(--red)}.hero-title .period{color:var(--red)}.construction-tag{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.11em;background:#e9e0d5;padding:11px 16px;margin-bottom:14px}.tag-icon{font-size:17px;color:var(--red)}.intro{font-size:clamp(13px,1.1vw,16px);line-height:1.6;color:#625b55;max-width:560px;margin:0 0 25px}.signup{max-width:575px;border:1px solid #d8cec0;background:#faf7f0;box-shadow:7px 7px 0 rgba(211,198,179,.3);padding:20px 22px 15px}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.signup-index{display:block;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.19em;margin-bottom:4px}.signup h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:31px;line-height:1;margin:0}.envelope-icon{font-size:31px;color:var(--red)}.signup-form>label:not(.consent){display:block;font-size:10px;font-weight:800;letter-spacing:.13em;margin:0 0 7px}.form-row{display:flex;gap:7px}.form-row input{min-width:0;flex:1;width:100%;background:#fff;border:1px solid #cdc1b3;border-radius:0;padding:12px 13px;color:var(--ink);outline:0}.form-row input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(216,59,62,.12)}.form-row button{background:var(--red);border:0;color:#fff;display:flex;justify-content:center;gap:18px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;letter-spacing:.04em;padding:0 19px;transition:background .2s,transform .2s;white-space:nowrap}.form-row button:enabled:hover{background:#ad262e;transform:translateY(-2px)}.form-row button:disabled{opacity:.52;cursor:not-allowed}.form-row button:focus-visible,.top-nav a:focus-visible,.socials a:focus-visible,.footer a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:13px;color:#59534e;font-size:11px;line-height:1.5;cursor:pointer}.consent input{width:15px;height:15px;accent-color:var(--red);flex:none;margin:1px 0}.form-feedback{font-size:11px;color:#766b62;margin:10px 0 0;min-height:16px}.form-feedback[data-state=error]{color:#b22222}.form-feedback[data-state=success]{color:#2c7349}.privacy-note{font-size:10px;color:#8b8178;margin:6px 0 0}.privacy-note a{text-decoration:underline;text-underline-offset:2px}.mobile-tours{display:none}.art-panel{background:#c63c3f;position:relative;overflow:hidden;min-height:500px;isolation:isolate}.art-panel:after{content:'';position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#ffe2c9 1px,transparent 1px);background-size:23px 23px}.art-top,.art-bottom{position:absolute;left:34px;right:34px;display:flex;justify-content:space-between;z-index:4;font-size:9px;font-weight:800;letter-spacing:.16em;color:#fff0e4}.art-top{top:29px}.art-bottom{bottom:24px}.art-bottom b{font-size:15px}.art-side{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);z-index:4;color:#fff4e6;font-size:9px;font-weight:800;letter-spacing:.24em}.sun-ring{position:absolute;left:49%;top:30%;width:min(66%,470px);aspect-ratio:1;border:1px solid rgba(255,239,218,.34);border-radius:50%;transform:translate(-50%,-50%);animation:gentle 10s ease-in-out infinite}.sun{width:min(32%,225px);aspect-ratio:1;background:#f6dcba;position:absolute;left:54%;top:23%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 26px rgba(248,231,202,.08)}.flightpath{position:absolute;width:100%;height:95%;inset:0;z-index:2}.flying-plane{position:absolute;width:clamp(82px,10vw,145px);top:22%;left:54%;z-index:3;filter:drop-shadow(6px 9px 0 rgba(43,31,30,.11));animation:airborne 5s ease-in-out infinite}.mountain-art{position:absolute;left:0;bottom:-2%;width:100%;height:90%;z-index:2}.footer{border-top:1px solid var(--line);gap:15px}.footer-copyright,.footer-note,.socials{font-size:9px;font-weight:800;letter-spacing:.09em}.footer-copyright{color:#5d5751}.footer-copyright a{text-decoration:none}.footer-copyright a:hover{color:var(--red)}.footer-divider{padding:0 8px;color:#b8ada2}.footer-note{color:#8f8479}.socials{display:flex;gap:16px;align-items:center}.socials a{display:flex;align-items:center;gap:5px;text-decoration:none;transition:color .2s}.socials a:hover{color:var(--red)}.socials svg{width:16px;height:16px}.cursor-plane{position:fixed;left:-18px;top:-18px;width:37px;height:37px;z-index:100;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s}.cursor-plane.visible{opacity:1}.cursor-plane svg{width:100%;height:100%}.entrance{animation:rise .72s both;animation-delay:.1s}.hero-title{animation-delay:.18s}.construction-tag{animation-delay:.27s}.intro{animation-delay:.34s}.signup{animation-delay:.42s}@keyframes rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes airborne{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(4deg)}}@keyframes gentle{50%{transform:translate(-50%,-50%) scale(1.07)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(216,59,62,.04)}}
@media(max-width:1200px){.page-shell{grid-template-rows:82px minmax(0,1fr) auto}.header,.footer{padding-left:30px;padding-right:30px}.story{padding:30px}.hero-title{font-size:clamp(70px,8vw,110px)}.signup{padding:17px}.footer{padding-top:19px;padding-bottom:19px}.footer-note{display:none}}
@media(max-width:850px){.page-shell{display:flex;flex-direction:column;overflow:visible}.header{min-height:78px}.main-grid{display:flex;flex-direction:column}.story{padding:38px 28px 38px}.story-inner{max-width:660px}.hero-title{font-size:clamp(85px,13.3vw,135px)}.intro{max-width:520px}.art-panel{min-height:320px;height:37vw;max-height:400px}.sun{top:25%;width:140px}.sun-ring{top:32%;width:290px}.flying-plane{top:20%;left:58%;width:90px}.mountain-art{height:130%}.art-side{display:none}.footer{min-height:80px;flex-wrap:wrap;gap:10px}}
@media(max-width:600px){.header{min-height:75px;padding:0 19px}.brand{gap:8px}.brand img{width:48px;height:48px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:7px;letter-spacing:.1em}.nav-live{display:none}.nav-link{font-size:9px}.top-nav{gap:0}.story{padding:36px 20px 34px}.eyebrow{font-size:9px;margin-bottom:18px}.hero-title{font-size:clamp(66px,15.1vw,100px);line-height:.82;margin-bottom:22px}.construction-tag{font-size:10px;letter-spacing:.06em}.intro{font-size:14px;margin-bottom:25px}.signup{padding:18px 15px 15px;box-shadow:5px 5px 0 rgba(211,198,179,.3)}.signup h2{font-size:29px}.form-row input{padding:11px 10px;font-size:13px}.form-row button{padding:0 12px;font-size:16px;gap:7px}.consent{font-size:11px}.art-panel{height:250px;min-height:250px}.art-top,.art-bottom{left:18px;right:18px;font-size:8px}.art-top{top:17px}.art-bottom{bottom:13px}.sun{width:124px}.sun-ring{width:250px}.mountain-art{height:125%}.footer{padding:20px;justify-content:center;gap:14px;flex-direction:column;min-height:110px}.socials{gap:24px}.footer-copyright{order:2;text-align:center}.socials{order:1}.cursor-plane{display:none}}
@media(max-width:365px){.hero-title{font-size:15vw}.brand-copy strong{font-size:15px}.nav-link{font-size:8px}.story{padding:28px 15px}.form-row button span:last-child{display:none}.form-row button{font-size:14px}}
@media(min-width:851px) and (max-height:780px){.page-shell{min-height:100svh;grid-template-rows:75px minmax(0,1fr) 55px}.story{padding-top:16px;padding-bottom:16px}.hero-title{font-size:clamp(65px,6.5vw,98px);margin-bottom:15px}.eyebrow{margin-bottom:10px}.construction-tag{margin-bottom:9px;padding:7px 12px}.intro{margin-bottom:12px;font-size:12px}.signup{padding:12px 16px}.signup-header{margin-bottom:9px}.signup h2{font-size:25px}.form-row input{padding:9px}.consent{margin-top:8px}.footer{padding-top:0;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor-plane{display:none!important}}

/* V5 contact panel: safely below hero; no false single-screen promise. */
.page-shell{grid-template-rows:92px minmax(0,1fr) auto 66px;overflow:visible}
.contact-panel{padding:45px clamp(24px,4.5vw,78px);border-top:1px solid var(--line);background:#efe7db;display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(22px,4vw,70px)}
.contact-intro h2{font:900 clamp(44px,5vw,74px)/1 'Barlow Condensed',Impact,sans-serif;margin:8px 0 12px}.contact-intro p{line-height:1.6;max-width:380px;color:#655b54}.contact-intro a{text-decoration-thickness:1px;text-underline-offset:3px}.contact-form{display:grid;gap:13px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:grid;gap:6px;font-size:12px;letter-spacing:.02em;font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cdbfad;background:#fffdfa;color:#211e1c;padding:12px;font:inherit;border-radius:0}.contact-form :is(input,textarea):focus-visible{outline:3px solid #d83b3e;outline-offset:1px}.contact-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-bottom button{background:#d83b3e;color:#fff;border:0;padding:13px 20px;font:800 19px 'Barlow Condensed',sans-serif}.contact-bottom button:disabled{opacity:.5;cursor:not-allowed}.contact-bottom button:focus-visible{outline:3px solid #181818;outline-offset:3px}.contact-bottom .form-feedback{margin:0}.trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.footer{min-height:66px}
@media(max-width:850px){.contact-panel{grid-template-columns:1fr}.contact-intro p{max-width:none}}
@media(max-width:600px){.contact-panel{padding:30px 20px}.contact-fields{grid-template-columns:1fr}.contact-bottom{display:block}.contact-bottom button{width:100%}.contact-bottom .form-feedback{margin-top:12px}}

/* YPT original adventure poster — preserve the artwork and its lettering. */
.art-panel.artwork-poster{background:#ce3038;display:flex;align-items:stretch;justify-content:center;overflow:hidden;min-height:0}
.art-panel.artwork-poster::after{display:none}
.poster-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;animation:poster-reveal .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes poster-reveal{from{opacity:.65;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media (min-width:851px){.art-panel.artwork-poster{min-height:600px}.poster-image{object-fit:cover;object-position:center center}}
@media (max-width:850px){.art-panel.artwork-poster{height:auto;min-height:0;max-height:none;aspect-ratio:1122 / 1402;margin:0 auto;width:min(100%,540px)}.poster-image{object-fit:contain}}
@media (max-width:600px){.art-panel.artwork-poster{height:auto;min-height:0;aspect-ratio:1122 / 1402;width:100%;max-width:500px}.poster-image{object-fit:contain}}
@media (prefers-reduced-motion: reduce){.poster-image{animation:none}}

/* WordPress logged-in toolbar offset; standard pages remain readable */
body.admin-bar .cursor-plane{z-index:99}
.ypt-standard-page{max-width:900px;margin:0 auto;padding:clamp(30px,6vw,80px) 24px;min-height:55vh}
.ypt-standard-page h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,80px);margin:0 0 25px}
.ypt-standard-page .entry-content{line-height:1.75}
.ypt-standard-page .entry-content a{text-decoration:underline}