/* SmmArt / gallery direction. Shared typography and surfaces for every route. */
:root{--ink:#252a22;--muted:#706d61;--paper:#f4f1e9;--line:#ded8cb;--accent:#344c31;--hover:#20351e;--soft:#eae3d5;--surface:#fffcf5}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#d7ddc7;color:#252a22}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b8b68;outline-offset:4px}
.nav{max-width:1360px;margin:auto;padding:23px 5%;border-bottom:1px solid var(--line)}.brand{font-size:32px;letter-spacing:-1.9px;font-weight:800}.brand span{color:var(--accent);margin-left:7px}.nav nav{gap:32px;font-size:14px}.nav-cta{border:0;border-radius:100px;background:var(--ink);color:#fff;padding:12px 23px}.nav-cta:hover{background:var(--accent)}
.button{background:var(--accent);color:#fff;border:0;border-radius:100px;padding:16px 27px;min-height:54px;gap:28px;font-size:15px;transition:background .15s,transform .15s}.button:hover{background:var(--hover);transform:translateY(-1px)}.secondary{background:var(--soft);color:var(--accent)}.secondary:hover{background:#ded5c3;color:var(--accent)}.small,small,figcaption{font-size:13px;line-height:1.6;color:var(--muted)}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.11em;font-weight:600;color:var(--muted)}h2{font-size:clamp(38px,4.5vw,62px);line-height:1.09;letter-spacing:-.045em;font-weight:400;margin:16px 0 25px}h2 em,h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.05em;color:var(--accent)}h3{letter-spacing:-.025em}
.hero{display:block;max-width:1240px;margin:0 auto;padding:52px 6% 40px;overflow:visible}.hero-copy{text-align:center;max-width:800px;margin:auto}.hero-copy>.eyebrow{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:8px 15px;margin:0;background:var(--surface)}.hero h1{font-size:clamp(52px,6.4vw,88px);line-height:1.02;font-weight:400;letter-spacing:-.065em;white-space:normal;margin:24px 0}.hero h1 br{display:none}.hero h1 em{display:block;font-size:1.03em}.hero .intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:580px;margin:0 auto}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin:25px 0 12px}.hero .button{margin:0}.hero-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-copy>.small{margin:0}.hero-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:850px;margin:42px auto 0;align-items:start}.hero-preview{background:var(--surface);border:1px solid var(--line);padding:8px;border-radius:16px;box-shadow:0 10px 35px #433b2709;transition:transform .2s}.hero-preview:nth-child(2){margin-top:20px}.hero-preview:hover{transform:translateY(-5px)}.hero-preview-image{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:9px}.hero-preview-image img{position:absolute;max-width:none;width:300%;height:300%;left:0;top:0;object-fit:fill}.hero-preview-label{display:flex;justify-content:space-between;align-items:center;padding:12px 6px 5px;font-size:13px;color:var(--muted)}.hero-preview-label span:last-child{color:var(--accent);font-size:20px}
.strip{background:transparent;border-color:var(--line);font-size:13px;letter-spacing:0;color:var(--muted);max-width:1160px;margin:15px auto 0;padding:24px 20px;gap:20px}.strip span{display:flex;gap:12px;align-items:center}.strip span:before{content:'✳';color:#8a8b71;font-size:16px}
.how,.styles-section,.delivery-section{max-width:1240px;padding:90px 6%;margin:auto}.how .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}.steps article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px 20px}.steps span{font:14px Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--accent)}.steps h3{font-size:20px;font-weight:500;line-height:1.25;margin:24px 0 12px}.steps p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.how>.small{margin:25px 0 0;max-width:800px;padding-left:16px;border-left:2px solid #c8bc9e}
.styles-section{border-top:1px solid var(--line)}.landing .section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:0 10%;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:29px;max-width:390px}.tabs{display:flex;gap:10px;border:0;margin:30px 0}.tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:12px 22px;border-radius:30px;font-size:14px;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:400}.style-panel{grid-template-columns:1fr .85fr;gap:8%;padding:30px;background:var(--soft);border-radius:24px}.grid-preview{padding:6px;border:1px solid #e8e1d4;background:var(--surface);box-shadow:0 12px 35px #433b270a;border-radius:7px;width:100%}.grid-hotspots{inset:6px}.grid-hotspots button:hover,.grid-hotspots button:focus-visible{box-shadow:inset 0 0 0 3px #a2ad87;background:#ffffff20}.style-copy h3{font-family:Georgia,serif;font-size:clamp(28px,3vw,41px);font-weight:400;letter-spacing:-.04em;color:var(--ink);margin:14px 0}.style-copy>p{font-size:16px;color:var(--muted)}.style-copy .small{font-size:13px}.photo-switch{border:0;background:#ddd4c2;padding:4px;border-radius:30px;margin-top:24px;gap:3px}.photo-switch button{background:transparent;color:var(--muted);padding:12px 10px;border:0;border-radius:24px;font-size:13px}.photo-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #00000006}.style-copy .button{margin:18px 0 4px}.example-badge{top:14px;left:14px;border:1px solid var(--line);background:#fffcf5ed;color:var(--muted);font-size:11px;padding:7px 10px}
.input-output{max-width:1092px;margin:0 auto;background:#eae3d5;border-radius:24px;padding:52px;grid-template-columns:1.2fr .8fr;gap:10%}.input-output h2{font-size:clamp(36px,4vw,54px)}.input-output h2 em{color:#526346}.input-output p{font-size:16px;line-height:1.7;color:#706d61}.input-output figure{max-width:300px;justify-self:center}.input-output img{border-radius:10px}.input-output figcaption{font-size:12px;color:#706d61;margin-top:14px}
.delivery-section{background:transparent}.delivery-grid{grid-template-columns:1fr 1fr;gap:9%;align-items:stretch;margin-top:30px}.post-sample{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;max-width:355px;box-shadow:0 10px 30px #433b2706}.sample-copy{padding:20px}.sample-copy .eyebrow{font-size:11px}.sample-copy [data-copy-text]{font-size:15px;line-height:1.6}.sample-copy .text-button{color:var(--accent);padding:0;margin-bottom:17px}.sample-copy .button{width:100%;justify-content:center;min-height:44px;padding:12px;font-size:14px}[data-copy-status]:empty{display:none}.delivery-notes{display:flex;flex-direction:column;justify-content:space-between}.delivery-notes article{border-color:var(--line);padding:8px 0 24px;margin-bottom:22px}.delivery-notes h3{font-size:27px;font-weight:400;margin:12px 0}.delivery-notes p{font-size:16px;line-height:1.65;color:var(--muted)}.delivery-notes>.button{align-self:flex-start}
.offer{max-width:1240px;margin:0 auto;background:#263c28;color:#fff;border-radius:28px;grid-template-columns:1fr .9fr;gap:10%;padding:65px 6%}.offer h2 em{color:#d5d9b8}.offer .eyebrow{color:#c6ceb9}.offer>div>p:last-child{font-size:17px;line-height:1.7;color:#e0e3d5;max-width:400px}.price-card{border:1px solid #66785b;padding:30px;background:#304832;border-radius:18px}.price{font-size:76px;letter-spacing:-.06em}.price span{font-size:30px;letter-spacing:-.03em}.price-card ul{margin:25px 0}.price-card li{border-color:#66785b;font-size:15px;padding:11px 0}.price-card small,.price-card .small{color:#cbd4bd}.price-card .button{background:#dedcc5;color:#263c28;width:100%;justify-content:space-between}.price-card .button:hover{background:#eeecd9}
.faq{max-width:950px;padding:90px 6%;margin:auto}.faq h2{margin-bottom:35px}.faq details{border-color:var(--line);padding:24px 0}.faq summary{display:flex;justify-content:space-between;gap:22px;list-style:none;font-size:19px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--accent);font-size:24px;line-height:1.2}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);line-height:1.7;max-width:720px}.faq details>a{color:var(--accent);text-decoration:underline;font-size:14px}footer{border-color:var(--line);background:var(--soft);padding:45px 6%}footer p{color:var(--muted);font-size:14px}footer a:hover{color:var(--accent)}
.form-page{max-width:900px}.form-page h1{font-weight:400;letter-spacing:-.05em}.order-summary,.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}.form-page input:not([type=checkbox]):not([type=radio]):not([type=file]),input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{border:1px solid #cfc7b7;border-radius:9px;background:#fffcf5;color:var(--ink);min-height:48px;padding:13px}input,select,textarea{accent-color:var(--accent)}.status{background:var(--soft);color:#46513b;border-radius:10px;padding:20px}.notice{background:#eae3d5;color:#6d604a;border-radius:10px}.text-button{color:var(--accent)}.form-page [data-total]{font-size:24px}.admin-content h1{font-size:44px;font-weight:400;letter-spacing:-.04em}.admin-content h2{font-size:32px}.admin-card h3{font-size:22px;font-weight:500}.style-choices label{border:1px solid var(--line);border-radius:12px;background:var(--soft)}.style-choices label:has(input:checked){outline:2px solid var(--accent)}.style-choices input{accent-color:var(--accent)}td,th{border-color:var(--line)}th{background:var(--soft);color:#46513b}.table-scroll{border-radius:9px}.legal h1{font-weight:400;letter-spacing:-.04em}.legal h2{font-size:28px;line-height:1.3}.legal a{color:var(--accent)}#post-dialog{border-radius:16px;background:var(--surface);box-shadow:0 30px 100px #263c2840}.dialog-close{background:var(--soft);color:var(--ink)}
@media(max-width:1100px){.input-output,.offer{margin-left:5%;margin-right:5%}.how .steps{gap:12px}.steps article{padding:20px 15px}.style-panel{gap:6%;padding:24px}.hero-gallery{max-width:780px}.style-copy h3{font-size:32px}}
@media(max-width:760px){.nav{padding:18px 6%}.brand{font-size:28px}.nav-cta{padding:11px 19px;font-size:13px}.hero{padding:34px 6% 20px}.hero-copy>.eyebrow{font-size:10px;max-width:none;letter-spacing:.06em;padding:7px 12px}.hero h1{font-size:clamp(42px,9.6vw,65px);margin:23px 0;line-height:1.08}.hero .intro{font-size:16px;max-width:450px}.hero-actions{margin:24px 0 13px;gap:18px;flex-wrap:wrap}.hero .button{font-size:14px;padding:15px 24px}.hero-link{font-size:13px}.hero-copy>.small{font-size:12px}.hero-gallery{gap:10px;margin-top:30px}.hero-preview{padding:4px;border-radius:9px}.hero-preview-image{border-radius:5px;aspect-ratio:3/4}.hero-preview:nth-child(2){margin-top:12px}.hero-preview-label{font-size:10px;padding:8px 2px 4px;justify-content:center;letter-spacing:-.03em}.hero-preview-label span:last-child{display:none}.strip{margin:15px 6% 0;padding:19px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.strip span{gap:7px}.how,.styles-section,.delivery-section,.faq{padding:52px 6%}h2{font-size:clamp(36px,8.7vw,50px);line-height:1.12}.how .steps{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.steps article{padding:20px 16px}.steps h3{font-size:18px;margin:20px 0 10px}.steps p{font-size:14px}.how>.small{font-size:12px}.landing .section-heading{grid-template-columns:1fr;gap:0}.section-heading>p:last-child{font-size:16px;margin:0 0 10px}.tabs{overflow-x:auto;gap:8px;margin:23px 0;justify-content:flex-start;padding-bottom:4px;scrollbar-width:thin}.tabs button{font-size:13px;padding:11px 16px;flex:0 0 auto}.style-panel{grid-template-columns:1fr;gap:20px;padding:16px;border-radius:18px}.grid-preview{max-width:420px}.style-copy{padding:5px 5px 0}.style-copy h3{font-size:33px}.style-copy .small{font-size:12px}.style-copy .button{width:100%;justify-content:center}.input-output{grid-template-columns:1fr;padding:30px 24px;gap:25px;border-radius:20px}.input-output h2{font-size:38px}.input-output figure{max-width:270px}.delivery-grid{grid-template-columns:1fr;gap:30px;margin-top:24px}.post-sample{max-width:355px}.delivery-notes h3{font-size:25px}.delivery-notes article{padding-bottom:18px;margin-bottom:15px}.delivery-notes>.button{width:100%;justify-content:center}.offer{grid-template-columns:1fr;gap:25px;padding:35px 24px;border-radius:22px}.offer h2{font-size:38px}.price-card{padding:24px}.faq summary{font-size:18px}.faq details{padding:21px 0}.form-page{padding:35px 6%}.form-page h1{font-size:44px}.order-summary,.admin-card{padding:22px}.form-page h1 em{font-family:Georgia,serif}.small{font-size:13px}.eyebrow{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-preview-label{font-size:9px}.how .steps{grid-template-columns:1fr}.hero-actions{gap:14px}.hero-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.button,.hero-preview{transition:none}.button:hover,.hero-preview:hover{transform:none}}

/* Result section: full-width title above aligned image and explanation. */
.landing .delivery-section .section-heading{display:block}
.delivery-section .section-heading h2{max-width:100%;margin-bottom:0}
.delivery-section .delivery-grid{grid-template-columns:1.1fr 1fr;gap:7%;margin-top:64px;align-items:stretch}
.delivery-section .post-sample{max-width:none;justify-self:stretch;width:100%;border-radius:20px}
.delivery-section .delivery-notes{justify-content:space-between}
.delivery-section .delivery-intro{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 32px;max-width:480px}
.caption-more{display:block;color:var(--muted);font-size:14px;margin:0 0 17px;cursor:default;text-decoration:none}
@media(max-width:760px){.delivery-section .delivery-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.delivery-section .post-sample{max-width:440px;justify-self:center}.delivery-section .delivery-intro{font-size:16px;margin-bottom:28px}}

/* Hero examples selected in the supplied reference. */
.hero-preview[data-preview-style="minimal"] .hero-preview-image img{width:409.6%;height:168.45%;left:-41.6%;top:-25.3%}
.hero-preview[data-preview-style="natural"] .hero-preview-image img{width:305.06%;height:301.04%;left:-102.53%;top:-94.59%}

/* Readable feature strip on desktop and mobile. */
.strip{font-size:18px;line-height:1.5;color:#4f5549;padding:28px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.strip span{gap:12px;min-width:0}.strip span:before{font-size:21px;flex-shrink:0;color:#7d896c}
@media(max-width:1000px){.strip{grid-template-columns:repeat(2,minmax(0,1fr));font-size:17px;gap:20px 28px}}
@media(max-width:760px){.strip{font-size:16px;line-height:1.5;padding:23px 0;gap:18px 16px}.strip span{gap:9px;align-items:flex-start}.strip span:before{font-size:19px}}

/* Neutral gallery surround keeps each collection’s colours independent. */
.style-panel{background:#fcfbf7;border:1px solid #e5e1d7}.style-panel .grid-preview{background:#fff;border-color:#edeae3;box-shadow:0 8px 24px #302b2008}.style-panel .photo-switch{background:#ece9e1}.style-panel .photo-switch button[aria-pressed=true]{background:#fff}

/* Photo section: soft sage complements paper surfaces and forest accents. */
.input-output{background:#dfe6dc;border:1px solid #d1dacb}.input-output h2{color:#263225}.input-output h2 em{color:#344c31}.input-output p,.input-output figcaption{color:#56614f}.input-output .eyebrow{color:#5b6953}