@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--cream:#f7f3ec;--paper:#fffdf8;--sage:#a7b3a0;--sage-dark:#607361;--clay:#c78f7b;--sand:#e7d5c6;--ink:#3e483f;--muted:#697168}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a45d42;outline-offset:4px}.shell{width:min(1140px,calc(100% - 48px));margin:auto}.narrow{max-width:790px;text-align:center}.section{padding:112px 0}.header{background:rgba(247,243,236,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #e7e1d6;backdrop-filter:blur(12px)}.head-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand em{font-style:normal;font-weight:400}.brand-mark{font-size:29px;color:var(--clay);line-height:1}.header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.header nav a:hover,.text-link:hover{color:#8c6456}.nav-contact{padding:11px 20px;border-radius:30px;background:var(--sage)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer}.hero{padding-top:70px}.hero-grid{display:grid;grid-template-columns:1fr 0.95fr;gap:6%;align-items:center}.hero-copy{padding:45px 0 65px}.eyebrow,.overline{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#7a806f}.dot{display:inline-block;width:8px;height:8px;background:var(--clay);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.8px}h1{font-size:clamp(55px,6vw,92px);margin:28px 0}h2{font-size:clamp(40px,4.4vw,66px);margin:18px 0 28px}h3{font-size:33px;margin:16px 0}h1 i,h2 em{font-weight:400;color:#9b776b}p{margin:0 0 20px}.hero-copy>p{max-width:480px;font-size:18px;color:#5e695f}.button{display:inline-flex;align-items:center;gap:32px;background:var(--sage);padding:15px 24px;border-radius:40px;font-size:13px;font-weight:700;margin-top:20px;transition:background .2s}.button:hover{background:#93a28d}.hero-art{height:560px;position:relative;overflow:hidden;background:#e9ded0;border-radius:230px 230px 12px 12px;isolation:isolate}.sun{position:absolute;top:85px;right:60px;background:#f5e7c7;width:180px;height:180px;border-radius:50%}.arch{position:absolute;border-radius:230px 230px 0 0;bottom:0}.arch-back{left:-30px;width:330px;height:380px;background:#c8c6ad;transform:rotate(-9deg)}.arch-front{right:-70px;width:330px;height:310px;background:#b4bfa9;transform:rotate(12deg)}.stem{position:absolute;width:4px;height:270px;background:#657b61;bottom:5px;left:54%;transform:rotate(19deg);z-index:2;border-radius:4px}.stem-two{left:64%;height:200px;transform:rotate(-24deg)}.leaf{position:absolute;width:95px;height:45px;background:#758c70;border-radius:90% 5% 90% 5%;z-index:3}.leaf-one{left:45%;bottom:195px;transform:rotate(-35deg)}.leaf-two{left:59%;bottom:130px;transform:rotate(30deg)}.leaf-three{left:60%;bottom:270px;transform:rotate(-60deg)}.small-flower{position:absolute;top:95px;left:70px;font-size:100px;color:#f8f1e7}.art-caption{position:absolute;bottom:26px;left:28px;font-size:11px;letter-spacing:1.2px;color:#3f5543;z-index:5}.hero-bottom{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #dcd8ce;font-size:10px;letter-spacing:1.5px;font-weight:700}.manifesto{background:var(--paper)}.flower{font-size:44px;color:var(--clay)}.manifesto h2{margin:16px 0 30px}.manifesto p:not(.overline){font-size:17px;color:#687168;max-width:680px;margin:0 auto 18px}.about{background:var(--sand)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-frame{min-height:530px;border-radius:230px 230px 10px 10px;background:#d3c1ad;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.line-art{font-size:150px;line-height:1;color:#eee4d7}.photo-note{font-size:13px;max-width:230px;color:#645d53}.about-copy p:not(.overline){font-size:17px;max-width:490px}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:6px;margin-top:14px}.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading h2{max-width:650px;margin:10px 0}.section-heading p{max-width:300px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:var(--paper);padding:38px 30px 42px;border-radius:12px;min-height:345px;border:1px solid #ebe5dc}.service-icon{font-size:53px;color:var(--clay);display:block;height:94px}.service-number{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#808778}.service-card p{font-size:14px;color:var(--muted)}.service-disclaimer{font-size:12px;color:var(--muted);margin-top:20px}.approach{background:#e6ebe1}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.approach-grid p:not(.overline){font-size:19px;color:#566658}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.values span{border:1px solid #acbbab;border-radius:40px;padding:9px 17px;font-size:13px}.contact{background:var(--sage);text-align:center}.contact-inner{max-width:700px}.contact h2{font-size:clamp(64px,8vw,110px)}.contact p:not(.overline){font-size:18px}.contact-pending{margin:35px auto 0;padding:20px 24px;border:1px solid #71856f;border-radius:12px;display:flex;flex-direction:column;gap:5px;font-size:14px;max-width:520px}.contact-pending span{font-size:13px}.footer{background:#3e483f;color:#f6f2e9;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer p,.footer-right{font-size:12px;color:#d2d8ce}.footer-right{display:flex;flex-direction:column;align-items:end;gap:12px}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}@media(max-width:800px){.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--cream);padding:25px 24px;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 12px 18px #0001}.header nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.about-grid,.approach-grid{grid-template-columns:1fr;gap:30px}.hero{padding-top:20px}.hero-copy{padding:25px 0 10px}.hero-art{height:430px;max-width:560px;width:100%;margin:auto}.section{padding:75px 0}.about-art{order:2}.about-frame{min-height:370px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.footer-inner{flex-direction:column}.footer-right{align-items:start}}@media(max-width:480px){.shell{width:min(100% - 32px,1140px)}.brand{font-size:21px}h1{font-size:clamp(48px,12vw,64px)}.hero-art{height:340px}.sun{width:125px;height:125px}.arch-back{width:250px}.arch-front{width:250px}.hero-copy>p{font-size:16px}.hero-bottom{font-size:9px}.about-frame{min-height:310px}.section{padding:65px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Fotografies reals: retoc suau, sense alteracions de contingut */
.about-frame{padding:0;overflow:hidden;display:block}.about-frame img{display:block;width:100%;height:540px;object-fit:cover;object-position:center 32%}.space-section{background:#fffdf8}.space-gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.space-gallery figure,.space-details figure{margin:0;overflow:hidden;border-radius:12px;background:#e7d5c6}.space-gallery img{display:block;width:100%;height:360px;object-fit:cover}.space-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.space-details img{display:block;width:100%;height:230px;object-fit:cover}.space-details figure:last-child img{object-position:center 25%}@media(max-width:800px){.about-frame img{height:440px}.space-gallery{grid-template-columns:1fr 1fr}.space-main{grid-column:span 2}.space-gallery img{height:260px}.space-main img{height:380px}.space-details img{height:190px}}@media(max-width:480px){.about-frame img{height:390px}.space-gallery{grid-template-columns:1fr}.space-main{grid-column:auto}.space-gallery img,.space-main img{height:300px}.space-details{grid-template-columns:1fr 1fr}.space-details img{height:170px}.space-details figure:last-child{grid-column:span 2}.space-details figure:last-child img{height:260px}}

/* Versió 3 */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card small{display:inline-block;margin-top:12px;color:#9a6755;font-weight:600}
.workflow{background:#faf7f1}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:34px}
.steps article{border-top:1px solid #b6bfae;padding:22px 4px 0}
.steps article>span{font-family:Georgia,serif;color:#a16f5b;font-size:28px}
.steps h3{font-size:21px;margin:16px 0 10px}
.steps p{line-height:1.7}
.duration{margin-top:60px;padding:28px 32px;background:#f0ece3;border-radius:18px}
.duration>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.duration>div p{display:flex;flex-direction:column;gap:6px}
.duration strong{font-size:25px;color:#6f8069}
.duration span,.tariffs{font-size:14px}
.whatsapp{display:inline-flex;margin:18px auto}
.contact-meta{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:26px}
.contact-meta p{display:flex;flex-direction:column;gap:5px}
.contact-meta a{color:inherit}
.address-note{font-size:13px;opacity:.8}
@media(max-width:850px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.steps,.service-grid,.duration>div{grid-template-columns:1fr}.duration{padding:22px}.contact-meta{gap:10px;flex-direction:column}}

/* Direcció fotogràfica editorial: selecció reduïda i enquadraments coherents */
.about-frame{overflow:hidden;box-shadow:none!important;border-radius:2px!important;background:#e9e4da}
.about-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(.83) contrast(1.035) brightness(1.035)}
.editorial-gallery{display:grid;grid-template-columns:1.2fr .8fr;column-gap:28px;row-gap:34px;margin-top:38px;align-items:start}
.editorial-gallery figure{margin:0;overflow:hidden}
.editorial-gallery .editorial-wide{grid-row:span 2}
.editorial-gallery img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.83) contrast(1.025) brightness(1.025);transition:transform .5s ease}
.editorial-gallery .editorial-wide img{aspect-ratio:4/5}
.editorial-gallery .editorial-small img{aspect-ratio:3/2}
.editorial-gallery figcaption{padding-top:12px;font-size:10px;letter-spacing:.17em;color:#77766f;font-weight:600}
.editorial-gallery figure:hover img{transform:scale(1.015)}
@media(max-width:700px){.editorial-gallery{grid-template-columns:1fr;gap:26px}.editorial-gallery .editorial-wide{grid-row:auto}.editorial-gallery .editorial-wide img{aspect-ratio:4/3}.editorial-gallery .editorial-small img{aspect-ratio:4/3}}

/* Versió 6: identitat i fotografia editorial */
.brand-logo{width:160px;height:69px;object-fit:contain;object-position:left center}
.footer .brand-logo{width:180px;height:80px;filter:brightness(1.4)}
.about-frame{border-radius:250px 250px 10px 10px!important;overflow:hidden;box-shadow:none!important}
.about-frame img{height:550px!important;object-fit:cover;object-position:center 30%;filter:none}
.hero-photo{border-radius:230px 230px 12px 12px;overflow:hidden;background:#e5dcd0}
.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.8) brightness(1.1)}
@media(max-width:800px){.about-frame img{height:440px!important}.brand-logo{width:128px;height:60px}}
@media(max-width:480px){.about-frame img{height:390px!important}.brand-logo{width:112px;height:58px}}

/* v7: galeria sense desquadraments, cada foto en una targeta de la mateixa mida */
.space-gallery-fixed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px;align-items:start}
.space-gallery-fixed figure{margin:0;min-width:0}
.space-gallery-fixed img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:7px;filter:saturate(.9) contrast(1.025) brightness(1.025)}
.space-gallery-fixed figcaption{padding:12px 2px 0;font-size:10px;line-height:1.4;letter-spacing:.15em;color:#77766f;font-weight:600}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:none}
@media(max-width:800px){.space-gallery-fixed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.space-gallery-fixed{grid-template-columns:1fr;gap:24px}.space-gallery-fixed img{aspect-ratio:4/3}}

/* V9 - fotografies originals, orientació EXIF correcta i galeria sense retalls excessius */
.space-gallery-hq{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px;margin-top:38px;align-items:start}
.space-gallery-hq figure{margin:0;min-width:0;grid-column:span 2}
.space-gallery-hq figure:nth-child(4){grid-column:2/span 2}
.space-gallery-hq figure:nth-child(5){grid-column:4/span 2}
.space-gallery-hq img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center center;border-radius:6px;filter:none}
.space-gallery-hq figcaption{padding:12px 2px 0;font-size:10px;letter-spacing:.12em;line-height:1.5;color:#77766f;font-weight:600}
@media(max-width:720px){.space-gallery-hq{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.space-gallery-hq figure,.space-gallery-hq figure:nth-child(4),.space-gallery-hq figure:nth-child(5){grid-column:auto}.space-gallery-hq figure:first-child{grid-column:span 2}.space-gallery-hq figure:first-child img{aspect-ratio:4/3}}
@media(max-width:420px){.space-gallery-hq{grid-template-columns:1fr}.space-gallery-hq figure,.space-gallery-hq figure:first-child{grid-column:1}.space-gallery-hq img,.space-gallery-hq figure:first-child img{aspect-ratio:3/4}}

/* v10: detall interactiu discret, mantenint l'estil */
.insta-feature{display:flex;align-items:center;gap:13px;margin-top:27px;padding:16px 18px;border:1px solid #dcd2c5;border-radius:14px;background:#f6f0e8;color:#6e4435;text-decoration:none;max-width:390px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.insta-feature:hover,.insta-feature:focus-visible{transform:translateY(-3px);background:#efe5d9;box-shadow:0 10px 25px rgba(75,48,34,.09)}
.insta-feature .insta-symbol{font-size:30px;color:#a66e54;line-height:1}
.insta-feature>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}
.insta-feature strong{font-size:14px}.insta-feature small{font-size:12px;opacity:.8}
.insta-feature>span:last-child{font-size:20px}
.contact-meta a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.insta-feature{transition:none}.insta-feature:hover{transform:none}}

/* Edició final: fotografia equilibrada, sense retalls forçats */
.space-gallery-hq figure{min-width:0;overflow:visible}
.space-gallery-hq figure img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:center 50%;border-radius:8px;filter:none}
.space-gallery-hq figure:nth-child(4) img,.space-gallery-hq figure:nth-child(5) img{object-position:center 45%}
.space-gallery-hq figcaption{font-size:10px;letter-spacing:.12em;line-height:1.5}
a:focus-visible,button:focus-visible{outline:3px solid #a76e52;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Bilingual version and faithful high-resolution original photographs */
.head-inner{gap:14px}
.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;letter-spacing:.08em;color:#8b7669}
.language-switch a{text-decoration:none;color:inherit;padding:7px 2px}
.language-switch a[aria-current="page"]{font-weight:800;color:#8a4936;border-bottom:2px solid #b77555}
.language-switch a:hover{color:#8a4936}
.space-gallery-hq figure img{aspect-ratio:3/4!important;object-fit:contain!important;object-position:center!important;background:#eee9e1;filter:none!important}
@media(max-width:900px){.head-inner{flex-wrap:wrap}.language-switch{margin-left:auto}}
@media(max-width:720px){.language-switch{order:2;margin-left:auto}.menu-toggle{order:3}#nav{order:4}}
