:root{--paper:#f8f7f3;--page-background:#f7f6f4;--ink:#292a26;--muted:#77766f;--line:#d7d5ce;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;background:var(--page-background);color:var(--ink);font:13px/1.7 Arial,Helvetica,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6c6b5e;outline-offset:5px}
.page-shell{--volcan-top:18.5%;--volcan-width:17.88204cqw;--volcan-height:calc(var(--volcan-width) * 1251 / 1145);--pair-overlap:28px;--pool-top:max(140px,calc(var(--volcan-top) - 64px));--pool-width:11.94864cqw;--text-gap-left:clamp(110px,9.5cqw,142px);--text-gap-right:clamp(96px,7.5cqw,110px);position:relative;isolation:isolate;container-type:inline-size;width:86%;max-width:1426px;min-height:max(100svh,min(86vw,1426px) * .75);margin:0 auto;background:var(--page-background);overflow:hidden;overflow:clip;display:flex;flex-direction:column}
.preview-notice{margin:0;padding:7px 4%;text-align:center;font-size:8px;line-height:1.6;letter-spacing:.3px;color:var(--muted)}
.header{padding:15px 3.7% 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;position:relative;z-index:1}
.brand{grid-column:1;grid-row:1;justify-self:start;display:block;width:110px;height:84px;text-decoration:none}.brand-image{display:block;width:100%;height:auto;object-fit:contain}
.languages{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:9px;font-size:10px;padding-top:2px}.languages button{padding:5px 2px;color:#939189;min-height:30px}.languages button[aria-pressed=true]{color:var(--ink)}.languages span{color:#b3b0a7;font-size:9px}
.composition{margin:0;padding:0;display:block;flex:1}
.photographic-composition,.photograph-pair{display:contents}
.photograph{position:absolute;margin:0;overflow:hidden;z-index:0}
.photograph img{display:block;width:100%;height:auto;filter:saturate(.85)}
.photograph-pool{left:calc(40.5% - var(--text-gap-left) - var(--volcan-width) - var(--pool-width) + var(--pair-overlap));top:var(--pool-top);width:11.94864%;z-index:1}
.photograph-volcan{left:calc(40.5% - var(--text-gap-left) - var(--volcan-width));top:var(--volcan-top);width:var(--volcan-width)}
.photograph-soporte{left:0;top:calc(var(--volcan-top) + var(--volcan-height) + 28px);width:19.5672%}
.photograph-tramuntana{left:calc(77.5% + var(--text-gap-right));top:16.4%;width:14.41872%}
.invitation{position:relative;z-index:1;width:37%;margin:clamp(100px,10vw,155px) 0 100px 40.5%}
h1{font:normal clamp(42px,4.1vw,62px)/1.1 var(--serif);letter-spacing:-1.8px;margin:0 0 40px}
.intro{font-size:12px;line-height:1.95;color:#706f68;max-width:none;margin:0 0 40px}.intro:has(+ .intro){margin-bottom:20px}
.primary{display:inline-flex;font-size:10px;min-height:46px;align-items:center;justify-content:center;gap:12px;background:var(--ink);border:1px solid var(--ink);border-radius:0;color:var(--paper);padding:17px 28px;letter-spacing:.8px;transition:background-color 220ms ease,color 220ms ease}
.primary-arrow{display:inline-block;flex:0 0 12px;width:12px;height:12px;opacity:0;pointer-events:none;transition:opacity 220ms ease}
@media(hover:hover){.primary:hover{background:transparent;color:var(--ink)}.primary:hover .primary-arrow{opacity:1}}
.primary:focus-visible,.primary:active,.primary.is-pressed{background:transparent;color:var(--ink)}
.primary:focus-visible .primary-arrow,.primary:active .primary-arrow,.primary.is-pressed .primary-arrow{opacity:1}
.primary:active,.primary:active .primary-arrow,.primary.is-pressed,.primary.is-pressed .primary-arrow{transition-duration:0s}
@media(prefers-reduced-motion:reduce){.primary,.primary-arrow{transition:none}}
.professional{display:block;text-align:left;padding:0;font-size:10px;line-height:1.8;color:var(--muted);max-width:none;margin-top:32px;text-decoration:underline;text-decoration-color:#c6c3ba;text-underline-offset:4px}.professional:hover{color:var(--ink)}
footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;margin:0 3.7%;padding:0 0 26px;color:#8b8880;font-size:9px}.legal-links{display:flex;gap:22px}.legal-links button{font-size:9px;padding:0;color:inherit}.legal-links button:hover{text-decoration:underline}
dialog{border:0;background:var(--paper);color:var(--ink);padding:50px;width:min(540px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#24241e66}body:has(dialog[open]){overflow:hidden}.close{position:absolute;top:12px;right:15px;width:36px;height:36px;font:25px/1 Arial;font-weight:200;color:var(--muted)}.overline{font-size:8px;letter-spacing:2px;margin:0 0 28px}h2{font:normal 36px/1.15 var(--serif);letter-spacing:-.8px;margin:0 0 20px}.dialog-intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 28px}form label{font-size:10px}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:transparent;border:0;border-radius:0;border-bottom:1px solid #aaa89e;padding:10px 0;margin:0;font-size:12px;min-height:40px}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:10px;color:var(--muted);margin:22px 0 0}.consent input{flex-shrink:0;accent-color:var(--ink);margin:3px 0 0}.demo{font-size:9px;color:var(--muted);margin:15px 0 22px}.status{font-size:11px;line-height:1.7;margin:20px 0 0}.status:empty{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}
[hidden]{display:none!important}
@media(max-width:1100px){
 .page-shell{width:94%;min-height:100svh;display:block;--pool-top:0}
 .preview-notice{font-size:7px;padding:7px 5%}
 .header{padding:18px 6% 0}.brand{width:80px;height:68px}
 .composition{padding:0 6%;margin:30px 0 42px}
 .photographic-composition{display:grid;width:100%;max-width:600px;margin-inline:auto;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,20px);align-items:start}
 .photograph{position:relative;left:auto;top:auto;width:100%;margin:0;align-self:start}
 .photograph-pair{display:block;position:relative;grid-column:1/-1;grid-row:1;aspect-ratio:1.45}
 .photograph-pair .photograph{position:absolute;margin:0}
 .photograph-pool{left:0;top:0;width:39.6%}
 .photograph-volcan{left:34.6%;right:auto;top:12%;width:54.56%}
 .photograph-soporte{grid-column:1;grid-row:2;width:80%}
 .photograph-tramuntana{grid-column:2;grid-row:2;width:85%;justify-self:end}
 .invitation{width:100%;max-width:620px;margin:40px auto 0}
 h1{font-size:43px;line-height:1.08;margin-bottom:28px}.intro{font-size:12px;line-height:1.9;margin-bottom:25px}.intro:has(+ .intro){margin-bottom:20px}
 .primary{font-size:10px;padding:15px 23px}.professional{font-size:10px;margin-top:23px}
 footer{margin:0 6%;font-size:8px;padding-bottom:22px;align-items:baseline}.legal-links{gap:14px}.legal-links button{font-size:8px}
 dialog{padding:43px 25px 28px}h2{font-size:32px}.fields{gap:19px 16px}
}
@media(max-width:350px){h1{font-size:37px}footer{flex-direction:column;gap:10px}.fields{grid-template-columns:1fr}}

#samples-dialog .dialog-intro:has(+ .dialog-intro){margin-bottom:16px}

/* A shared desktop row aligns the top of the photographic ensemble with the
   title. Fixed reference coordinates preserve every internal photo offset,
   independently of any extra page height needed by the footer. */
@media(min-width:1101px){
 .page-shell{--photo-reference-height:max(100svh,min(86vw,1426px) * .75);--volcan-y:calc(var(--photo-reference-height) * .185);--pool-y:max(140px,calc(var(--volcan-y) - 64px));--ensemble-bottom:max(calc(var(--pool-y) + var(--pool-width) * 706 / 700),calc(var(--volcan-y) + var(--volcan-height) + 28px + 19.5672cqw * 719 / 1100),calc(var(--photo-reference-height) * .164 + 14.41872cqw * 1536 / 694))}
 .composition{display:grid;grid-template-columns:40.5% 37% 1fr;align-items:start;margin-top:clamp(100px,10vw,155px);margin-bottom:72px}
 .photographic-composition{display:block;position:relative;grid-column:1/-1;grid-row:1;width:100%;height:calc(var(--ensemble-bottom) - var(--pool-y))}
 .invitation{grid-column:2;grid-row:1;width:100%;margin:0}
 .photograph-pool{top:0}
 .photograph-volcan{top:calc(var(--volcan-y) - var(--pool-y))}
 .photograph-soporte{top:calc(var(--volcan-y) + var(--volcan-height) + 28px - var(--pool-y))}
 .photograph-tramuntana{top:calc(var(--photo-reference-height) * .164 - var(--pool-y))}
}

/* Shared actions; the settled homepage geometry is unchanged. */
.primary:disabled{cursor:wait;opacity:.65}
.spam-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.privacy-inline{display:block;padding:0;margin:12px 0;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
.challenge-slot:not(:empty){margin:16px 0;min-height:65px}
.status[data-error="true"]{font-weight:500}