@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500&display=swap');
:root{--ink:#201f1e;--ivory:#f6f3ee;--line:#d2cfca;--muted:#77716f;--serif:Georgia,'Times New Roman',serif;--sans:'Roboto Condensed','Arial Narrow','Helvetica Neue',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{font-synthesis:none}body{margin:0;color:var(--ink);background:white;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid #8a436d;outline-offset:4px}
/* original Los Angeles QR layout */
.qr-page{min-height:100svh;padding:24px 32px 24px;background:#fff}.portals{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.portal{width:44%;max-width:820px;display:block;position:relative;aspect-ratio:4/5;overflow:hidden;text-decoration:none;background:#ecebe7}.portal__bg{width:100%;height:100%;object-fit:cover;display:block}.portal__fg{position:absolute;z-index:1;left:50%;top:50%;width:36%;transform:translate(-50%,-50%);display:block;height:auto}.portal:nth-child(2) .portal__fg{top:52%}.portal__caption{position:absolute;z-index:2;left:26px;bottom:22px;display:inline!important;padding:0!important;margin:0!important;border:0!important;background:none!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;outline:0!important;color:#fff!important;white-space:nowrap;font-family:var(--sans)!important;font-size:18px!important;font-weight:400!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-shadow:0 2px 12px rgba(0,0,0,.34)!important;-webkit-appearance:none!important;appearance:none!important}.portal:hover .portal__caption{text-decoration:none}.qr-wordmark{display:block;max-width:max-content;margin:24px auto 0;text-align:center;text-decoration:none;font:400 9px/1.2 var(--sans);letter-spacing:.18em}
/* coming soon teaser */
.soon-page{min-height:100svh;background:#f6f3ee;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;position:relative;overflow:hidden;padding:8vh 24px}.soon-wordmark{font:300 clamp(19px,5vw,54px)/1.06 var(--sans);letter-spacing:-.025em;margin:0 0 46px}.soon-tagline{font:italic 400 clamp(20px,2.5vw,32px)/1.4 var(--serif);margin:0 0 20px}.soon-label{font:400 11px/1.4 var(--sans);letter-spacing:.22em;margin:0}.soon-film{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.56)}.soon-page:has(.soon-film.is-active){background:#101010;color:white}.soon-overlay{position:relative;z-index:1}.soon-footnote{position:absolute;bottom:26px;left:0;right:0;font:400 9px var(--sans);letter-spacing:.14em;opacity:.6}
/* archives and share form previews */
.interior{min-height:100svh;background:var(--ivory);padding:26px clamp(20px,5vw,90px) 75px}.interior-header{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 23px}.interior-wordmark{font-size:16px;letter-spacing:-.02em;text-decoration:none}.interior-back{font-size:11px;text-decoration:none;letter-spacing:.13em}.interior-main{max-width:900px;margin:80px auto 0}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.interior-title{font:400 clamp(40px,7vw,78px)/1 var(--serif);letter-spacing:-.055em;margin:20px 0 30px}.interior-intro{font:400 clamp(15px,1.9vw,21px)/1.6 var(--serif);max-width:650px}.small-notice{font-size:13px;line-height:1.6;color:#6d6260;margin-top:26px;max-width:700px}.inline-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:3px;display:inline-block;margin-top:35px}.form-panel{max-width:800px;margin-top:45px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field{display:block;margin-bottom:22px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.field :is(input,select,textarea){display:block;background:transparent;border:0;border-bottom:1px solid #aaa5a0;width:100%;padding:11px 0;border-radius:0;outline-offset:3px;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink)}.field textarea{resize:vertical;min-height:135px}.field input[type=file]{padding:15px 0;font-size:12px}.char-count{font:10px var(--sans);color:#68615f;text-align:right;margin-top:-16px;margin-bottom:20px}.consent{display:flex;align-items:flex-start;gap:10px;margin:25px 0;font:12px/1.6 var(--sans)}.consent input{margin-top:2px}.submit-button{background:#201f1e;color:white;border:1px solid #201f1e;padding:13px 24px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.form-status{min-height:2em;font:12px/1.6 var(--sans);color:#6b5555}
@media(max-width:760px){.qr-page{padding:24px 16px}.portals{flex-direction:column}.portal{width:92%;max-width:560px}.portal__caption{left:18px;bottom:18px;font-size:13px!important;letter-spacing:.12em!important}.qr-wordmark{margin-top:18px;font-size:8px}.interior-main{margin-top:50px}.form-grid{grid-template-columns:1fr;gap:0}.soon-wordmark{margin-bottom:38px}}


/* Shopify binder-derived previews — styles are scoped, QR and Coming Soon unchanged */
.binder-page{background:#fff;color:#171713}
.binder-header{height:66px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 clamp(17px,3vw,45px);border-bottom:1px solid #eceae8;font:400 10px/1.3 var(--sans);letter-spacing:.1em}
.binder-header a{text-decoration:none}.binder-back{justify-self:start}.binder-brand{justify-self:center;white-space:nowrap;letter-spacing:.15em}
.ap-archive-reader{min-height:calc(100svh - 66px);padding:36px clamp(18px,3vw,48px) 62px;overflow:hidden;background:#fff;color:#171713}
.ap-archive-reader__label{margin:0 auto 24px;text-align:center;font:400 9px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ap-archive-binder{position:relative;width:min(88vw,1320px);min-width:min(680px,calc(100vw - 36px));aspect-ratio:1557/1010;margin:auto;isolation:isolate;touch-action:pan-y pinch-zoom;outline:none}
.ap-archive-binder:focus-visible{outline:1px solid #777;outline-offset:8px}
.ap-archive-binder__stage,.ap-archive-binder__deck{position:absolute;inset:0;overflow:hidden}
.ap-archive-binder__deck{z-index:1}
.ap-archive-binder__photograph{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.ap-archive-spread{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);transition:opacity .375s ease,transform .375s ease,visibility 0s linear .375s}
.ap-archive-spread.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.ap-archive-page{position:absolute;top:6.6%;height:85.2%;min-width:0;overflow:hidden;padding:28px;background:transparent;color:#2d2c2c}
.ap-archive-page--left{left:11.2%;width:38.3%}.ap-archive-page--right{left:52.8%;width:38.1%}
.ap-archive-photograph{position:absolute;z-index:2;top:46%;left:49%;width:min(56.4%,73%,calc(100% - 56px));max-height:calc(100% - 84px);aspect-ratio:4/5;margin:0;overflow:hidden;background:transparent;box-shadow:0 .5px 1px #0003,0 1.5px 3px #0002}
.ap-archive-photograph img{width:100%;height:100%;object-fit:cover;display:block}
.ap-archive-metadata{position:absolute;z-index:3;right:28px;bottom:16px;left:28px;display:flex;gap:16px;justify-content:space-between;font:400 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.68}
.ap-archive-metadata--story{opacity:.42}
.ap-archive-story{position:absolute;inset:28px max(28px,10%) 54px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:0 2%;font-size:clamp(12px,1.45vw,20px)}
.ap-archive-story__content{margin-block:auto;width:100%;overflow-wrap:anywhere}
.ap-archive-story__copy{font:400 1em/1.65 'Belmonte Ballpoint Cursive',cursive;letter-spacing:.005em}
.ap-archive-story__credit{font:400 .9em/1.35 var(--sans);margin:.9em 0 0}
.ap-archive-navigation{display:grid;width:min(88vw,1320px);grid-template-columns:1fr auto 1fr;align-items:center;margin:clamp(20px,2.5vw,35px) auto 0;color:#171713;font:400 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.ap-archive-navigation button{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:7px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.ap-archive-navigation button:last-child{justify-self:end}.ap-archive-navigation button:disabled{opacity:.25;cursor:default}
.ap-archive-navigation__position{font-size:9px;letter-spacing:.16em;opacity:.55}
.archive-preview-legal{max-width:680px;margin:30px auto 0;text-align:center;font:400 11px/1.5 var(--sans);color:#7a7774;letter-spacing:.02em}
.ap-archive-footer{text-align:center;margin:22px 0 0}.ap-archive-footer a{font:400 11px/1.4 var(--sans);letter-spacing:.12em;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
/* The Share Yours spread is positioned over the exact photo file selected in Shopify's published template. */
.ap-share-story-page{padding:70px 0 76px;background:#fff;color:#171713;min-height:80vh}
.ap-share-story-page .ap-dedicated-story-form{width:min(94vw,1180px);margin:0 auto;font-family:var(--sans);font-weight:400}
.ap-share-story-page .ap-share-form-message{margin:0 auto 22px;max-width:760px;text-align:center;font:400 11px/1.5 var(--sans);letter-spacing:.02em;color:#706e6a}
.ap-share-story-page .ap-share-binder-viewport{position:relative;width:100%;aspect-ratio:1557/1010;overflow:hidden}
.ap-share-story-page .ap-share-binder-stage{position:relative;width:100%;height:100%}
.ap-share-story-page .ap-share-binder-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ap-share-form-overlay{position:absolute;inset:0;margin:0}
.ap-share-story-page .ap-share-paper{position:absolute;top:17%;bottom:8%;width:36%;box-sizing:border-box;padding:0 5% 3%;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.ap-share-story-page .ap-share-paper-left{left:7%}.ap-share-story-page .ap-share-paper-right{left:57%;gap:clamp(9px,1.1vw,16px)}
.ap-share-story-page .ap-share-story-head{margin:0 0 clamp(24px,3vw,38px);width:100%;min-width:0;overflow:hidden}
.ap-share-story-page .ap-share-story-head>p{margin:0 0 9px;font:400 clamp(7px,.7vw,9px)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ap-share-story-page .ap-share-story-head h1{margin:0 0 20px;font:400 clamp(28px,3.1vw,39px)/1.02 var(--serif)}
.ap-share-story-page .ap-share-story-head>div{max-width:100%;font:400 clamp(11px,1.05vw,14px)/1.55 var(--sans);overflow-wrap:anywhere}
.ap-share-story-page .ap-share-credit>label,.ap-share-story-page .ap-share-credit-extra>label,.ap-share-story-page .ap-share-upload>label,.ap-share-story-page .ap-share-writing>label,.ap-share-story-page .ap-share-email>label{display:block;margin:0 0 8px;font:400 clamp(7px,.72vw,9px)/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ap-share-story-page input:not([type=file],[type=checkbox],[type=hidden]),.ap-share-story-page select{width:100%;height:34px;border:0;border-bottom:1px solid #777773;border-radius:0;background:transparent;color:inherit;padding:5px 0 8px;outline-offset:3px;font:400 14px/1.35 var(--sans)}
.ap-share-story-page select{appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 8px) 14px,calc(100% - 4px) 14px;background-size:4px 4px;background-repeat:no-repeat}
.ap-share-story-page .ap-share-credit-extra{margin-top:17px}.ap-share-story-page [hidden]{display:none!important}
.ap-share-story-page .ap-share-upload{margin-top:clamp(28px,3vw,44px)}
.ap-share-story-page .ap-upload-control{min-height:38px;border-bottom:1px solid #777773;display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;padding:2px 0 9px}
.ap-share-story-page .ap-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ap-share-story-page .ap-upload-trigger{cursor:pointer;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase}
.ap-share-story-page .ap-upload-filename{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;opacity:.58}
.ap-share-story-page .ap-share-writing{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.ap-share-story-page .ap-share-writing textarea{display:block;flex:1 1 auto;min-height:0;width:100%;margin:0;padding:10px 0 5px;border:0;border-radius:0;background:transparent;color:inherit;resize:none;overflow:hidden;scrollbar-width:none;outline-offset:4px;font:400 clamp(14px,1.2vw,18px)/1.45 'Belmonte Ballpoint Cursive',cursive;white-space:pre-wrap;overflow-wrap:anywhere}
.ap-share-story-page .ap-share-writing textarea::placeholder{font:400 11px/1.55 var(--sans);color:#777773}
.ap-share-story-page .ap-share-count{display:block;flex:0 0 auto;text-align:right;margin-top:6px;font:400 8px/1.3 var(--sans);letter-spacing:.05em;opacity:.55}
.ap-share-story-page .ap-share-email{flex:0 0 auto;min-width:0}
.ap-share-story-page .ap-check{display:flex;flex:0 0 auto;gap:8px;align-items:flex-start;margin:0;min-width:0;font:400 8.5px/1.45 var(--sans)}
.ap-share-story-page .ap-check span{min-width:0;overflow-wrap:anywhere;opacity:.74}
.ap-share-story-page .ap-check input{appearance:none;width:12px;height:12px;flex:0 0 12px;margin:1px 0 0;border:1px solid #777773;background:transparent}
.ap-share-story-page .ap-check input:checked{background:#171713;box-shadow:inset 0 0 0 3px white}
.ap-share-story-page .ap-share-submit{align-self:flex-start;flex:0 0 auto;margin:0 0 5px;padding:6px 0;border:0;border-radius:0;background:transparent;color:inherit;font:400 10px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.ap-share-story-page .ap-share-submit:disabled{opacity:.32;cursor:not-allowed}
.ap-share-story-page .form-status{margin:0;min-height:1em;line-height:1.2;font-size:10px}
.ap-share-story-page .ap-share-mobile-navigation{display:none}
@media(max-width:760px){
 .binder-header{height:54px;padding:0 12px;font-size:9px}
 .binder-brand{font-size:8.5px}
 .ap-archive-reader{padding:28px 14px 52px}
 .ap-archive-reader__label{margin-bottom:20px;font-size:9px}
 .ap-archive-binder{width:min(calc(100vw - 34px),520px);min-width:0;aspect-ratio:calc((1557 / 1010) / 1.909);overflow:hidden}
 .ap-archive-binder__stage{width:190.9%;height:100%;transition:transform .375s ease}
 .ap-archive-reader[data-mobile-page="story"] .ap-archive-binder__stage{transform:translateX(-47.62%)}
 .ap-archive-reader[data-mobile-page="photograph"] .ap-archive-spread.is-active .ap-archive-page--right,.ap-archive-reader[data-mobile-page="story"] .ap-archive-spread.is-active .ap-archive-page--left{opacity:0;visibility:hidden;pointer-events:none}
 .ap-archive-page{padding:22px}
 .ap-archive-photograph{width:min(56.4%,73%,calc(100% - 44px));max-height:calc(100% - 72px)}
 .ap-archive-metadata{right:20px;bottom:26px;left:20px}
 .ap-archive-story{inset:22px max(10%,22px) 54px;padding:0 2%;font-size:clamp(13px,3vw,17px)}
 .ap-archive-navigation{width:min(calc(100vw - 36px),520px);margin-top:24px}
 .ap-share-story-page{padding:32px 16px 64px;min-height:0}
 .ap-share-story-page .ap-dedicated-story-form{width:100%;max-width:480px;min-width:0}
 .ap-share-story-page .ap-share-form-message{width:100%;font-size:10px}
 .ap-share-story-page .ap-share-binder-viewport{aspect-ratio:auto;min-height:0;overflow:hidden}
 .ap-share-story-page .ap-share-binder-stage{width:100%;height:auto;min-height:0;aspect-ratio:calc((1557 / 1010) / 2);transform:none}
 .ap-share-story-page .ap-share-binder-image{width:100%;height:100%;max-width:none;object-fit:cover;object-position:10% center}
 .ap-share-story-page .ap-share-binder-stage[data-page="2"] .ap-share-binder-image{object-position:90% center}
 .ap-share-story-page .ap-share-paper{position:relative;inset:auto;width:calc(100% - 32px);max-width:none;min-width:0;min-height:0;margin:0 16px;overflow:visible}
 .ap-share-story-page .ap-share-paper-left{padding:52px clamp(28px,10vw,52px) 36px 20px}
 .ap-share-story-page .ap-share-paper-right{padding:52px 20px 36px clamp(28px,10vw,52px)}
 .ap-share-story-page .ap-share-binder-stage[data-page="1"] .ap-share-paper-right,.ap-share-story-page .ap-share-binder-stage[data-page="2"] .ap-share-paper-left{display:none}
 .ap-share-story-page .ap-share-story-head{margin-bottom:24px}
 .ap-share-story-page .ap-share-story-head h1{font-size:clamp(28px,8vw,39px);margin-bottom:16px}
 .ap-share-story-page .ap-share-story-head>div{max-width:100%;font-size:clamp(11px,3vw,14px);line-height:1.5}
 .ap-share-story-page .ap-share-story-head>p{font-size:7px;margin-bottom:8px}
 .ap-share-story-page .ap-share-paper-right{gap:10px}
 .ap-share-story-page .ap-share-writing{flex:0 0 auto;min-height:0}
 .ap-share-story-page .ap-share-writing textarea{flex:0 0 auto;width:100%;min-height:190px;height:auto;max-height:none}
 .ap-share-story-page .ap-share-credit-extra{margin-top:13px}
 .ap-share-story-page .ap-share-upload{margin-top:20px}
 .ap-share-story-page input:not([type=file],[type=checkbox],[type=hidden]),.ap-share-story-page select{font-size:14px}
 .ap-share-story-page .ap-share-mobile-navigation{display:flex;width:100%;max-width:480px;justify-content:space-between;align-items:center;gap:16px;margin:18px auto 0}
 .ap-share-story-page .ap-share-mobile-navigation button{padding:8px 0;border:0;background:transparent;color:inherit;font:400 10px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
 .ap-share-story-page .ap-share-mobile-count{font:400 9px/1.3 var(--sans);letter-spacing:.08em;opacity:.65;margin:auto}
}
@media(prefers-reduced-motion:reduce){.ap-archive-spread,.ap-archive-binder__stage{transition:none!important}}

@font-face{font-family:'Belmonte Ballpoint Cursive';src:url('https://cdn.shopify.com/s/files/1/0993/4998/7617/t/7/assets/BelmonteBallpoint-Cursive.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}

/* Allow long stories to remain fully readable on a single mobile binder page. */
@media(max-width:760px){.ap-archive-reader[data-mobile-page="story"] .ap-archive-story{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}

/* Handwriting ONLY for submitted and displayed stories, on desktop and mobile. */
.ap-share-story-page #story, .ap-archive-reader .ap-archive-story__copy {font-family:'Belmonte Ballpoint Cursive',cursive;}

/* V7 binder text containment: never clip contributor words silently. */
.ap-archive-reader .ap-archive-story{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#c8c0b7 transparent;
}
.ap-archive-reader .ap-archive-story__content{max-width:100%;}
.ap-share-story-page .ap-share-writing textarea{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#c8c0b7 transparent;
  -webkit-overflow-scrolling:touch;
}
.ap-share-story-page .ap-share-paper{overscroll-behavior:contain;}
.ap-share-story-page .ap-check span,.ap-share-story-page .ap-upload-filename{overflow-wrap:anywhere;}

/* At tablet sizes give copy room to breathe without lifting it off the binder. */
@media (min-width:761px) and (max-width:1050px){
 .ap-archive-page{padding:clamp(12px,2vw,28px)}
 .ap-archive-story{inset:clamp(14px,2.5vw,28px) 8% 44px;font-size:clamp(12px,1.35vw,17px)}
 .ap-share-story-page .ap-share-paper{padding-left:4%;padding-right:4%}
 .ap-share-story-page .ap-share-story-head{margin-bottom:clamp(12px,2vw,24px)}
 .ap-share-story-page .ap-share-story-head h1{font-size:clamp(25px,3vw,35px);margin-bottom:12px}
 .ap-share-story-page .ap-share-upload{margin-top:clamp(12px,2vw,20px)}
 .ap-share-story-page .ap-share-paper-right{gap:7px}
}
/* Mobile is the LEFT or RIGHT half of the same genuine Shopify binder image.
   Crop the complete book at the center, instead of scaling text separately
   from the paper. This keeps every label and field inside the open page. */
@media (max-width:760px){
 .ap-share-story-page .ap-share-binder-viewport{
   width:100%;aspect-ratio:calc((1557 / 1010) / 2);height:auto;overflow:hidden;
 }
 .ap-share-story-page .ap-share-binder-stage{
   position:absolute;top:0;left:0;width:200%;height:100%;min-height:0;
   aspect-ratio:auto;transition:transform .3s ease;transform:translateX(0);
 }
 .ap-share-story-page .ap-share-binder-stage[data-page="2"]{transform:translateX(-50%)}
 .ap-share-story-page .ap-share-binder-image{
   position:absolute;inset:0;width:100%;height:100%;max-width:none;
   object-fit:fill;object-position:center;
 }
 .ap-share-story-page .ap-share-form-overlay{position:absolute;inset:0}
 .ap-share-story-page .ap-share-paper{
   position:absolute;top:16%;bottom:8%;width:36%;height:auto;
   min-height:0;max-width:none;margin:0;padding:0 4.7% 1.5%;
   overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;
   scrollbar-color:#d2ccc4 transparent;
 }
 .ap-share-story-page .ap-share-paper-left{left:7%}
 .ap-share-story-page .ap-share-paper-right{left:57%;gap:7px}
 .ap-share-story-page .ap-share-story-head{margin-bottom:clamp(12px,4vw,20px)}
 .ap-share-story-page .ap-share-story-head h1{
   margin-bottom:clamp(9px,3vw,14px);font-size:clamp(23px,7vw,36px);
 }
 .ap-share-story-page .ap-share-story-head>div{font-size:clamp(10px,2.7vw,13px);line-height:1.4}
 .ap-share-story-page .ap-share-credit-extra{margin-top:10px}
 .ap-share-story-page .ap-share-upload{margin-top:clamp(10px,3.5vw,16px)}
 .ap-share-story-page .ap-share-writing{flex:0 0 auto;min-height:0}
 .ap-share-story-page .ap-share-writing textarea{
   display:block;min-height:0;height:clamp(112px,36vw,178px);
   max-height:none;flex:0 0 auto;padding-top:5px;
   font-size:clamp(12px,3vw,16px);line-height:1.4;
 }
 .ap-share-story-page .ap-share-email input{font-size:12px!important}
 .ap-share-story-page .ap-check{font-size:9px;line-height:1.35}
 .ap-share-story-page .ap-share-submit{font-size:9px}
 .ap-archive-reader .ap-archive-story{
   font-size:clamp(12px,3.1vw,16px);
   overflow-y:auto;
 }
}
@media (max-width:360px){
 .ap-share-story-page .ap-share-paper{padding-left:4.4%;padding-right:4.4%}
 .ap-share-story-page .ap-share-story-head h1{font-size:clamp(22px,6vw,26px)}
 .ap-share-story-page .ap-share-story-head>div{font-size:10px}
 .ap-share-story-page .ap-share-writing textarea{height:105px;font-size:12px}
 .ap-share-story-page .ap-share-credit>label,.ap-share-story-page .ap-share-credit-extra>label,.ap-share-story-page .ap-share-upload>label,.ap-share-story-page .ap-share-writing>label,.ap-share-story-page .ap-share-email>label{font-size:8px}
}

/* Text-heavy consent and optional identity fields also remain accessible
   on narrow tablet screens; the paper itself is the scroll container. */
.ap-share-story-page .ap-share-paper{
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#d2ccc4 transparent;
}
@media(max-width:360px){
 .ap-share-story-page .ap-share-paper-right{top:15%;bottom:6%;gap:5px}
 .ap-share-story-page .ap-share-writing textarea{height:96px}
 .ap-share-story-page .ap-share-email input{height:29px!important}
 .ap-share-story-page .ap-share-submit{padding:3px 0}
}
/* Keep the complete intro visible; flex sizing must never crop the prompt. */
.ap-share-story-page .ap-share-story-head{
  flex:0 0 auto;
  min-height:max-content;
  overflow:visible;
}
.ap-share-story-page .ap-share-credit,
.ap-share-story-page .ap-share-upload,
.ap-share-story-page .ap-share-email,
.ap-share-story-page .ap-check,
.ap-share-story-page .ap-share-submit,
.ap-share-story-page .form-status{
  flex-shrink:0;
}
/* Extra-small phones: retain the entire optional photo control on page one. */
@media(max-width:360px){
 .ap-share-story-page .ap-share-story-head{margin-bottom:6px}
 .ap-share-story-page .ap-share-story-head h1{margin-bottom:6px}
 .ap-share-story-page .ap-share-story-head>div{line-height:1.3}
 .ap-share-story-page .ap-share-credit-extra{margin-top:6px}
 .ap-share-story-page .ap-share-upload{margin-top:5px}
 .ap-share-story-page .ap-upload-control{min-height:30px;padding-bottom:3px}
}


/* V8: Smaller optional email typography within binder — story handwriting untouched.
   Use one restrained sans-serif size for both the placeholder and actual input. */
.ap-share-story-page .ap-share-email input,
.ap-share-story-page .ap-share-email input::placeholder {
  font-family:var(--sans)!important;
  font-size:11px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.3!important;
}
.ap-share-story-page .ap-share-email input {
  height:29px!important;
  padding:3px 0 5px!important;
}
.ap-share-story-page .ap-share-email input::placeholder {
  color:#88847f;
  opacity:.75;
}
@media(max-width:760px){
  .ap-share-story-page .ap-share-email input,
  .ap-share-story-page .ap-share-email input::placeholder {
    font-size:10px!important;
  }
  .ap-share-story-page .ap-share-email input {
    height:27px!important;
    padding:3px 0 4px!important;
  }
  .ap-share-story-page .ap-share-email>label {
    font-size:8px!important;
    margin-bottom:4px;
  }
}

@media(max-width:340px){
  /* Protect the last word of the optional-email placeholder on 320px phones. */
  .ap-share-story-page .ap-share-email input,
  .ap-share-story-page .ap-share-email input::placeholder {font-size:9.7px!important;}
}