/* Phone printing: a photograph's journey from a small screen to a tangible print. */
.page-phone-printing main{overflow:clip}
.page-phone-printing .phone-hero{background:#e8eddf;padding:78px 0 90px}
.phone-hero__grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:55px;align-items:center}
.page-phone-printing h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;margin:24px 0 28px}
.page-phone-printing h1 em{font-weight:400;color:#7b3934}
.page-phone-printing p{line-height:1.8}
.phone-hero__copy>p{max-width:43ch;font-size:1.07rem}
.page-phone-printing .phone-hero__copy .v2-rate{font-size:1.7rem}
.phone-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.phone-text-link{text-underline-offset:5px;font-size:.94rem}
.phone-hero__scene{position:relative;padding:0 0 80px 35px;min-width:0}
.phone-hero__print{margin:0;background:#fffdf5;padding:13px;box-shadow:0 18px 36px #2d332025;transform:rotate(2deg);animation:phone-print-arrive 1s ease-out both}
.phone-hero__print img{display:block;width:100%;height:auto}
.phone-hero__print figcaption{font-size:.75rem;line-height:1.5;padding:12px 3px 2px 25%;color:#5b6054}
.phone-hero__phone{position:absolute;bottom:0;left:0;width:26%;margin:0;transform:rotate(-8deg);animation:phone-photo-arrive .8s ease-out both}
.phone-hero__phone>div{background:#29392f;border:5px solid #29392f;border-radius:20px;box-shadow:0 12px 24px #26322644;padding:24px 3px 30px;position:relative}
.phone-hero__phone>div:before{content:"";position:absolute;top:10px;left:40%;width:20%;height:3px;background:#b8c2b1;border-radius:2px}
.phone-hero__phone img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:52% center}
.phone-hero__phone figcaption{font-size:.72rem;margin-top:10px;text-align:center;color:#43563e}
.phone-hero__handwritten{position:absolute;right:2%;bottom:17px;color:#64714e;font:italic clamp(20px,2vw,28px)/1.4 var(--display)}
.page-phone-printing h2{font-size:clamp(36px,4.1vw,58px);margin:18px 0 24px;line-height:1.08}
.phone-size-section{padding:84px 0;background:#2d4037;color:#fffdf5}
.phone-size-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}
.phone-size-section h2{color:#fffdf5}
.phone-size-section .eyebrow{color:#e2d09f}
.phone-size-section p{color:#e5e9df;max-width:48ch}
.phone-size-choices{display:flex;gap:8px;margin:26px 0}
.phone-size-choices[hidden]{display:none}
.phone-size-choice{flex:1;min-width:0;border:1px solid #9aa792;background:transparent;color:#f8f5ed;text-align:left;padding:15px 12px;cursor:pointer;border-radius:2px;transition:background .2s,color .2s}
.phone-size-choice[aria-pressed="true"]{background:#eee4c8;border-color:#eee4c8;color:#293d31}
.phone-size-choice>span{display:block;font-size:1.1rem;font-weight:600;line-height:1.4}
.phone-size-choice>span+span{font-size:.72rem;font-weight:400;margin-top:8px}
.phone-size-choice small{font-size:.65rem;font-weight:400}
.phone-size-quote>strong{font:400 2rem/1.3 var(--display);color:#ead9a5;margin-right:16px}
.phone-size-quote>span{font-size:.8rem}
.phone-size-quote p{font-size:.92rem;min-height:3.6em;margin:12px 0}
.page-phone-printing .phone-size-section .btn--primary{background:#eee4c8;border-color:#eee4c8;color:#293d31}
.phone-size-display{margin:0;min-width:0}
.phone-size-wall{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#ece4d3,#d6d2bd);border-bottom:12px solid #b7a482;padding:36px 12px 60px}
.phone-size-print{width:64.2857%;aspect-ratio:10/8;padding:10px;background:#fffdf5;box-shadow:4px 12px 20px #33372538;transition:width .55s ease,aspect-ratio .55s ease;flex:none}
.phone-size-print img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.phone-size-dimension{position:absolute;bottom:20px;color:#44503e;font-size:.85rem;letter-spacing:.08em}
.phone-size-display figcaption{font-size:.76rem;line-height:1.6;color:#d4dbc9;margin:16px 0 0;max-width:48ch}
.page-phone-printing .phone-small{font-size:.79rem;line-height:1.7;margin-top:18px}
.phone-care-section{padding:85px 0;background:#f8f5ed}
.phone-section-heading{max-width:850px;margin-bottom:40px}
.phone-care-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.phone-care-grid figure{margin:0}
.phone-care-grid figure img{display:block;width:100%;height:auto;border:12px solid #eee7d8}
.phone-care-grid figcaption{font-size:.75rem;color:#64665b;margin:12px 0}
.phone-care-notes article{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-top:1px solid #d9d0bf}
.phone-care-notes article:first-child{padding-top:0;border-top:0}
.phone-care-notes svg{flex:0 0 55px;color:#50614b}
.phone-care-notes h3{font-size:1.5rem;line-height:1.2;margin:0 0 12px}
.phone-care-notes p{font-size:.96rem;margin:0}
.phone-care-question{border-top:1px solid #d9d0bf;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;margin-top:30px}
.phone-care-question p{max-width:58ch;margin:0}
.phone-care-question .btn{flex:none}
.phone-paper-section{background:#eee8d9;padding:70px 0}
.phone-paper-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}
.phone-paper-grid>div:first-child p{max-width:46ch}
.phone-paper-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.phone-paper-pair>a{background:#fffdf7;text-decoration:none;box-shadow:0 8px 24px #302c1812;transition:transform .25s}
.phone-paper-pair>a:hover{transform:translateY(-5px)}
.phone-paper-pair>a:last-child{margin-top:50px}
.phone-paper-pair img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.phone-paper-pair span{display:block;padding:20px;font:400 1.4rem/1.2 var(--display)}
.phone-paper-pair small{display:block;font:400 .78rem/1.5 var(--body);margin-top:10px}
.phone-closing{padding:78px 0;text-align:center;background:#f8f5ed}
.phone-closing>.wrap{max-width:760px}
.phone-closing p{max-width:57ch;margin-left:auto;margin-right:auto}
.phone-closing .phone-actions{justify-content:center}
.phone-guarantee{font-size:.83rem;text-underline-offset:4px}
.page-phone-printing main :is(a,button):focus-visible{outline:3px solid #bf865e;outline-offset:5px}
@keyframes phone-print-arrive{from{opacity:.3;transform:translateY(14px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@keyframes phone-photo-arrive{from{opacity:.3;transform:translateY(18px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-8deg)}}
@media(max-width:1050px){.phone-hero__grid{gap:30px;grid-template-columns:1fr 1fr}.phone-size-grid,.phone-paper-grid{gap:35px}.phone-care-grid{gap:30px}.phone-size-wall{min-height:340px}.phone-care-question{align-items:flex-start;flex-direction:column}}
@media(max-width:750px){.page-phone-printing main .wrap{width:calc(100% - 40px)}.phone-hero__grid,.phone-size-grid,.phone-care-grid,.phone-paper-grid{grid-template-columns:1fr;gap:36px}.page-phone-printing .phone-hero{padding:42px 0 50px}.page-phone-printing h1{font-size:clamp(45px,10vw,62px)}.phone-hero__scene{max-width:620px;padding-left:24px;width:100%}.phone-hero__phone{width:25%}.phone-hero__phone>div{padding-top:19px;padding-bottom:19px;border-radius:14px}.phone-hero__handwritten{font-size:23px}.phone-size-section,.phone-care-section,.phone-paper-section,.phone-closing{padding:48px 0}.phone-size-grid{gap:30px}.phone-size-wall{min-height:320px}.phone-size-choice{padding:13px 10px}.phone-care-notes h3{font-size:1.35rem}.phone-paper-pair{gap:14px}.phone-paper-pair span{font-size:1.2rem;padding:15px}.phone-care-question .btn{white-space:normal}.phone-actions .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.page-phone-printing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}