/* Fipsta landing pages, shared by DE and EN. No scripts or external assets. */
:root{--paper:#f5f4ef;--ink:#171916;--muted:#585b52;--coral:#ff5938;--lime:#d6fa6b;--lilac:#b7a2ef;--line:#d8d9cf}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible{outline:3px solid #a83a20;outline-offset:6px}
a,summary,label{-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
p,h1,h2,h3{margin:0}
h1,h2,h3{font-weight:850;letter-spacing:-.055em;line-height:1.02}
h2{font-size:clamp(40px,4.8vw,68px)}
h3{font-size:28px;letter-spacing:-.04em;line-height:1.12}
button,input{font:inherit}
.wrap{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}
.spark{display:block;width:32px;height:32px;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px 20px;z-index:100}
.skip:focus{top:16px}
.site-header{height:106px;display:flex;align-items:center;gap:40px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:39px;font-weight:850;letter-spacing:-2.5px;line-height:1}
.brand .spark{color:var(--coral);width:31px;height:31px}
.brand-icon{width:50px;height:50px;border-radius:12px;flex-shrink:0}
.brand-period{color:var(--coral);margin-left:-10px}
.main-nav{display:flex;gap:34px;margin-left:auto;font-size:14px;font-weight:650}
.main-nav a{padding-block:10px}
.main-nav a:hover{color:#b63a20}
.language{display:flex;background:#e9e9e2;padding:4px;border-radius:50px;font-size:12px;font-weight:750}
.language a{padding:5px 11px;border-radius:30px}
.language a[aria-current]{background:var(--ink);color:white}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:center;min-height:628px;padding-top:35px;padding-bottom:66px}
.hero>*{min-width:0}
.hero-copy{position:relative;z-index:4}
.availability{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650;letter-spacing:.025em;margin-bottom:25px}
.availability>span{width:7px;height:7px;border-radius:50%;background:#658329;box-shadow:0 0 0 4px #65832915}
.hero h1{font-size:clamp(69px,7.9vw,114px);line-height:.97;letter-spacing:-.07em;margin-left:-5px}
.hero h1 em{font-style:normal;color:#e74728}
.hero-lead{font-size:20px;font-weight:700;letter-spacing:-.03em;margin-top:28px}
.hero-description{max-width:420px;font-size:16px;line-height:1.7;color:var(--muted);margin-top:8px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;border-radius:100px;padding:13px 24px;font-size:14px;font-weight:650;transition:transform .18s,background .18s}
.button-dark{color:white;background:var(--ink)}
.button:hover{transform:translateY(-3px);background:#353a2c}
.button span{font-size:22px;line-height:1}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#7a7c6f}
.text-link:hover{text-decoration-thickness:2px}
.hero-micro{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:22px}
.hero-micro .spark{width:13px;height:13px}
.hero-art{height:475px;position:relative;isolation:isolate}
.art-orbit{position:absolute;width:365px;height:365px;border-radius:50%;background:var(--lime);left:20%;top:13%;z-index:-1}
.hero-card{position:absolute;overflow:hidden;border:5px solid var(--paper);border-radius:18px;box-shadow:0 18px 36px #26311f21;color:#fff;isolation:isolate;transition:translate .25s}
.hero-card:hover{translate:0 -10px}
.hero-card:after{pointer-events:none;content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008);z-index:-1}
.hero-card img,.hero-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}
.shop-card{width:190px;height:280px;left:0;top:24%;transform:rotate(-13deg);z-index:1}
.ocean-card{width:183px;height:274px;right:-1%;top:12%;transform:rotate(13deg);z-index:2;color:var(--ink)}
.ocean-card:after{background:linear-gradient(transparent,#efc94690)}
.lighthouse-card{width:251px;height:372px;left:29%;top:2%;transform:rotate(4deg);z-index:3}
.card-type{position:absolute;top:15px;left:14px;font-size:9px;letter-spacing:.12em;font-weight:750}
.hero-card p{position:absolute;bottom:22px;left:16px;right:12px;font-size:30px;font-weight:850;line-height:.98;letter-spacing:-.05em}
.shop-card p{max-width:100px}
.ocean-card p{font-size:29px}
.tiny-spark{position:absolute;top:38px;left:16px;font-size:34px;color:var(--coral)}
.card-top{display:flex;justify-content:space-between;align-items:center;margin:15px;font-size:9px;font-weight:800;letter-spacing:.1em}
.card-top span:last-child{font-size:23px;line-height:1}
.lighthouse-card p{font-size:43px;bottom:30px}
.lighthouse-card p>span{display:block;margin-top:12px;font-size:8px;font-weight:500;letter-spacing:.015em;line-height:1.5}
.hero-sticker{position:absolute;left:15%;bottom:25px;background:var(--lilac);padding:17px 22px;display:flex;align-items:center;gap:16px;transform:rotate(-7deg);z-index:5;box-shadow:3px 5px 0 var(--ink);font-size:18px;font-weight:800;line-height:1.1;letter-spacing:-.045em}
.hero-sticker .spark{width:40px;height:40px}
.art-spark{position:absolute;right:0;bottom:53px;color:var(--coral);transform:rotate(8deg)}
.art-spark .spark{width:80px;height:80px}
.art-label{position:absolute;bottom:-13px;right:0;color:var(--muted);font-size:9px}
.manifesto{background:var(--lime);padding:22px 0;overflow:hidden}
.manifesto>div{max-width:1320px;width:calc(100% - 112px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.manifesto span{font-weight:850;font-size:clamp(24px,3vw,43px);letter-spacing:-.055em;line-height:1;white-space:nowrap}
.manifesto .spark{width:32px;height:32px}
.manifesto .spark:last-child{display:none}
.section-space{padding-top:100px;padding-bottom:100px}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}
.eyebrow{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:750;margin-bottom:18px}
.section-intro>p{max-width:285px;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:3px}
.showcase{display:flex;flex-wrap:wrap;gap:0;border:0;padding:0;margin:0;min-width:0}
.choice-label{flex:1;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;padding:19px 0;border-top:1px solid var(--line);border-bottom:3px solid transparent;cursor:pointer;transition:background .2s}
.choice-label>span{font-size:10px;font-weight:500;color:var(--muted)}
.choice-label:hover{background:#eaece1}
.choice-input:checked+.choice-label{border-bottom-color:var(--ink)}
.choice-input:focus-visible+.choice-label{outline:3px solid #a83a20;outline-offset:-3px}
.sample-panels{width:100%;padding-top:24px}
.sample-panel{display:none;grid-template-columns:1.1fr 1fr;min-height:425px;background:#ebece3;border-radius:8px;overflow:hidden}
#idea-0:checked~.sample-panels .panel-0,#idea-1:checked~.sample-panels .panel-1,#idea-2:checked~.sample-panels .panel-2{display:grid}
.sample-image{position:relative;min-height:425px;overflow:hidden;isolation:isolate}
.sample-image img,.sample-image video{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:-2}
.sample-alley img{object-position:50% 43%}
.sample-shop img{object-position:50% 45%}
.sample-sunset img{object-position:50% 61%}
.sample-image:after{pointer-events:none;content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008);z-index:-1}
.sample-badge{display:inline-block;margin:24px;border-radius:30px;padding:7px 15px;background:var(--paper);color:var(--ink);font-size:10px;font-weight:700;transform:rotate(-4deg)}
.sample-caption{position:absolute;bottom:44px;left:30px;right:28px;max-width:320px;font-size:42px;line-height:1;letter-spacing:-.05em;color:white;font-weight:850}
.sample-no{position:absolute;bottom:16px;right:22px;color:white;font-size:9px;letter-spacing:.05em}
.sample-copy{padding:46px;align-self:center}
.sample-copy h3{font-size:43px;margin-bottom:21px}
.sample-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:325px;line-height:1.8}
.sample-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 27px}
.sample-tags>span{border:1px solid #c0c4b3;padding:4px 10px;border-radius:30px;font-size:9px;font-weight:550}
.panel-1{background:#f1e6dd}
.panel-2{background:#e6def6}
.sample-footnote{color:var(--muted);font-size:10px;text-align:right;margin-top:13px}
.workflow{border-top:1px solid var(--line);padding-top:75px}
.workflow .section-intro>.spark{width:92px;height:92px;color:var(--coral);margin-right:40px;transform:rotate(10deg)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:56px}
.steps article{border-top:1px solid var(--line);padding-top:22px}
.step-number{display:block;color:#b03e24;font-size:13px;font-weight:700;margin-bottom:22px}
.steps h3{font-size:25px;margin-bottom:14px}
.steps p{font-size:14px;line-height:1.8;color:var(--muted)}
.features{background:var(--ink);color:var(--paper)}
.features .eyebrow{color:var(--lime)}
.features .section-intro>p{color:#bec2b6}
.feature-row{display:grid;grid-template-columns:65px 1fr 340px;gap:32px;padding:40px 0;border-top:1px solid #3b3e34;align-items:center}
.feature-number{align-self:start;font-size:12px;color:#b0b6a6;padding-top:5px}
.feature-copy{max-width:440px}
.feature-copy h3{font-size:28px;max-width:360px}
.feature-copy p{font-size:14px;line-height:1.8;color:#bec2b6;margin-top:16px}
.feature-visual{min-height:150px;border-radius:8px;background:#272c20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:21px;padding:20px}
.visual-caption{font-size:10px;color:#c2c9b7}
.waveform{display:flex;align-items:center;gap:5px;height:65px;color:var(--lime)}
.waveform i{width:5px;display:block;background:currentColor;border-radius:8px}
.bar-0{height:13px}.bar-1{height:30px}.bar-2{height:45px}.bar-3{height:21px}.bar-4{height:59px}.bar-5{height:36px}.bar-6{height:52px}.bar-7{height:26px}
.feature-1 .feature-visual{background:#302a39}
.caption-art{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:21px;font-weight:800;letter-spacing:-.04em}
.caption-art .highlight{color:var(--ink);background:var(--lilac);padding:0 8px;transform:rotate(-3deg)}
.feature-2 .feature-visual{background:#332a21}
.format-art{display:flex;align-items:center;gap:14px}
.format-art i{border:1.5px solid #fbb998;color:#fbb998;font-size:11px;font-style:normal;font-weight:600;border-radius:4px;width:33px;height:59px;display:grid;place-items:center}
.format-art i:nth-child(2){width:46px;height:46px}
.format-art i:nth-child(3){width:67px;height:38px}
.privacy-note{border-top:1px solid #3b3e34;margin-top:14px;padding-top:36px;display:grid;grid-template-columns:65px 1fr auto;gap:32px;align-items:center}
.privacy-symbol{font-size:50px;color:var(--lime);align-self:start;line-height:1}
.privacy-note h3{font-size:22px}
.privacy-note p{max-width:590px;color:#bec2b6;font-size:12px;line-height:1.8;margin-top:10px}
.privacy-note .text-link{color:var(--lime);font-size:11px}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.faq h2{font-size:45px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;font-size:14px;font-weight:650;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary>span{font-size:23px;font-weight:400;transition:transform .2s}
details[open] summary>span{transform:rotate(45deg)}
details>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:24px;max-width:520px}
.closing{background:var(--coral);padding:66px 0 62px}
.closing-main{display:flex;justify-content:space-between;align-items:center;position:relative}
.closing h2{font-size:clamp(90px,12vw,174px);line-height:.87;letter-spacing:-.065em}
html[lang=en] .closing h2{font-size:clamp(68px,10vw,145px)}
.closing-main>.spark{width:185px;height:185px;margin-right:70px;transform:rotate(-12deg)}
.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:36px}
.closing-bottom p{font-size:14px;line-height:1.8}
.site-footer{padding-block:48px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}
.site-footer .brand{font-size:32px}
.site-footer .brand .spark{width:25px;height:25px}
.site-footer .brand-icon{width:42px;height:42px;border-radius:10px}
.site-footer>div>p{font-size:11px;color:var(--muted);margin-top:12px}
.site-footer nav{display:flex;gap:30px;font-size:12px;padding-top:10px}
.site-footer nav a:hover{text-decoration:underline}
.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){
.hero-copy{animation:reveal .65s both}
.hero-art{animation:reveal .9s both}
@keyframes reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
}
@media(min-width:1500px){.hero{min-height:700px}.hero-art{transform:scale(1.07);transform-origin:60% 50%}}
@media(max-width:1190px){
.wrap{width:calc(100% - 80px)}
.hero{gap:0}
.hero h1{font-size:8.2vw}
.hero-description{max-width:360px}
.hero-actions{gap:18px}
.hero-actions .text-link{font-size:11px}
.hero-art{transform:scale(.9);transform-origin:55% 50%}
.lighthouse-card{left:25%}
.shop-card{left:-5%}
.ocean-card{right:-5%}
.manifesto>div{width:calc(100% - 80px)}
.feature-row{grid-template-columns:35px 1fr 285px;gap:22px}
.privacy-note{grid-template-columns:35px 1fr;gap:22px}
.privacy-note>a{grid-column:2}
.sample-copy{padding:34px}
.sample-copy h3{font-size:37px}
}
@media(max-width:900px){
.wrap{width:calc(100% - 48px)}
.site-header{height:90px;gap:25px}
.main-nav{gap:20px;font-size:12px}
.brand{font-size:34px}
.hero{grid-template-columns:minmax(0,1fr);gap:0;padding-top:35px;padding-bottom:32px;min-height:auto}
.hero-copy{max-width:650px}
.hero h1{font-size:clamp(75px,12vw,107px)}
.hero-description{max-width:480px}
.hero-art{height:485px;transform:none;width:580px;max-width:100%;margin:32px auto 0}
.lighthouse-card{left:29%}
.shop-card{left:0}
.ocean-card{right:0}
.hero-actions .text-link{font-size:13px}
.art-orbit{left:19%}
.manifesto>div{width:calc(100% - 48px);gap:18px}
.manifesto .spark{width:23px;height:23px}
.section-space{padding-block:74px}
.section-intro{gap:30px}
.section-intro>p{max-width:245px;font-size:13px}
.sample-panel{grid-template-columns:1fr 1fr}
.sample-copy{padding:27px}
.sample-copy h3{font-size:33px}
.sample-copy>p:not(.eyebrow){font-size:13px}
.sample-image{min-height:400px}
.sample-caption{font-size:35px;left:22px}
.sample-badge{margin:19px;font-size:9px}
.steps{gap:25px}
.steps h3{font-size:22px}
.steps p{font-size:13px}
.feature-row{grid-template-columns:24px 1fr 235px;gap:16px}
.feature-copy h3{font-size:24px}
.feature-copy p{font-size:13px}
.waveform{gap:4px}
.waveform i{width:4px}
.faq{gap:40px;grid-template-columns:.8fr 1.2fr}
.faq h2{font-size:35px}
.closing-main>.spark{width:140px;height:140px;margin-right:25px}
}
@media(max-width:600px){
.wrap{width:calc(100% - 40px)}
.site-header{height:79px;gap:15px}
.brand{font-size:31px}
.brand .spark{width:25px;height:25px}
.brand-icon{width:42px;height:42px;border-radius:10px}
.main-nav{display:none}
.language{margin-left:auto}
.language a{padding:5px 10px}
.hero{padding-top:26px;padding-bottom:36px}
.availability{font-size:10px;margin-bottom:23px}
.hero h1{font-size:clamp(59px,15vw,89px);letter-spacing:-.065em;margin-left:-2px}
.hero-lead{font-size:18px;margin-top:25px}
.hero-description{font-size:14px;max-width:390px}
.hero-actions{gap:20px;margin-top:23px}
.button{font-size:12px;min-height:50px;padding:12px 20px;gap:23px}
.hero-actions .text-link{font-size:11px}
.hero-micro{font-size:10px;margin-top:18px}
.hero-art{height:365px;margin-top:28px}
.art-orbit{width:265px;height:265px;left:15%;top:13%}
.lighthouse-card{width:190px;height:284px;left:26%;top:1%;border-width:4px;border-radius:14px}
.shop-card{width:140px;height:207px;left:0;top:26%;border-width:4px;border-radius:13px}
.ocean-card{width:135px;height:204px;right:5px;top:16%;border-width:4px;border-radius:13px}
.card-type{font-size:7px;left:10px;top:11px}
.hero-card p{font-size:25px;left:10px;bottom:18px}
.lighthouse-card p{font-size:33px;bottom:24px}
.lighthouse-card p>span{font-size:6px;margin-top:9px}
.card-top{font-size:7px;margin:10px}
.tiny-spark{font-size:24px;top:32px;left:10px}
.hero-sticker{left:12%;bottom:20px;padding:13px 18px;font-size:15px;gap:11px}
.hero-sticker .spark{width:30px;height:30px}
.art-spark{right:0;bottom:43px}
.art-spark .spark{width:46px;height:46px}
.art-label{font-size:7px;bottom:-10px}
.manifesto{padding:20px 0}
.manifesto>div{width:calc(100% - 40px);gap:11px}
.manifesto span{font-size:clamp(15px,4.2vw,24px);letter-spacing:-.04em}
.manifesto .spark{width:15px;height:15px}
.section-space{padding-block:58px}
.section-intro{display:block;margin-bottom:30px}
h2{font-size:40px}
.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:14px}
.section-intro>p{max-width:345px;margin-top:21px;font-size:13px}
.choice-label{padding:15px 3px;font-size:11px;gap:7px;line-height:1.3;min-height:54px}
.choice-label>span{font-size:8px}
.sample-panels{padding-top:18px}
.sample-panel{grid-template-columns:1fr}
.sample-image{min-height:345px}
.sample-alley img{object-position:50% 37%}
.sample-caption{font-size:36px;bottom:37px;max-width:285px}
.sample-copy{padding:29px}
.sample-copy h3{font-size:38px}
.sample-copy>p:not(.eyebrow){max-width:none}
.sample-tags{margin:20px 0 23px}
.sample-footnote{font-size:8px}
.workflow .section-intro{display:flex;align-items:center}
.workflow .section-intro>.spark{width:45px;height:45px;margin-right:4px}
.workflow h2{font-size:36px}
.workflow .eyebrow{max-width:225px}
.steps{grid-template-columns:1fr;gap:25px;margin-top:33px}
.steps article{display:grid;grid-template-columns:30px 1fr;gap:10px 13px;padding-top:20px}
.step-number{grid-row:1/3;margin:4px 0}
.steps h3{margin:0;font-size:24px}
.steps p{grid-column:2;max-width:400px}
.feature-row{grid-template-columns:25px 1fr;gap:12px;padding-block:30px}
.feature-copy h3{font-size:26px}
.feature-copy p{margin-top:13px}
.feature-visual{grid-column:2;width:100%;min-height:147px;margin-top:9px}
.privacy-note{grid-template-columns:25px 1fr;gap:12px;padding-top:26px}
.privacy-symbol{font-size:34px}
.privacy-note h3{font-size:23px}
.privacy-note p{font-size:12px}
.privacy-note>a{margin-top:10px}
.faq{display:block}
.faq h2{font-size:37px;margin-bottom:28px}
summary{font-size:13px;padding:21px 0}
details>p{font-size:12px}
.closing{padding-block:46px}
.closing h2{font-size:clamp(69px,15.5vw,97px)}
html[lang=en] .closing h2{font-size:clamp(48px,12vw,69px)}
.closing-main>.spark{width:63px;height:63px;margin:0 5px 0 12px}
html[lang=en] .closing-main>.spark{position:absolute;right:0;top:5px;width:44px;height:44px}
.closing-bottom{display:block;margin-top:27px}
.closing-bottom p{font-size:12px}
.closing-bottom .button{margin-top:25px}
.site-footer{padding-block:35px;grid-template-columns:1fr}
.site-footer nav{font-size:11px;gap:25px}
.copyright{font-size:9px}
}
@media(max-width:360px){
.wrap{width:calc(100% - 32px)}
.hero-actions{gap:16px}
.hero-actions .text-link{font-size:10px}
.hero-art{height:331px}
.lighthouse-card{width:170px;height:254px}
.shop-card{width:126px;height:188px}
.ocean-card{width:120px;height:182px}
.art-orbit{width:235px;height:235px}
.hero-sticker{font-size:13px;bottom:15px}
.hero-sticker .spark{width:25px;height:25px}
.hero-card p{font-size:22px}
.lighthouse-card p{font-size:30px}
.manifesto>div{width:calc(100% - 32px);gap:9px}
.manifesto span{font-size:14px}
.choice-label{font-size:10px}
.choice-label>span{display:none}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}

/* Real owner-supplied media. CSS crops only; all source photos stay intact. */
.shop-card img{transform:scale(1.42);object-position:50% 52%}
.shop-card p{max-width:130px;font-size:27px}
.shop-card .card-type,.ocean-card .card-type{padding:5px 8px;border-radius:20px;background:#171916bd;color:white;letter-spacing:.07em;pointer-events:none}
.ocean-card{top:34%;right:-1%;width:193px;height:290px;z-index:4;color:white;transform:rotate(9deg)}
.ocean-card:after{display:none}
.ocean-card video{z-index:0;object-fit:cover}
.ocean-card .card-type{z-index:1}
.ocean-card:hover{translate:none}
.lighthouse-card{left:25%;width:237px;height:354px}
.lighthouse-card img{object-position:50% 43%}
.hero-card .card-top{color:var(--ink)}
.lighthouse-card p{font-size:40px;max-width:170px}
.hero-sticker{left:5%;bottom:7px}
.art-spark{display:none}
.sample-alley img{object-position:50% 60%}
.sample-shop img{object-position:50% 53%;transform:scale(1.32)}
.sample-sunset video{z-index:0;object-fit:cover;object-position:50% 48%}
.sample-sunset:after{z-index:1;inset:65% 0 40px}
.sample-sunset .sample-badge,.sample-sunset .sample-caption{z-index:2;pointer-events:none}
.sample-sunset .sample-caption{bottom:72px}
.sample-sunset .sample-no{display:none}
video:focus-visible{outline:3px solid var(--coral);outline-offset:-4px}
@media(max-width:900px){.ocean-card{right:1%}.lighthouse-card{left:28%}}
@media(max-width:600px){
.lighthouse-card{left:25%;width:183px;height:274px}
.lighthouse-card p{font-size:31px;max-width:138px}
.ocean-card{right:0;top:32%;width:137px;height:215px;transform:rotate(8deg)}
.shop-card p{font-size:23px;max-width:92px}
.hero-sticker{left:2%;bottom:2px}
.sample-shop img{transform:scale(1.23)}
.sample-alley img{object-position:50% 58%}
.sample-sunset .sample-caption{bottom:72px;font-size:32px;max-width:250px}
}
@media(max-width:360px){
.lighthouse-card{width:163px;height:245px}
.lighthouse-card p{font-size:28px;max-width:125px}
.ocean-card{width:121px;height:194px}
.shop-card p{font-size:21px}
}