/*
Theme Name: LAUKELLO Coastal
Version: 1.0.0
Text Domain: laukello-coastal
*/

:root{--cream:#f8f5ed;--sand:#e6dcc9;--green:#173d2f;--gold:#b39154}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.7 Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:16px 6%;gap:28px}.brand{width:215px;height:127px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:7px}.language{border:1px solid #173d2400;background:none;color:var(--green);padding:8px}.language.active{border-bottom:1px solid var(--gold)}.hero{position:relative;margin:0 24px;height:min(750px,79vw);min-height:580px;color:white;overflow:hidden}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 49%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,17,.65),rgba(6,24,17,.02) 80%),linear-gradient(0deg,rgba(6,24,17,.65),transparent 50%)}.hero-copy{position:absolute;z-index:1;left:6%;bottom:11%;max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:600}.hero h1{font:normal clamp(48px,6.2vw,94px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:24px 0}.hero p{max-width:390px;font-size:16px;color:#f4eee4}.link-arrow{display:inline-flex;align-items:center;gap:45px;text-decoration:none;border-bottom:1px solid var(--gold);padding:12px 0;font-size:13px}.link-arrow span:last-child{font-size:22px}.hero-label{position:absolute;z-index:2;bottom:18px;right:24px;font-size:10px;letter-spacing:.08em;color:#e1d9c9}.intro{padding:110px 8%;display:grid;grid-template-columns:1fr 2fr;gap:9%}.intro h2,.project h2,.future h2,.contact h2{font:normal clamp(36px,4vw,58px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 24px}.intro p{max-width:620px;color:#58645c}.smallline{display:block;background:var(--gold);width:45px;height:1px;margin:20px 0}.project{background:var(--sand);padding:85px 8%}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:45px}.section-top p{max-width:375px;color:#58645c;font-size:14px}.status{display:inline-block;border:1px solid #788778;padding:4px 13px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}.project-media{position:relative;width:100%;aspect-ratio:1.85;overflow:hidden;border:0;display:block;padding:0;background:var(--green)}.project-media img{position:absolute;width:157.2%;max-width:none;left:0;top:0}.zoom{position:absolute;bottom:20px;right:20px;color:white;background:#173d2f;padding:9px 17px;font-size:12px}.caption{font-size:11px;color:#5f685f;margin:12px 0 32px}.project-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:18px}.project-bottom h3{font:normal 26px Georgia,serif;margin:10px 0}.project-bottom p{color:#58645c;font-size:14px}.future{background:var(--green);color:var(--cream);padding:95px 8%;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.future .eyebrow{color:#d1b782}.future p{color:#c6d0c6;max-width:540px}.contact{text-align:center;padding:90px 8%}.contact p{color:#58645c}.preview-note{font-size:12px!important;max-width:520px;margin:25px auto;color:#687066}footer{padding:25px 8%;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #dcd7cc;font-size:11px;color:#687066}dialog{border:0;padding:16px;background:var(--cream);max-width:95vw;max-height:95vh}dialog::backdrop{background:#062117db}dialog img{display:block;max-width:86vw;max-height:77vh;object-fit:contain}dialog button{display:block;margin-left:auto;background:transparent;border:0;color:var(--green);padding:8px 14px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:700px){header{padding:8px 5%;gap:8px}.brand{width:150px;height:102px}nav{gap:10px}nav>a{display:none}.hero{margin:0 10px;height:72vh;min-height:550px}.hero-copy{left:7%;right:7%;bottom:13%}.hero h1{font-size:52px}.hero>img{object-position:57% center}.hero-label{font-size:8px;right:14px}.intro,.future{display:block;padding:65px 7%}.intro>.eyebrow,.future>.eyebrow{margin-bottom:30px}.project{padding:60px 7%}.section-top{display:block}.section-top p{max-width:none}.project-media{aspect-ratio:1.35}.project-media img{width:200%;left:-10%}.project-bottom{grid-template-columns:1fr;gap:20px}.contact{padding:65px 7%}footer{flex-direction:column;gap:5px}.hero p{font-size:15px}.link-arrow{gap:24px}}
.founders{padding:80px 8% 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-top:1px solid #ded8cb}.founders h2{font:normal clamp(36px,4vw,58px)/1.15 Georgia,serif;letter-spacing:-.03em;margin:24px 0}.founders p{color:#58645c;font-size:15px;max-width:550px}.founder-names{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:center}.monogram{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#e6dcc9;color:#173d2f;font:normal 75px Georgia,serif}.founder-names h3{font:normal 26px Georgia,serif;margin:20px 0 0}.founder-names p{font-size:11px}.founder-names small{grid-column:1/-1;color:#687066;font-size:11px}@media(max-width:700px){.founders{display:block;padding:60px 7%}.founder-names{margin-top:35px}} /* International editorial direction */
header{padding:18px 5%;min-height:135px}.brand{width:200px;height:112px}nav{font-weight:600;font-size:12px;gap:30px}.hero{margin:0;height:calc(100svh - 148px);min-height:640px;max-height:1000px}.hero-copy{left:7%;bottom:13%;max-width:1000px}.hero h1{font:500 clamp(60px,7.5vw,116px)/.98 Arial,sans-serif;letter-spacing:-.065em;max-width:1050px}.hero p{font-size:17px;max-width:390px;margin:25px 0}.hero:after{background:linear-gradient(90deg,#051d15b8,transparent 90%),linear-gradient(0deg,#06190b66,transparent 75%)}.hero-label{bottom:22px;right:30px}.intro{padding:115px 8% 100px;grid-template-columns:.7fr 2fr}.intro h2,.project h2,.future h2,.contact h2,.founders h2{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.04}.intro h2{font-size:clamp(40px,4.8vw,72px)}.founders{background:var(--green);color:var(--cream);border:0;padding:100px 8%;position:relative}.founders p{color:#c8d1c8}.founders .eyebrow{color:#c7ac72}.founder-names{gap:30px}.monogram{background:#244c3b;color:#c6a56a;aspect-ratio:4/5;font-size:100px;align-items:flex-end;justify-content:flex-start;padding:22px}.founder-names small{color:#a9b7ac}.founder-names h3{font-family:Arial,sans-serif;font-weight:400}.project{padding:105px 5% 90px;background:var(--cream)}.section-top{margin:0 3% 45px;align-items:end}.project h2{font-size:clamp(52px,6.5vw,94px)}.status{border:0;border-bottom:1px solid var(--gold);padding:0 0 6px}.project-media{aspect-ratio:1.85}.project-bottom{margin:0 3%;gap:15%}.project-bottom h3{font-family:Arial,sans-serif;font-weight:500;font-size:30px;letter-spacing:-.03em}.future{background:var(--sand);color:var(--green);padding:95px 8%}.future p{color:#526054}.future .eyebrow{color:#6c715b}.contact{padding:115px 8%}.contact h2{font-size:clamp(40px,6vw,80px)}.caption{margin-left:3%}.link-arrow{font-weight:600}.hero .link-arrow{border-bottom-color:#e2c693;padding:14px 0}@media(max-width:700px){header{min-height:110px;padding:4px 6%;justify-content:center}.brand{height:100px;width:170px}header nav{display:none}.hero{min-height:590px;height:78svh}.hero h1{font-size:clamp(46px,10vw,66px);letter-spacing:-.055em}.hero-copy{left:7%;bottom:14%}.hero p{font-size:15px}.intro{padding:65px 7%}.founders{padding:65px 7%}.monogram{font-size:65px}.project{padding:65px 5%}.section-top{margin:0 2% 25px}.project-media{aspect-ratio:1.35}.project h2{font-size:54px}.future{padding:65px 7%}.contact{padding:70px 7%}}
/* Header integrated into the opening image */
header{mix-blend-mode:screen}
header{position:absolute;z-index:5;top:0;left:0;width:100%;background:transparent;padding:24px 5%;min-height:135px;color:#fff}.brand{mix-blend-mode:screen;filter:grayscale(1) invert(1);width:200px;height:112px}header nav{color:#fff;text-shadow:0 1px 12px #0006}.hero{height:100svh;min-height:720px;max-height:1100px}.hero:after{background:linear-gradient(180deg,#051d157a,transparent 28%),linear-gradient(90deg,#051d15b8,transparent 90%),linear-gradient(0deg,#06190b66,transparent 75%)}@media(max-width:700px){header{padding:14px 6%;min-height:110px;justify-content:flex-start}.brand{width:165px;height:100px}.hero{height:100svh;min-height:680px}.hero-copy{bottom:13%}}
/* Original green and gold, with a softly lit backdrop */
header{mix-blend-mode:normal;align-items:flex-start;padding-top:16px}header>a{position:relative;display:block;isolation:isolate}header>a:before{content:'';position:absolute;inset:-45px -65px;z-index:-1;background:radial-gradient(ellipse at center,rgba(250,246,231,.98) 0%,rgba(250,246,231,.92) 34%,rgba(250,246,231,.6) 53%,rgba(250,246,231,0) 73%);pointer-events:none}.brand{width:310px;height:200px;filter:url(#logo-background);mix-blend-mode:normal;display:block}header nav{padding-top:43px}@media(max-width:700px){header{padding:10px 7%}.brand{width:225px;height:145px}header>a:before{inset:-28px -44px}.hero-copy{bottom:11%}}
/* Floating brand follows the visitor */
header>a{position:fixed;top:16px;left:5%;z-index:20;transition:transform .3s ease;transform-origin:top left}body.has-scrolled header>a{transform:scale(.60)}header nav{margin-left:auto}body.has-scrolled header>a:before{background:radial-gradient(ellipse at center,rgba(250,246,231,.98) 0%,rgba(250,246,231,.94) 40%,rgba(250,246,231,.65) 57%,rgba(250,246,231,0) 73%)}@media(max-width:700px){header>a{top:10px;left:7%}body.has-scrolled header>a{transform:scale(.48)}}@media(prefers-reduced-motion:reduce){header>a{transition:none}}
/* Reserve a permanent reading-safe rail below the hero. */
:root{--brand-rail:170px}.hero-copy{left:calc(var(--brand-rail) + 25px);right:5%;max-width:1000px}body.has-scrolled header>a{left:14px;transform:scale(.43)}body.has-scrolled header>a:before{inset:-10px;background:var(--cream);border-radius:4px}main>section:not(.hero){margin-left:var(--brand-rail)}footer{margin-left:var(--brand-rail)}header>a{transition:transform .3s ease,left .3s ease}main>section:not(.hero){padding-left:5%;padding-right:6%}.intro{grid-template-columns:1fr;gap:28px}.founders{grid-template-columns:1.1fr 1fr;gap:7%}.future{grid-template-columns:1fr;gap:28px}@media(max-width:1050px){.founders{grid-template-columns:1fr}.founder-names{margin-top:35px}.section-top{display:block}}@media(max-width:700px){:root{--brand-rail:70px}body.has-scrolled header>a{left:3px;top:14px;transform:scale(.28)}main>section:not(.hero){padding-left:20px;padding-right:20px}.intro h2,.founders h2,.future h2{font-size:34px}.project h2{font-size:40px}.contact h2{font-size:34px}.founder-names{gap:14px}.founder-names h3{font-size:21px}.monogram{font-size:45px;padding:12px}.founders p,.intro p{font-size:14px}.hero-copy{left:calc(var(--brand-rail) + 10px);right:15px}.hero h1{font-size:clamp(35px,8.8vw,58px)}.hero p{font-size:14px}.hero .eyebrow{font-size:9px}.hero .link-arrow{font-size:12px;gap:16px}footer{padding-left:20px;padding-right:20px}.project-bottom{gap:15px}.project-bottom h3{font-size:25px}}@media(prefers-reduced-motion:reduce){header>a{transition:none}}
/* Real regional photography */
.region{padding:90px 6% 80px;background:#e6dcc9}.region-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.region h2{font:500 clamp(40px,5.5vw,78px)/1.04 Arial,sans-serif;letter-spacing:-.055em;margin:18px 0 0}.region-heading p{max-width:330px;color:#526054;font-size:15px}.region-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:start}.region figure{margin:0}.region figure:nth-child(2){padding-top:65px}.region img{display:block;width:100%;height:360px;object-fit:cover}.region figure:nth-child(2) img{height:320px}.region figcaption{font-size:12px;margin-top:12px;letter-spacing:.04em}.region-note{font-size:12px;color:#526054;margin:30px 0 12px}.photo-credits{font-size:11px;color:#526054;max-width:800px}.photo-credits summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.photo-credits p{margin:10px 0}.photo-credits a{overflow-wrap:anywhere}@media(max-width:700px){.region{padding-top:60px;padding-bottom:55px}.region-heading{display:block}.region h2{font-size:38px}.region-gallery{grid-template-columns:1fr;gap:28px}.region figure:nth-child(2){padding-top:0}.region img,.region figure:nth-child(2) img{height:auto;aspect-ratio:4/3}.region-heading p{font-size:14px}}
.founder-portrait{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center 30%}
.ronny-portrait{aspect-ratio:4/5;overflow:hidden;background:white}.ronny-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.45);transform-origin:50% 0%}
.region-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#173d2f}.region .region-panorama{margin-top:42px}.region .region-panorama img{width:100%;height:auto;aspect-ratio:auto}.region figcaption{margin-top:12px}@media(max-width:700px){.region .region-panorama{margin-top:28px}.region-film video{aspect-ratio:16/9}}
.region figure.region-film{padding-top:0}
.founder-email{font-size:13px;color:#e6dcc9;text-underline-offset:5px;overflow-wrap:anywhere}.contact-email{display:inline-block;margin:15px 0;font-size:clamp(18px,3vw,32px);text-underline-offset:8px;overflow-wrap:anywhere;max-width:100%}
/* Warm, classical typography inspired by the original wordmark. */
body{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.55}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(52px,6.7vw,96px);line-height:1.08;letter-spacing:-.035em}
.intro h2,.project h2,.future h2,.contact h2,.founders h2,.region h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(36px,4.4vw,62px);line-height:1.12;letter-spacing:-.025em}
.founder-names h3,.project-bottom h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.015em;line-height:1.2}
.hero p,.intro p,.founders p,.future p,.region-heading p,.section-top p,.project-bottom p,.contact p{font-size:17px;line-height:1.55;max-width:54ch}
p{margin:12px 0}
.contact p{margin-left:auto;margin-right:auto}
.eyebrow,.status,nav,.link-arrow,.caption,.hero-label,figcaption,.region-note,footer,.founder-email{font-family:Arial,sans-serif}
.eyebrow{letter-spacing:.1em;font-size:11px;font-weight:400}
.status{letter-spacing:.06em}.region figcaption{letter-spacing:0}
nav,.link-arrow{font-weight:400}
.founder-names p{font-family:Arial,sans-serif;font-size:12px;line-height:1.45;margin:8px 0}
.contact-email{font-size:clamp(20px,2.6vw,30px)}
@media(max-width:700px){.hero h1{font-size:clamp(36px,8.2vw,54px);line-height:1.1}.intro h2,.project h2,.future h2,.contact h2,.founders h2,.region h2{font-size:34px;line-height:1.15}.hero p,.intro p,.founders p,.future p,.region-heading p,.section-top p,.project-bottom p,.contact p{font-size:16px}.founder-names p{font-size:11px}.founder-names h3{font-size:23px}}
/* More compact section rhythm. */
.intro{padding-top:64px;padding-bottom:56px;gap:16px}
.founders{padding-top:60px;padding-bottom:60px}
.project{padding-top:62px;padding-bottom:54px}
.future{padding-top:58px;padding-bottom:54px;gap:16px}
.region{padding-top:58px;padding-bottom:52px}
.contact{padding-top:60px;padding-bottom:54px}
.section-top{margin-bottom:28px;gap:28px}
.region-heading{margin-bottom:26px;gap:28px}
.founders h2{margin:16px 0 20px}
.intro h2,.future h2{margin-bottom:18px}
.smallline{margin:15px 0}
.caption{margin-top:10px;margin-bottom:20px}
.project-bottom{padding-top:8px;gap:8%}
.region .region-panorama{margin-top:26px}
.region-note{margin-top:20px;margin-bottom:8px}
.contact .preview-note{margin-top:18px}
@media(max-width:700px){.intro,.founders,.project,.region,.future,.contact{padding-top:40px;padding-bottom:38px}.intro>.eyebrow,.future>.eyebrow{margin-bottom:16px}.founder-names{margin-top:24px}.section-top{margin-bottom:22px}.region-heading{margin-bottom:22px}.region .region-panorama{margin-top:22px}.project-bottom{gap:12px}}
/* Full-width section backgrounds with space reserved inside for the logo. */
main>section:not(.hero){margin-left:0;padding-left:calc(var(--brand-rail) + 5%);padding-right:6%}
footer{margin-left:0;padding-left:calc(var(--brand-rail) + 5%);padding-right:6%}
@media(max-width:700px){main>section:not(.hero),footer{padding-left:calc(var(--brand-rail) + 20px);padding-right:20px}}
/* Expand the resting logo only within its reserved content gutter. */
body.has-scrolled.logo-resting header>a{transform:scale(.60)}
@media(max-width:700px){body.has-scrolled.logo-resting header>a{transform:scale(.34)}}
/* Soft translucent glass behind the floating brand. */
body.has-scrolled header>a:before{
 inset:-10px;border-radius:28px;
 background:linear-gradient(135deg,rgba(250,246,231,.84),rgba(250,246,231,.58) 55%,rgba(250,246,231,.72));
 backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
 border:1px solid rgba(255,255,255,.48);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 32px rgba(6,24,17,.09);
}
.progress{background:var(--cream)}.progress-update{margin-top:24px;padding:24px 28px;background:var(--sand);border-radius:4px;max-width:660px}.progress-update h3{font:400 clamp(24px,3vw,32px)/1.2 Georgia,serif;margin:0 0 12px;letter-spacing:-.02em}.progress-update .status{margin-bottom:14px}.progress-update p{margin-bottom:8px}@media(max-width:700px){.progress-update{padding:20px}.progress h2{font-size:32px}}

.journal{max-width:760px;margin:auto;padding:40px 24px 60px}.journal h1{font:400 48px/1.1 Georgia,serif}.journal h2{font:400 30px/1.2 Georgia,serif}.journal article{margin:24px 0;padding:24px;background:var(--sand)}.journal img,.journal video{max-width:100%;height:auto}.journal p{max-width:65ch}.legal{max-width:640px}.legal h1{font-size:36px}.legal h2{font-size:19px;margin:24px 0 8px}.legal p{font-size:16px;line-height:1.5}.legal .details{display:block}.legal address{font-style:normal}.legal .note{display:none}