:root{--paper:#f7f5ef;--ink:#292d27;--muted:#6b7067;--green:#354535;--line:#dedfd5;--cream:#eae7dc;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #687b56;outline-offset:5px}
button{border:0}
img{display:block;max-width:100%;object-fit:cover}
svg{flex-shrink:0;vertical-align:middle}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.05}
h1 em,h2 em{font-weight:400;color:#55634d}
h1{font-size:clamp(48px,5.6vw,82px)}
h2{font-size:clamp(36px,4vw,56px)}
h3{font-weight:500;line-height:1.3}
p{margin-bottom:1em}
p:last-child{margin-bottom:0}
button svg{pointer-events:none}
[hidden]{display:none!important}
.wrap{max-width:1360px;margin-inline:auto;padding-inline:52px}
.section{padding-top:100px;padding-bottom:20px}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;line-height:1.5;margin-bottom:20px}
.muted{color:var(--muted)}
.fineprint{color:var(--muted);font-size:14px;line-height:1.65}
.pill{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:7px 16px;font-size:18px;color:var(--muted);margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:14px 23px;border:1px solid transparent;font-size:16px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--green);color:#fff}
.btn.primary:hover{background:#263927}
.btn.outline{background:transparent;border-color:#b9bfb2}
.btn svg{width:17px}
.text-link{display:inline-flex;align-items:center;gap:16px;background:transparent;padding:8px 0;font-size:16px;font-weight:500;line-height:1.5;border-bottom:1px solid transparent}
.text-link:hover{border-bottom-color:var(--ink)}
.text-link svg{width:17px}
.skip{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--ink);color:#fff;padding:12px}
.skip:focus{top:16px}
.preview-bar{min-height:32px;padding:7px 20px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e9ecdf;color:#48523d;font-size:14px;letter-spacing:.025em}
.status-dot{display:inline-block;flex:0 0 auto;width:5px;height:5px;background:#657747;border-radius:50%}
.bar-separator{color:#a4af99;padding:0 6px}
.site-header{height:94px;max-width:1480px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.05em;white-space:nowrap}
.brand-mark{border:1px solid #68725d;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}
.brand-mark svg{width:19px;height:19px}
.brand-now{font-weight:400;margin-left:3px;color:#6f7866}
.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:50px}
.site-header nav a{font-size:16px;color:#61675b;position:relative}
.site-header nav a:hover,.site-header nav a[aria-current]{color:#263d25}
.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:#687b56}
.my-photos{font-size:16px;display:flex;align-items:center;gap:8px}
.my-photos svg{width:15px}
.menu-toggle{display:none;background:transparent}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:665px;gap:35px;align-items:center;padding-top:35px;padding-bottom:50px}
.hero-copy{padding-bottom:20px}
.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.mini-line{width:23px;height:1px;background:#7e8a71}
.hero h1{font-size:clamp(70px,7.6vw,110px);line-height:.95;letter-spacing:-.06em;margin-bottom:28px}
.hero h1 em{color:#57644d}
.hero-desc{max-width:330px;font-size:18px;line-height:1.8;margin-bottom:13px}
.hero-sub{font-size:18px;line-height:1.85;color:var(--muted);margin-bottom:27px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.hero-note{margin-top:18px;max-width:350px;font-size:18px}
.hero-art{height:578px;position:relative}
.hero-orbit{position:absolute;width:90%;height:90%;left:0;top:10px;border:1px solid #e0e1d5;border-radius:50%;transform:rotate(-15deg)}
.hero-photo{position:absolute;background:#fff;padding:9px 9px 0;box-shadow:0 12px 35px #26301b0c;z-index:2}
.hero-photo-main{width:59%;top:15px;left:5%;transform:rotate(-5deg)}
.hero-photo-main img{aspect-ratio:4/5;width:100%;height:auto}
.hero-photo-side{width:44%;right:0;top:178px;transform:rotate(7deg);z-index:3}
.hero-photo-side img{aspect-ratio:4/5;width:100%;height:auto}
.hero-photo figcaption{height:41px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:18px;letter-spacing:.06em}
.hero-photo figcaption span:last-child{font-family:var(--serif);font-style:italic;font-size:18px;letter-spacing:0}
.art-stamp{position:absolute;right:0;top:55px;display:flex;gap:10px;align-items:center;transform:rotate(8deg);font:italic 15px/1.3 var(--serif);color:#667557}
.art-stamp svg{width:30px;height:30px}
.art-label{position:absolute;left:20px;bottom:18px;font-size:14px;letter-spacing:.16em;color:#7d8475}
.promise-strip{padding:20px 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:100px;font-size:18px;letter-spacing:.03em}
.promise-strip span{display:flex;align-items:center;gap:12px}
.promise-strip span:before{content:'✧';font-size:18px;color:#788367}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}
.section-heading .text-link{margin-bottom:3px}
.section-heading .eyebrow{margin-bottom:14px}
.heading-note{font-size:18px;line-height:1.8}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.card-image{display:block;position:relative;overflow:hidden;background:#e7e4da}
.card-image img{width:100%;height:440px;object-position:50% 35%;transition:transform .6s}
.pack-card.large .card-image img{height:480px;object-position:50% 30%}
.card-image:hover img,.destination:hover img{transform:scale(1.025)}
.image-badge{position:absolute;left:16px;top:16px;background:#faf8f0e8;padding:6px 11px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.pack-metrics{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#faf8f0ed;color:#2b3027;font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;z-index:1}
.pack-metrics .metrics-separator{opacity:.45}
.card-open{width:35px;height:35px;border-radius:50%;background:#fff9;display:grid;place-items:center;position:absolute;bottom:15px;right:15px}
.card-open svg{width:18px}
.card-info{padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.card-info .eyebrow{font-size:14px;margin-bottom:7px;color:#7a806f}
.card-info h3{font-family:var(--serif);font-size:31px;letter-spacing:-.04em;margin-bottom:7px}
.card-info p:last-child{font-size:18px;color:var(--muted)}
.card-link{border:1px solid #cbd0c1;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.card-link:hover{background:#e8ecdf}
.how-section{margin-top:75px;padding:75px 0;background:#eceee5}
.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.how-layout h2{margin-bottom:22px}
.how-layout>div>p.muted{font-size:18px;max-width:330px;margin-bottom:24px}
.steps{list-style:none;padding:0;margin:0}
.steps li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #d2d8c9}
.steps li:first-child{padding-top:5px}
.steps li:last-child{border:0;padding-bottom:0}
.steps li>span{font-family:var(--serif);color:#7a886c;font-style:italic;font-size:23px;line-height:1.2}
.steps h3{font-size:18px;font-weight:500;margin-bottom:9px}
.steps p{font-size:18px;line-height:1.9;color:#737b69;max-width:330px}
.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.destination{position:relative;overflow:hidden;background:#6b7463;isolation:isolate}
.destination img{height:450px;width:100%;transition:transform .6s}
.destination:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#142314bd);z-index:0}
.destination>div{position:absolute;left:25px;bottom:25px;color:#fff;z-index:1}
.destination>div>span{font-size:18px;letter-spacing:.15em;color:#e5e6da}
.destination h3{font-family:var(--serif);font-size:43px;letter-spacing:-.04em;margin:8px 0 5px}
.destination p{font-size:18px;color:#eeeee5}
.destination-arrow{position:absolute;right:22px;bottom:35px;color:#fff;z-index:1}
.travel-grid+.fineprint{margin-top:16px;font-size:14px}
.image-note{display:flex;align-items:center;gap:25px;padding-top:48px;padding-bottom:48px;margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.note-mark{width:50px;height:50px;display:grid;place-items:center;flex-shrink:0;color:#6d7d5b}
.note-mark svg{width:36px;height:36px}
.image-note h3{font-family:var(--serif);font-size:25px;letter-spacing:-.025em;margin-bottom:8px}
.image-note p{font-size:18px;line-height:1.9;max-width:650px;color:var(--muted)}
.image-note .text-link{margin-left:auto;white-space:nowrap}
.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-bottom:100px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;list-style:none;justify-content:space-between;gap:15px;padding:21px 0;font-size:18px;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:15px;height:15px;transition:transform .2s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{font-size:18px;color:var(--muted);line-height:1.9;padding-bottom:21px;max-width:570px}
.site-footer{background:#e9ecdf;padding:48px 52px 25px}
.footer-top,.footer-bottom{max-width:1256px;margin:auto;display:flex;align-items:center;gap:30px}
.footer-top{padding-bottom:40px;border-bottom:1px solid #cfd5c5}
.footer-top p{margin:0;font:italic 21px var(--serif);color:#67745b}
.footer-top>.text-link{margin-left:auto}
.footer-bottom{padding-top:22px;font-size:14px;color:#717b65;justify-content:space-between;flex-wrap:wrap}
.footer-bottom>div{display:flex;gap:18px}
.footer-bottom a:hover{text-decoration:underline}
.page-intro{padding-top:60px;padding-bottom:60px;text-align:center}
.page-intro h1{margin-bottom:22px}
.page-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}
.page-intro .eyebrow{margin-bottom:20px}
.catalog-section{padding-bottom:80px}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.filter{padding:8px 18px;border:1px solid transparent;border-radius:20px;background:transparent;color:#777e6c;font-size:16px}
.filter.active{background:var(--green);color:#fff}
.filter:not(.active):hover{border-color:#c7cdbb}
.catalog-section>.fineprint{margin-bottom:30px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.catalog-grid .card-image img{height:380px}
.catalog-grid .card-info h3{font-size:28px}
.planned-art{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:radial-gradient(ellipse at 30% 20%,#e5e7dc,#d3d8c9);color:#69765c}
.planned-art>span{font:italic 45px var(--serif);letter-spacing:-.04em}
.planned-art>small{font-size:18px;letter-spacing:.08em}
.pack-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:42px;align-items:center;padding-bottom:20px}
.pack-hero-photo{position:relative}
.pack-hero-photo>img{width:100%;height:620px;object-position:50% 35%}
.breadcrumb{font-size:18px;color:#7d8372;display:block;margin-bottom:38px}
.pack-hero-copy>.eyebrow{font-size:14px;margin-bottom:14px}
.pack-hero-copy h1{font-size:clamp(40px,4.4vw,64px);margin-bottom:25px}
.lead{font-size:18px;color:#6b7263;line-height:1.9;max-width:410px}
.pack-specs{display:flex;justify-content:space-between;gap:15px;padding:24px 0;border-block:1px solid var(--line);margin:30px 0 25px}
.pack-specs div{display:flex;flex-direction:column;gap:5px}
.pack-specs span{font-size:14px;letter-spacing:.1em;color:#7b8370}
.pack-specs strong{font-size:18px;font-weight:500}
.launch-note{display:flex;align-items:flex-start;gap:10px;background:#ebeee3;padding:17px 19px;margin-bottom:25px}
.launch-note>.status-dot{margin-top:7px}
.launch-note strong{font-size:18px;font-weight:500}
.launch-note p{font-size:18px;color:#727b65;line-height:1.7;margin-top:4px}
.pack-hero-copy>.fineprint{margin-top:13px;font-size:14px}
.lookbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}
.look-image{display:block;padding:0;position:relative;width:100%;overflow:hidden;background:#e7e4dc;text-align:left}
.look-image img{width:100%;height:auto;aspect-ratio:4/5;transition:transform .5s}
.look-image:hover img{transform:scale(1.02)}
.look-number{position:absolute;top:13px;left:14px;color:#fff;font:italic 25px var(--serif);text-shadow:0 1px 4px #0005}
.look h3{font-family:var(--serif);font-size:24px;letter-spacing:-.025em;margin:17px 0 6px}
.look>p{font-size:14px;color:var(--muted)}
.lookbook-grid+.fineprint{margin-top:25px}
.pack-story{margin-top:70px;padding-top:55px;padding-bottom:55px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}
.pack-story>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}
.pack-story .btn{margin-top:12px}
.upcoming-layout{padding-top:70px;padding-bottom:100px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.upcoming-layout h1{font-size:clamp(40px,4.6vw,68px);margin-bottom:25px}
.upcoming-layout>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;max-width:440px}
.upcoming-layout .btn{margin-top:20px}
.upcoming-layout figure>img{height:580px;width:100%}
.upcoming-layout figcaption{font-size:18px;color:var(--muted);margin-top:10px}
.upcoming-art{height:500px;background:#e2e6d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#6c7b5e}
.upcoming-art svg{width:40px;height:40px}
.upcoming-art>span{font:italic 54px var(--serif)}
.upcoming-art small{font-size:18px}
.travel-footnote{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:65px;padding-bottom:90px}
.travel-footnote p{font-size:18px;color:var(--muted);line-height:2}
.examples-section{padding-bottom:90px}
.examples-grid{columns:3;column-gap:24px}
.example{break-inside:avoid;margin-bottom:28px}
.example:nth-child(4n+2) img{aspect-ratio:4/5.7}
.example-caption{position:absolute;bottom:0;left:0;width:100%;padding:35px 18px 17px;background:linear-gradient(transparent,#182513a6);color:#fff;font-size:18px;display:flex;justify-content:space-between;align-items:center}
.example-caption svg{width:15px}
.example>a{font-size:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);padding-top:10px}
.example>a svg{width:15px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1100px;padding-bottom:60px}
.price-card{border:1px solid #d3d9ca;padding:38px;background:#eeefe7}
.price-card .eyebrow{font-size:14px;margin-bottom:10px}
.price-card h2{font-size:42px;margin-bottom:15px}
.price-card>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.price-pending{font:italic 26px var(--serif);color:#6f7b61;padding:25px 0 20px;border-bottom:1px solid #d4dacc}
.price-card ul{list-style:none;padding:20px 0 10px;margin:0}
.price-card li{font-size:18px;display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#717967}
.price-card li svg{width:15px}
.price-card .btn{width:100%;margin-top:12px}
.pricing-explainer{max-width:900px;text-align:center}
.pricing-explainer h2{font-size:38px;margin-bottom:20px}
.pricing-explainer p{font-size:18px;color:var(--muted);line-height:1.9}
.create-intro{padding-top:50px;padding-bottom:45px}
.create-intro h1{font-size:62px;margin-bottom:16px}
.create-intro>p:last-child{font-size:18px;color:var(--muted)}
.builder{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;padding-bottom:90px}
.builder-main{min-width:0}
.builder-steps{list-style:none;margin:0 0 40px;padding:0 0 25px;display:flex;gap:25px;border-bottom:1px solid var(--line)}
.builder-steps li{font-size:16px;color:#959b8c;display:flex;gap:8px;align-items:center;white-space:nowrap}
.builder-steps li>span{border:1px solid #cdd3c3;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}
.builder-steps li.active{color:#354535}
.builder-steps li.active>span{background:var(--green);color:#fff;border-color:var(--green)}
.builder-panel h2{font-size:38px;margin-bottom:25px}
.builder-panel>.eyebrow{font-size:14px;margin-bottom:12px}
.builder-panel>.muted{font-size:18px}
.pack-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 30px}
.pack-option{padding:0 0 18px;border:1px solid var(--line);background:transparent;text-align:left;position:relative}
.pack-option>img{width:100%;height:240px;object-position:50% 30%}
.pack-option>span:not(.selection-circle){display:flex;flex-direction:column;gap:3px;padding:15px 17px 0}
.pack-option strong{font:25px var(--serif)}
.pack-option small{font-size:14px;color:var(--muted)}
.pack-option[aria-pressed=true]{border:2px solid #53694b}
.selection-circle{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #c4ccba}
.selection-circle svg{width:13px;opacity:0}
.pack-option[aria-pressed=true] .selection-circle,.scene-option[aria-pressed=true] .selection-circle{background:var(--green);color:#fff;border-color:var(--green)}
.pack-option[aria-pressed=true] .selection-circle svg,.scene-option[aria-pressed=true] .selection-circle svg{opacity:1}
.builder-summary{border:1px solid var(--line);padding:21px;align-self:start;position:sticky;top:25px;background:#eeefe7}
.builder-summary>.eyebrow{font-size:14px;margin-bottom:17px}
.builder-summary>img{width:100%;height:235px;object-position:50% 25%;margin-bottom:18px}
.builder-summary h3{font:30px var(--serif);margin-bottom:8px}
.builder-summary>p:not(.eyebrow):not(.fineprint){font-size:14px;color:var(--muted);margin-bottom:20px}
.summary-line{border-top:1px solid #d8ddcf;padding:11px 0;display:flex;justify-content:space-between;gap:10px;font-size:14px}
.summary-line>span{color:var(--muted)}
.summary-line strong{font-weight:500}
.builder-summary>.fineprint{border-top:1px solid #d8ddcf;padding-top:15px;font-size:14px}
.builder-summary>.fineprint svg{width:12px;height:12px;margin-right:3px}
.scene-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}
.scene-option{padding:0;background:transparent;text-align:left;border:1px solid transparent;position:relative}
.scene-option[aria-pressed=true]{border-color:#526848}
.scene-option img{aspect-ratio:4/5;width:100%;height:auto}
.scene-option>strong{display:block;font-size:14px;font-weight:400;padding:8px 6px}
.builder-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}
.upload-preview{text-align:center;padding:35px 24px;border:1px dashed #bdc6b0;background:#eeefe6}
.upload-preview>span{color:#758466;display:block;margin-bottom:13px}
.upload-preview h3{font-size:18px;margin-bottom:12px}
.upload-preview p{font-size:18px;color:var(--muted);max-width:420px;margin:auto;line-height:1.8}
.upload-guidance{padding-top:25px}
.upload-guidance h3{font-size:18px;margin-bottom:12px}
.upload-guidance ul{padding-left:18px;font-size:18px;color:var(--muted);line-height:2}
.upload-guidance .fineprint{font-size:14px}
.sandbox-upload{border:1px solid var(--line);padding:20px;margin-top:25px}
.sandbox-upload h3{font-size:18px;margin-bottom:8px}
.sandbox-upload p{font-size:18px;color:var(--muted)}
.upload-input{display:flex;flex-direction:column;gap:10px;font-size:18px}
.review-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}
.review-thumbs img{width:100%;height:auto;aspect-ratio:4/5}
.review-thumbs span{display:block;font-size:18px;padding-top:7px}
.review-title{font:28px var(--serif);margin-bottom:18px}
.feedback{font-size:18px;color:var(--green);margin-top:18px}
.myphotos-section{padding-bottom:85px}
.empty-state{text-align:center;padding:55px 20px 65px;border:1px solid var(--line)}
.empty-state>span{display:block;margin-bottom:23px;color:#839071}
.empty-state>span svg{width:35px;height:35px}
.empty-state h2{font-size:42px;margin-bottom:23px}
.empty-state p{font-size:18px;color:var(--muted);line-height:1.9;margin-bottom:24px}
.private-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:18px}
.private-note svg{width:13px;height:13px}
.saved-board{padding:30px;border:1px solid var(--line);margin-bottom:28px}
.saved-board .eyebrow{font-size:14px}
.saved-board h2{font-size:35px;margin-bottom:22px}
.saved-board .review-thumbs{max-width:700px}
.saved-board .board-actions{display:flex;gap:25px;align-items:center}
.test-project{padding:25px;border:1px solid var(--line);margin-bottom:20px}
.test-project h3{font-size:18px;margin-bottom:10px}
.test-project>p{font-size:18px;color:var(--muted)}
.test-project ul{font-size:18px;line-height:2}
.test-project .text-link{margin-right:20px}
.legal{max-width:900px;padding-top:65px;padding-bottom:100px}
.legal h1{font-size:56px;margin-bottom:45px}
.legal h2{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:0;margin-top:30px;margin-bottom:13px}
.legal p{font-size:18px;color:var(--muted);line-height:2}
.legal>.eyebrow{font-size:14px;color:var(--ink)}
.legal .btn,.legal>.text-link{margin-top:20px}
.notfound{border:0;padding-block:100px}
.notfound h1{margin-bottom:25px}
dialog{background:var(--paper);padding:0;border:0;max-width:min(90vw,650px);max-height:94vh;overflow:auto;box-shadow:0 20px 80px #0003}
dialog::backdrop{background:#152011cb;backdrop-filter:blur(5px)}
dialog>img{width:auto;height:min(74vh,780px);max-width:100%;margin:auto;object-fit:contain}
.dialog-close{position:absolute;top:12px;right:12px;border-radius:50%;background:#fff;width:33px;height:33px;display:grid;place-items:center}
.dialog-caption{padding:20px 25px}
.dialog-caption h2{font-size:25px;letter-spacing:-.02em;margin-bottom:7px}
.dialog-caption p{font-size:18px;color:var(--muted)}

@media(min-width:1450px){.hero{min-height:730px}
.hero-art{height:630px}
.hero-photo-main{width:58%}
.hero-photo-side{top:200px}
.art-label{bottom:25px}
.hero-photo-main img{max-height:520px}
.pack-hero-copy h1{font-size:68px}
}

@media(max-width:1100px){.wrap{padding-inline:35px}
.site-header{padding-inline:35px}
.site-header nav{gap:23px;margin-right:20px}
.hero{gap:15px;min-height:610px}
.hero h1{font-size:86px}
.hero-art{height:510px}
.hero-photo-main{top:25px;left:2%;width:62%}
.hero-photo-side{top:190px;width:46%;right:0}
.art-stamp{font-size:18px;right:0;top:55px}
.art-label{bottom:5px}
.hero-actions{gap:15px}
.hero-actions .btn{font-size:16px;padding-inline:17px;gap:15px}
.hero-actions .text-link{font-size:16px}
.promise-strip{gap:50px;padding-inline:30px}
.how-layout{gap:70px}
.destination img{height:370px}
.destination>div{left:18px}
.destination h3{font-size:36px}
.destination-arrow{right:16px;bottom:30px}
.pack-hero{gap:40px}
.pack-hero-photo>img{height:565px}
.pack-hero-copy h1{font-size:48px}
.catalog-grid .card-image img,.planned-art{height:330px}
.builder{grid-template-columns:minmax(0,1fr) 260px;gap:30px}
.builder-steps{gap:18px}
.scene-options{gap:10px}
.faq-layout{gap:50px}
}

@media(max-width:760px){.wrap{padding-inline:22px}
.preview-bar{font-size:14px;min-height:30px;gap:6px;padding-inline:10px}
.bar-separator{padding-inline:1px}
.site-header{height:76px;padding-inline:22px;gap:15px;position:relative;z-index:5}
.brand{font-size:17px;gap:7px}
.brand-mark{width:25px;height:25px}
.brand-mark svg{width:16px}
.site-header .my-photos{font-size:0;margin-left:auto;gap:0}
.site-header .my-photos svg{width:18px;height:18px}
.menu-toggle{display:flex;align-items:center;gap:8px;font-size:16px;order:3;padding:8px 0}
.menu-toggle>span{font-size:17px}
.site-header nav{display:none;position:absolute;left:0;right:0;top:76px;margin:0;padding:20px 22px;background:var(--paper);border-bottom:1px solid var(--line);gap:22px;box-shadow:0 10px 10px #00000005}
.site-header.menu-open nav{display:flex}
.site-header nav a{font-size:16px}
.hero{grid-template-columns:1fr;padding-top:32px;gap:25px;padding-bottom:35px}
.hero-copy{padding-bottom:0}
.hero .eyebrow{font-size:14px;margin-bottom:22px}
.hero h1{font-size:76px;line-height:.95;margin-bottom:23px}
.hero h1 br:last-of-type{display:none}
.hero h1 em{margin-right:10px}
.hero-desc{font-size:18px;max-width:350px}
.hero-sub{font-size:18px;margin-bottom:22px}
.hero-actions{gap:20px}
.hero-actions .btn{font-size:16px;min-height:47px}
.hero-actions .text-link{font-size:16px}
.hero-note{font-size:18px;max-width:none;margin-top:14px}
.hero-art{height:475px;margin-top:7px;max-width:500px;width:100%;margin-inline:auto}
.hero-photo-main{width:60%;top:15px;left:4%}
.hero-photo-side{width:44%;right:1%;top:170px}
.hero-photo figcaption{height:35px;font-size:18px}
.hero-photo figcaption span:last-child{font-size:18px}
.hero-photo{padding:7px 7px 0}
.art-stamp{top:35px;right:3%;font-size:18px;gap:7px}
.art-stamp svg{width:25px}
.art-label{left:10px;bottom:6px;font-size:14px}
.promise-strip{gap:10px;justify-content:space-between;padding:15px 20px;font-size:18px}
.promise-strip span{gap:4px}
.promise-strip span:before{font-size:18px}
.section{padding-top:60px}
.section-heading{gap:20px;margin-bottom:25px;align-items:flex-start}
.section-heading h2{font-size:37px}
.section-heading>.text-link{font-size:16px;gap:7px;margin-top:30px;white-space:nowrap}
.section-heading .eyebrow{font-size:14px;margin-bottom:12px}
.featured-grid{gap:17px;grid-template-columns:1fr 1fr}
.pack-card.large .card-image img{height:285px}
.image-badge{left:8px;top:8px;font-size:14px;padding:5px 7px}
.pack-metrics{left:12px;bottom:12px;padding:6px 9px;gap:7px}
.card-open{width:27px;height:27px;right:8px;bottom:8px}
.card-open svg{width:14px}
.card-info{padding-top:15px;gap:8px}
.card-info .eyebrow{font-size:14px}
.card-info h3{font-size:27px;margin-bottom:6px}
.card-info p:last-child{font-size:18px;line-height:1.7}
.card-info .card-link{display:none}
.how-section{margin-top:35px;padding:45px 0}
.how-layout{grid-template-columns:1fr;gap:35px}
.how-layout h2{font-size:43px}
.how-layout>div>p.muted{font-size:18px;max-width:350px}
.how-layout .eyebrow{font-size:14px}
.steps{max-width:none}
.steps li{padding:20px 0;gap:20px}
.steps h3{font-size:18px;margin-bottom:6px}
.steps p{font-size:18px;max-width:450px}
.travel-grid{gap:13px;grid-template-columns:1fr 1fr}
.travel-grid .destination:last-child{grid-column:1/-1}
.destination img{height:280px;object-position:50% 35%}
.travel-grid .destination:last-child img{height:270px;object-position:50% 50%}
.destination>div{left:15px;bottom:18px}
.destination h3{font-size:31px;margin:6px 0}
.destination>div>span{font-size:18px}
.destination p{font-size:18px}
.destination-arrow{right:13px;bottom:25px}
.destination-arrow svg{width:15px}
.travel-grid+.fineprint{font-size:14px;line-height:1.9}
.image-note{margin-top:45px;padding-top:30px;padding-bottom:30px;gap:13px;flex-wrap:wrap}
.note-mark{width:30px;height:30px;align-self:flex-start;margin-top:5px}
.note-mark svg{width:25px;height:25px}
.image-note>div:nth-child(2){flex:1}
.image-note h3{font-size:22px}
.image-note p{font-size:18px}
.image-note .text-link{margin-left:43px;font-size:16px}
.faq-layout{grid-template-columns:1fr;gap:28px;padding-bottom:60px}
.faq-layout>div>h2 br{display:none}
.faq-layout .eyebrow{font-size:14px}
.faq summary{font-size:18px;padding:19px 0}
.faq details p{font-size:18px}
.site-footer{padding:35px 22px 22px}
.footer-top{gap:17px;flex-wrap:wrap;padding-bottom:25px}
.footer-top p{font-size:18px;width:100%;order:3}
.footer-top>.text-link{font-size:16px;margin-left:auto;gap:7px}
.footer-bottom{font-size:14px;gap:14px;padding-top:20px;justify-content:flex-start}
.footer-bottom>div{width:100%;margin-top:3px;gap:22px}
.page-intro{padding-top:40px;padding-bottom:40px}
.page-intro h1{font-size:49px;margin-bottom:18px}
.page-intro>p:not(.eyebrow){font-size:14px}
.page-intro br{display:none}
.page-intro .eyebrow{font-size:14px;margin-bottom:16px}
.pill{font-size:18px;padding:6px 12px}
.filter-row{gap:5px;margin-bottom:20px}
.filter{font-size:16px;padding:7px 13px}
.catalog-section{padding-bottom:50px}
.catalog-section>.fineprint{font-size:14px}
.catalog-grid{grid-template-columns:1fr 1fr;gap:15px}
.catalog-grid .card-image img,.planned-art{height:270px}
.planned-art>span{font-size:30px}
.planned-art>small{font-size:18px}
.catalog-grid .card-info h3{font-size:25px}
.pack-hero{grid-template-columns:1fr;gap:30px;padding-top:22px}
.pack-hero-photo>img{height:auto;aspect-ratio:4/4.5;object-position:50% 25%}
.pack-hero-photo .image-badge{top:15px;left:15px;font-size:14px}
.breadcrumb{margin-bottom:24px;font-size:18px}
.pack-hero-copy h1{font-size:52px}
.pack-hero-copy>.eyebrow{font-size:14px}
.lead{font-size:18px;max-width:none}
.pack-specs{margin-top:24px;padding:20px 0}
.pack-specs strong{font-size:18px}
.pack-hero-copy .btn{width:100%}
.pack-hero-copy>.fineprint{text-align:center}
.lookbook-grid{grid-template-columns:1fr 1fr;gap:25px 15px}
.look h3{font-size:21px;line-height:1.2;margin:12px 0 6px}
.look>p{font-size:14px;line-height:1.7}
.look-number{font-size:20px;left:10px;top:10px}
.heading-note{display:none}
.lookbook-grid+.fineprint{font-size:14px}
.pack-story{margin-top:40px;padding-top:35px;padding-bottom:35px;grid-template-columns:1fr;gap:25px}
.pack-story h2{font-size:40px}
.pack-story .eyebrow{font-size:14px}
.pack-story>div>p:not(.eyebrow){font-size:14px}
.upcoming-layout{padding-top:40px;padding-bottom:60px;grid-template-columns:1fr;gap:35px}
.upcoming-layout h1{font-size:49px}
.upcoming-layout>div>p:not(.eyebrow){font-size:14px}
.upcoming-layout figure>img{height:auto;aspect-ratio:4/5}
.upcoming-art{height:350px}
.travel-footnote{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-bottom:55px}
.travel-footnote h2{font-size:36px}
.travel-footnote p{font-size:18px}
.examples-grid{columns:2;column-gap:15px}
.example{margin-bottom:22px}
.example-caption{font-size:18px;padding:30px 10px 12px}
.example-caption svg{width:12px}
.example>a{font-size:14px}
.example>a svg{width:12px}
.examples-section{padding-bottom:50px}
.pricing-grid{grid-template-columns:1fr;gap:20px;padding-bottom:40px}
.price-card{padding:28px}
.price-card h2{font-size:36px}
.price-pending{font-size:25px}
.pricing-explainer h2{font-size:34px}
.pricing-explainer p{font-size:18px}
.create-intro{padding-top:35px;padding-bottom:30px}
.create-intro .eyebrow{font-size:14px}
.create-intro h1{font-size:47px}
.create-intro>p:last-child{font-size:18px}
.builder{grid-template-columns:1fr;gap:30px;padding-bottom:50px}
.builder-steps{justify-content:space-between;gap:5px;margin-bottom:28px;padding-bottom:20px}
.builder-steps li{font-size:16px;gap:5px}
.builder-steps li>span{width:20px;height:20px}
.builder-panel h2{font-size:34px}
.pack-options{gap:15px}
.pack-option>img{height:230px}
.pack-option>span:not(.selection-circle){padding:12px 12px 0}
.pack-option strong{font-size:24px}
.pack-option small{font-size:14px}
.builder-panel>.btn{width:100%}
.builder-summary{position:static;padding:18px}
.builder-summary>img{width:100px;height:120px;float:left;margin-right:18px;margin-bottom:10px}
.builder-summary>.eyebrow{margin-bottom:15px}
.builder-summary h3{padding-top:3px;font-size:27px}
.builder-summary>p:not(.eyebrow):not(.fineprint){min-height:68px;margin-bottom:10px;font-size:14px}
.builder-summary .summary-line{clear:both;font-size:14px}
.builder-summary>.fineprint{font-size:14px}
.scene-options{gap:10px}
.scene-option>strong{font-size:14px;line-height:1.5}
.selection-circle{width:19px;height:19px;right:6px;top:6px}
.upload-preview{padding:28px 20px}
.upload-preview p{font-size:18px}
.upload-guidance ul{font-size:18px}
.builder-actions .btn{font-size:16px;gap:15px}
.review-thumbs{gap:9px}
.review-thumbs span{font-size:18px}
.empty-state{padding:35px 15px 45px}
.empty-state h2{font-size:33px}
.empty-state p{font-size:18px}
.private-note{font-size:18px;align-items:flex-start;line-height:1.9;justify-content:flex-start}
.private-note svg{flex-shrink:0;margin-top:3px}
.saved-board{padding:20px}
.saved-board h2{font-size:29px}
.saved-board .board-actions{gap:20px;flex-wrap:wrap}
.saved-board .btn{font-size:16px;gap:12px}
.saved-board .text-link{font-size:16px}
.myphotos-section{padding-bottom:50px}
.legal{padding-top:40px;padding-bottom:60px}
.legal h1{font-size:43px;margin-bottom:35px}
.legal h2{font-size:18px}
.legal p{font-size:18px}
.notfound{padding-block:70px}
dialog{max-width:92vw}
.dialog-caption{padding:18px}
.dialog-caption h2{font-size:23px}
}

@media(max-width:480px){.pack-metrics{flex-direction:column;align-items:flex-start;gap:2px}.pack-metrics .metrics-separator{display:none}}

@media(max-width:390px){.preview-bar>span:last-child{font-size:14px}
.hero h1{font-size:67px}
.hero-art{height:420px}
.hero-photo-side{top:155px}
.art-stamp{font-size:18px;right:0}
.hero-photo-main{width:61%}
.hero-photo-side{width:44%}
.promise-strip{font-size:18px;padding-inline:14px}
.section-heading>.text-link{font-size:16px;gap:5px}
.section-heading h2{font-size:33px}
.pack-card.large .card-image img{height:245px}
.catalog-grid .card-image img,.planned-art{height:235px}
.destination img{height:245px}
.pack-option>img{height:200px}
.builder-steps li{font-size:16px}
.builder-steps li>span{width:18px;height:18px}
.pack-hero-copy h1{font-size:46px}
}

@media(max-width:760px){.hero h1{font-size:66px}
.hero h1 em{white-space:nowrap;margin-right:0}
.hero h1 br:last-of-type{display:initial}
}

@media(max-width:390px){.hero h1{font-size:64px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}


/* Readable typography, checked against Yahoo article text on 2026-11-01. */
body{font-size:18px;line-height:1.7}

.site-header nav a,.my-photos,.btn,.text-link,.filter{font-size:16px}

.preview-bar{font-size:14px;flex-wrap:wrap;text-align:center;line-height:1.5;padding-block:8px}

.site-header{min-height:94px;height:auto;padding-block:25px}

.eyebrow{font-size:14px;letter-spacing:.1em}

.promise-strip{font-size:16px;gap:35px;flex-wrap:wrap}

.fineprint{font-size:14px;line-height:1.7}

.pack-specs{flex-wrap:wrap}

.builder-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.builder-steps li{font-size:14px;white-space:normal}

.site-footer .footer-bottom{font-size:14px;row-gap:18px}

.site-header nav{gap:24px;margin-right:30px}

@media(max-width:1000px){.builder{grid-template-columns:1fr}
.builder-summary{position:static;max-width:600px}
.site-header nav{gap:17px;margin-right:12px}
.how-layout{gap:45px}
}

@media(max-width:760px){
body{font-size:16px}

.site-header{min-height:76px;padding-block:19px;gap:12px}

.site-header .my-photos{font-size:0}

.site-header nav{top:76px;gap:18px;flex-wrap:wrap}

.site-header nav a,.btn,.text-link,.filter,.menu-toggle{font-size:16px}

.hero-desc,.hero-sub,.card-info p:last-child,.steps p,.image-note p,.faq details p,.page-intro>p:not(.eyebrow),.lead,.pack-story>div>p:not(.eyebrow),.upcoming-layout>div>p:not(.eyebrow),.travel-footnote p,.price-card>p:not(.eyebrow),.price-card li,.pricing-explainer p,.create-intro>p:last-child,.builder-panel>.muted,.upload-preview p,.upload-guidance ul,.sandbox-upload p,.empty-state p,.legal p{font-size:16px;line-height:1.7}

.preview-bar{font-size:14px;gap:5px}

.promise-strip{font-size:14px;gap:10px;justify-content:flex-start}

.hero-actions{gap:12px 24px;align-items:center}

.hero-note,.fineprint,.image-badge,.summary-line,.pack-option small,.scene-option>strong,.review-thumbs span,.footer-bottom,.example>a,.look>p,.pack-specs strong{font-size:14px}

.section-heading{flex-wrap:wrap;align-items:flex-end}

.section-heading>.text-link{font-size:16px;margin-top:0;white-space:normal}

.builder-steps li{flex-direction:column;align-items:flex-start;font-size:14px;gap:7px}

.builder-steps li>span{width:25px;height:25px}

.builder-summary>p:not(.eyebrow):not(.fineprint){font-size:14px}

.pack-options{gap:14px}
.pack-option small{line-height:1.5}

.scene-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.scene-option>strong{padding:10px 7px}

.pack-specs div{flex-basis:45%;margin-bottom:8px}

.footer-bottom{gap:12px}
.footer-bottom>div{gap:15px;flex-wrap:wrap}

.filter-row{gap:8px}
.filter{padding:9px 14px}

}

/* Account, wallet and private generation views. */
.account-layout{max-width:1000px;margin-bottom:110px;overflow-wrap:anywhere}
#auth-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.auth-form{display:flex;flex-direction:column;gap:22px;padding:30px 0;border-top:1px solid var(--line)}
.auth-form h2{font:36px/1.2 var(--serif);margin:0 0 8px}
.auth-form label,.upload-input{display:flex;flex-direction:column;gap:10px;font-size:16px}
.auth-form input{width:100%;min-height:48px;border:1px solid #b9b7af;border-radius:0;background:#fff;padding:12px;font:inherit}
.auth-form .btn{align-self:flex-start}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:16px;margin:25px 0}
.consent input{margin-top:6px;width:20px;height:20px;flex-shrink:0}
#reference-fields{display:grid;gap:20px;margin:25px 0}
.upload-input input{font:inherit;width:100%;padding:12px 0}
.credit-offers{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}
.credit-history{padding:0;list-style:none}
.credit-history li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.credit-history li span{margin-left:auto;color:#686a61}
.private-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}
.private-result-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.test-project>.btn,.test-project>.text-link{margin:10px 20px 10px 0}
.feedback:not(:empty){padding:15px 0;line-height:1.6}
.price-pending{overflow-wrap:anywhere;font-size:30px}
.builder .pack-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.pack-option strong{overflow-wrap:anywhere}
.pack-option img{height:210px}
.builder-steps li{font-size:14px}
@media(max-width:760px){#auth-forms{grid-template-columns:1fr;gap:15px}.private-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder .pack-options{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-bar{font-size:14px}.builder-steps li{font-size:14px}.price-pending{font-size:26px}.pack-option img{height:180px}}

/* Theme-specific scene guidance and crawlable related collections. */
.pack-guide{border-top:1px solid var(--line);padding-top:65px}
.pack-guide>h2{font:clamp(32px,4vw,48px)/1.2 var(--serif);max-width:850px;margin:15px 0 35px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.guide-grid h3{font:26px/1.3 var(--serif);margin-bottom:14px}
.guide-grid p{color:var(--muted);overflow-wrap:anywhere}
.related-packs .catalog-grid{margin-top:0}
@media(max-width:760px){.pack-guide{padding-top:40px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid h3{font-size:24px}.pack-guide>h2{font-size:32px}}
@media(max-width:760px){.page-intro h1 br{display:initial}}

/* Birthday lifestyle samples retain their full 2:3 framing in selection and lookbooks. */
.look-image img[src*="/birthday/story-"],.scene-option img[src*="/birthday/story-"],.review-thumbs img[src*="/birthday/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/birthday/story-"]{height:auto;aspect-ratio:2/3}

/* Dating lifestyle samples preserve the full 2:3 frame. */
.look-image img[src*="/dating/story-"],.scene-option img[src*="/dating/story-"],.review-thumbs img[src*="/dating/story-"],.hero-photo-side img[src*="/dating/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/dating/story-"]{height:auto;aspect-ratio:2/3}

/* Maternity lifestyle samples preserve the complete 2:3 photographs. */
.look-image img[src*="/maternity/story-"],.scene-option img[src*="/maternity/story-"],.review-thumbs img[src*="/maternity/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/maternity/story-"]{height:auto;aspect-ratio:2/3}

/* Couple lifestyle samples preserve the complete 2:3 photographs. */
.look-image img[src*="/couple/story-"],.scene-option img[src*="/couple/story-"],.review-thumbs img[src*="/couple/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/couple/story-"]{height:auto;aspect-ratio:2/3}

/* Tokyo lifestyle samples retain the complete 2:3 frame. */
.look-image img[src*="/tokyo/story-"],.scene-option img[src*="/tokyo/story-"],.review-thumbs img[src*="/tokyo/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/tokyo/story-"]{height:auto;aspect-ratio:2/3}

/* Professional lifestyle samples preserve the complete 2:3 photographs. */
.look-image img[src*="/professional/story-"],.scene-option img[src*="/professional/story-"],.review-thumbs img[src*="/professional/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/professional/story-"]{height:auto;aspect-ratio:2/3}

/* Bali lifestyle v9: show the complete portrait compositions. */
.pack-hero-photo:has(> img[src^="/assets/series-v2/bali/story-"]){height:auto;aspect-ratio:2/3;}
.pack-hero-photo > img[src^="/assets/series-v2/bali/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;}
.look-image > img[src^="/assets/series-v2/bali/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain;}

.scene-option img[src^="/assets/series-v2/bali/story-"],.review-thumbs img[src^="/assets/series-v2/bali/story-"]{aspect-ratio:2/3;}

/* Yoga samples retain the complete original 2:3 compositions. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/yoga/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/yoga/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image>img[src^="/assets/series-v2/yoga/story-"],.scene-option img[src^="/assets/series-v2/yoga/story-"],.review-thumbs img[src^="/assets/series-v2/yoga/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}



/* Paris lifestyle samples retain their complete 2:3 composition. */
.pack-hero-photo:has(>img[src*="/paris/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src*="/paris/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src*="/paris/story-"],.example .look-image img[src*="/paris/story-"],.scene-option img[src*="/paris/story-"],.review-thumbs img[src*="/paris/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}



/* The Palace Museum lifestyle samples retain the complete 2:3 frame. */
.look-image img[src*="/palace-museum/story-"],.scene-option img[src*="/palace-museum/story-"],.review-thumbs img[src*="/palace-museum/story-"]{aspect-ratio:2/3}
.pack-hero-photo>img[src*="/palace-museum/story-"]{height:auto;aspect-ratio:2/3}

/* Pack catalog: preserve each cover's intrinsic frame at every screen size. */
body[data-page="catalog"] .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:32px 24px}
body[data-page="catalog"] .catalog-grid .card-image img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
body[data-page="catalog"] .pack-metrics{flex-direction:row;align-items:center;gap:8px}
body[data-page="catalog"] .pack-metrics .metrics-separator{display:inline}
@media(max-width:1199px){body[data-page="catalog"] .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){body[data-page="catalog"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){body[data-page="catalog"] .catalog-grid{grid-template-columns:minmax(0,1fr)}}

/* Homepage: retain each original photo frame and reserve space for the tilted prints. */
body[data-page="home"] .hero-photo img,body[data-page="home"] .pack-card.large .card-image img,body[data-page="home"] .destination img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
body[data-page="home"] .card-image:hover img,body[data-page="home"] .destination:hover img{transform:none}
body[data-page="home"] .hero-art{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;padding-block:35px 65px}
body[data-page="home"] .hero-photo{position:relative;grid-area:1/1}
body[data-page="home"] .hero-photo-main{top:auto;left:auto;justify-self:start;margin-left:4%}
body[data-page="home"] .hero-photo-side{top:auto;right:auto;justify-self:end;margin-top:28%}
body[data-page="home"] .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
body[data-page="home"] .travel-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
body[data-page="home"] .travel-grid .destination:last-child{grid-column:auto}
@media(max-width:899px){body[data-page="home"] .travel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){body[data-page="home"] .featured-grid,body[data-page="home"] .travel-grid{grid-template-columns:minmax(0,1fr)}}
body[data-page="home"] .hero-photo figcaption{height:auto;min-height:41px;padding-block:9px;flex-wrap:wrap;align-items:flex-start;gap:4px 10px;font-size:14px;line-height:1.4;letter-spacing:.04em}
body[data-page="home"] .hero-photo figcaption span{white-space:nowrap}
body[data-page="home"] .hero-photo figcaption span:last-child{font-size:14px}

/* Fixed examples edit: row order and uncropped original photographs. */
body[data-page="examples"] .examples-grid{display:grid;columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;align-items:start}
body[data-page="examples"] .examples-grid .example{margin:0;min-width:0;break-inside:auto}
body[data-page="examples"] .examples-grid .example .look-image img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
body[data-page="examples"] .example-caption{font-size:16px;line-height:1.4;gap:10px}
@media(max-width:1199px){body[data-page="examples"] .examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){body[data-page="examples"] .examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){body[data-page="examples"] .examples-grid{grid-template-columns:minmax(0,1fr)}}
/* End fixed examples edit. */

/* Holiday lifestyle originals retain their complete portrait composition. */
.pack-hero-photo:has(>img[src*="/holiday/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src*="/holiday/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src*="/holiday/story-"],.scene-option img[src*="/holiday/story-"],.review-thumbs img[src*="/holiday/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}


/* X'Mas originals retain their complete 2:3 portrait compositions. */
.pack-hero-photo:has(>img[src*="/xmas/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src*="/xmas/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src*="/xmas/story-"],.scene-option img[src*="/xmas/story-"],.review-thumbs img[src*="/xmas/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}

/* Graduation samples retain their complete original 2:3 composition. */
.pack-hero-photo:has(>img[src*="/graduation/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src*="/graduation/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src*="/graduation/story-"],.scene-option img[src*="/graduation/story-"],.review-thumbs img[src*="/graduation/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}

/* Cappadocia samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/cappadocia/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/cappadocia/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/cappadocia/story-"],.scene-option img[src^="/assets/series-v2/cappadocia/story-"],.review-thumbs img[src^="/assets/series-v2/cappadocia/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/cappadocia/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* New York samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/new-york/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/new-york/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/new-york/story-"],.scene-option img[src^="/assets/series-v2/new-york/story-"],.review-thumbs img[src^="/assets/series-v2/new-york/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/new-york/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* London samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/london/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/london/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/london/story-"],.scene-option img[src^="/assets/series-v2/london/story-"],.review-thumbs img[src^="/assets/series-v2/london/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/london/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* Venice samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/venice/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/venice/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/venice/story-"],.scene-option img[src^="/assets/series-v2/venice/story-"],.review-thumbs img[src^="/assets/series-v2/venice/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/venice/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* Canada samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/canada/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/canada/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/canada/story-"],.scene-option img[src^="/assets/series-v2/canada/story-"],.review-thumbs img[src^="/assets/series-v2/canada/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/canada/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* Mexico samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/mexico/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/mexico/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/mexico/story-"],.scene-option img[src^="/assets/series-v2/mexico/story-"],.review-thumbs img[src^="/assets/series-v2/mexico/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/mexico/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}

/* Washington D.C. samples retain their complete original 2:3 portrait composition. */
.pack-hero-photo:has(>img[src^="/assets/series-v2/washington-dc/story-"]){height:auto;aspect-ratio:2/3}
.pack-hero-photo>img[src^="/assets/series-v2/washington-dc/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.look-image img[src^="/assets/series-v2/washington-dc/story-"],.scene-option img[src^="/assets/series-v2/washington-dc/story-"],.review-thumbs img[src^="/assets/series-v2/washington-dc/story-"]{height:auto;aspect-ratio:2/3;object-fit:contain}
body[data-page="travel"] .destination img[src^="/assets/series-v2/washington-dc/story-"]{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}