:root{--ink:#183b2b;--sage:#718b68;--moss:#405c45;--cream:#f7f1e6;--paper:#fffaf1;--rose:#d7a59f;--line:#d9d2c3;--serif:'Cormorant Garamond',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#24352d;font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.nav-wrap{height:86px;display:flex;align-items:center;gap:34px;padding:0 max(5vw,28px);position:sticky;top:0;background:rgba(255,250,241,.94);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid rgba(24,59,43,.08)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:43px;height:51px;border:1px solid var(--sage);border-radius:50%;display:grid;place-items:center;font:italic 32px var(--serif);background:#dce6cf}.brand b,.brand small{display:block;line-height:1}.brand b{font:700 24px var(--serif);letter-spacing:.12em;color:var(--ink)}.brand small{font-size:9px;letter-spacing:.32em;margin-top:5px}.nav-wrap nav{display:flex;gap:28px;font-size:13px}.nav-wrap nav a:hover{color:var(--sage)}.btn{display:inline-block;border:0;background:var(--ink);color:white;padding:14px 22px;border-radius:2px;font:600 12px var(--sans);letter-spacing:.04em;cursor:pointer}.btn-small{padding:11px 16px}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px max(7vw,40px) 80px;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 34%,#e6ead8 0,transparent 33%),linear-gradient(135deg,#fffaf1,#f2eadc)}.hero-copy{max-width:670px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:600;color:var(--sage)}h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:.95;margin:16px 0}h1{font-size:clamp(62px,7vw,105px);font-weight:600;letter-spacing:-.045em}h1 em,h2 em{font-weight:500;color:var(--sage)}.hero-copy>p{font-size:18px;max-width:580px;color:#58645d}.actions{display:flex;gap:12px;margin:30px 0}.mini-proof{display:flex;gap:22px;font-size:11px;color:#6c776f}.hero-art{position:relative;display:grid;place-items:center}.arch{width:min(420px,76%);height:535px;border-radius:210px 210px 8px 8px;overflow:hidden;box-shadow:0 28px 70px rgba(35,60,43,.16);border:8px solid rgba(255,255,255,.7)}.arch img{width:100%;height:100%;object-fit:cover;object-position:center}.stamp{position:absolute;left:5%;bottom:7%;width:130px;height:130px;border-radius:50%;background:#dce6cf;border:1px solid #9aaa8d;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 12px 30px #405c4530}.stamp b{font:700 30px var(--serif);color:var(--ink)}.stamp span{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.flower{position:absolute;color:var(--rose);font-size:55px}.f1{right:6%;top:10%}.f2{right:0;bottom:10%;color:#9eb58e}.botanical{position:absolute;font:140px var(--serif);color:#9aae8c33;left:-10px;top:80px;transform:rotate(-30deg)}.intro{text-align:center;padding:110px 20px;max-width:950px;margin:auto}.intro h2,.section-head h2,.experience h2,.about h2,.contact h2{font-size:clamp(46px,5vw,70px);font-weight:600;letter-spacing:-.025em}.intro p{max-width:700px;margin:25px auto;color:#667069}.creations{padding:90px max(6vw,30px);background:#f0ecdf}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{max-width:380px;color:#68736b}.category-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.cat{min-height:430px;padding:30px;display:flex;align-items:end;position:relative;overflow:hidden;background:#dfe7d7}.cat:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,59,43,.9),rgba(24,59,43,.04) 70%)}.c1{background:linear-gradient(140deg,#b7c8a8,#e7dcc8)}.c2{background:linear-gradient(140deg,#d6b9a7,#e7dfcf)}.c3{background:linear-gradient(140deg,#9fb79d,#d8e1ca)}.cat:after{content:'❀';position:absolute;right:20px;top:10px;font:170px var(--serif);color:#ffffff35}.cat div{position:relative;z-index:2;color:white}.cat span{font-size:11px;opacity:.8}.cat h3{color:white;font-size:35px;margin:8px 0}.cat p{max-width:310px;font-size:13px}.insta-row{display:flex;justify-content:space-between;margin-top:28px;font-size:13px}.insta-row a{font-weight:600;color:var(--ink)}.workshops{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--ink);padding:100px max(6vw,30px);gap:70px;color:#dce5df}.light{color:#b9c9ad}.workshop-lead h2{font-size:clamp(58px,6vw,86px);color:white}.workshop-lead h2 em{color:#b9c9ad}.workshop-lead p{max-width:460px}.btn-cream{background:var(--cream);color:var(--ink);margin-top:18px}.workshop-cards{display:grid;gap:12px}.workshop-cards article{background:#234936;border:1px solid #ffffff15;padding:30px 32px;transition:.25s}.workshop-cards article:hover{transform:translateX(-5px);background:#2a523e}.workshop-cards h3{font-size:31px;color:white;margin:10px 0}.workshop-cards p{font-size:13px;margin:0 0 14px}.workshop-cards small{display:block;color:#aebeb3;margin-bottom:14px}.workshop-cards a{font-size:12px;font-weight:600}.pill{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#d7e3ce}.experience{display:grid;grid-template-columns:1fr .8fr;gap:80px;padding:110px max(8vw,35px);align-items:center}.experience-copy p{max-width:630px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;font-size:13px}.quote{background:#e6ead8;padding:60px;position:relative}.quote>span{font:100px var(--serif);position:absolute;top:10px;color:#9bae8e}.quote p{font:italic 34px/1.15 var(--serif);color:var(--ink);position:relative}.quote b{font-size:11px;letter-spacing:.1em}.about{display:grid;grid-template-columns:1fr 1fr;background:#eee5d7}.about-card{padding:100px max(8vw,40px)}.about-card p{max-width:600px}.about-card a{display:inline-block;margin-top:20px;font-weight:600;font-size:12px}.about-visual{min-height:520px;background:radial-gradient(circle,#d9e5cd,#a8be99);display:grid;place-content:center;text-align:center}.monogram{width:210px;height:250px;border:2px solid #526f52;border-radius:50%;display:grid;place-content:center;font:italic 110px var(--serif);color:var(--ink);position:relative}.monogram span{position:absolute;left:100px;top:90px}.about-visual p{text-transform:uppercase;letter-spacing:.22em;font-size:10px}.event{margin:100px max(7vw,35px);display:grid;grid-template-columns:140px 1fr 220px;gap:40px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.event-date{display:flex;gap:10px;align-items:center}.event-date b{font:70px var(--serif);color:var(--ink)}.event-date span{font-size:11px;line-height:1.2}.event h2{font-size:43px}.event p{max-width:620px}.event img{width:100%;height:170px;object-fit:cover;object-position:top}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px max(8vw,35px);background:#f3eee3}.contact-data{display:grid;gap:10px;margin-top:30px;font-size:13px}.contact-data a:first-child{font:600 28px var(--serif);color:var(--ink)}form{background:#fffaf2;padding:36px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#647069}input,select,textarea{width:100%;border:0;border-bottom:1px solid #c9c4b9;background:transparent;padding:12px 0;font:14px var(--sans);outline:none;margin-top:3px}label:has(textarea){grid-column:1/-1}form .btn{justify-self:start}form small{grid-column:1/-1;color:#8a918c}footer{padding:45px max(6vw,30px);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;background:#102b20;color:#d8e0db;font-size:11px}.footer-brand{margin:0}.footer-brand b{color:white}footer div:nth-of-type(2){display:flex;gap:20px}@media(max-width:900px){.nav-wrap nav,.nav-cta{display:none}.menu{display:block}.nav-wrap.open nav{display:flex;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:50px}.hero-art{margin-top:50px}.hero h1{font-size:64px}.section-head,.insta-row{display:block}.category-grid{grid-template-columns:1fr}.cat{min-height:300px}.workshops,.experience,.about,.contact{grid-template-columns:1fr}.workshop-cards{margin-top:20px}.event{grid-template-columns:100px 1fr}.event img{display:none}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}@media(max-width:560px){.hero{padding:45px 22px 65px}.hero h1{font-size:51px}.hero-copy>p{font-size:15px}.actions{flex-direction:column}.actions .btn{text-align:center}.mini-proof{flex-wrap:wrap;gap:8px 15px}.arch{width:90%;height:430px}.stamp{width:100px;height:100px;left:0}.intro{padding:75px 20px}.intro h2,.section-head h2,.experience h2,.about h2,.contact h2{font-size:43px}.creations,.workshops{padding:70px 22px}.workshop-lead h2{font-size:55px}.experience{padding:75px 22px}.checks{grid-template-columns:1fr}.quote{padding:42px 30px}.quote p{font-size:28px}.about-card,.contact{padding:70px 22px}.event{margin:70px 22px;grid-template-columns:1fr}.event-date b{font-size:60px}form{grid-template-columns:1fr;padding:25px}footer div:nth-of-type(2){flex-wrap:wrap;justify-content:center}}
.real-gallery{padding:90px max(6vw,30px)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0;background:white}.gallery-grid img{width:100%;height:330px;object-fit:cover;display:block}.gallery-grid figcaption{padding:14px}.gallery-grid figcaption small{display:block;color:#718b68}.hp{position:absolute!important;left:-9999px!important}.success{display:block;background:#dfead8;color:#183b2b;padding:12px;margin-top:12px}.booking-page{max-width:760px;margin:70px auto;padding:0 25px}.booking-page h1{font-size:64px}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f3eee3;padding:30px}.booking-form label:has(textarea){grid-column:1/-1}@media(max-width:700px){.gallery-grid{grid-template-columns:1fr}.booking-form{grid-template-columns:1fr}.booking-page h1{font-size:46px}}/* 2026-09-16: echte JALU-Fotos */
.cat{background-image:linear-gradient(0deg,rgba(15,43,31,.88),rgba(15,43,31,.03) 72%),var(--cat-img);background-size:cover;background-position:center;transition:transform .35s ease,box-shadow .35s ease}.cat:before{display:none}.cat:after{font-size:110px;color:#ffffff25}.cat:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(24,59,43,.18)}
.photo-story{padding:110px max(6vw,30px);background:var(--paper)}.photo-story-head{display:grid;grid-template-columns:1.15fr .85fr;column-gap:70px;align-items:end;margin-bottom:42px}.photo-story-head .eyebrow{grid-column:1/-1}.photo-story-head h2{font-size:clamp(48px,5.4vw,78px);margin-bottom:0}.photo-story-head p{max-width:470px;color:#68736b;margin-bottom:8px}.masonry-showcase{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:14px}.tile{margin:0;position:relative;overflow:hidden;grid-column:span 4;grid-row:span 3;background:#e6e0d4}.tile-tall{grid-row:span 4}.tile-wide{grid-column:span 8}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.tile:hover img{transform:scale(1.035)}.tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,35,25,.78));pointer-events:none}.tile figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:white}.tile figcaption span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:9px;opacity:.8}.tile figcaption b{font:600 29px var(--serif)}
.signature-piece{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px;background:var(--ink);color:#dce5df}.signature-image{min-height:720px;overflow:hidden}.signature-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.signature-copy{padding:90px clamp(45px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.signature-copy h2{font-size:clamp(58px,6vw,88px);color:white}.signature-copy h2 em{color:#b9c9ad}.signature-copy>p{max-width:520px}.signature-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.signature-thumbs img{width:100%;aspect-ratio:1/1.15;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.signature-copy .btn{align-self:flex-start}
.about-photo{position:relative;display:block;overflow:hidden;background:#d9e5cd}.about-photo>img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.about-photo-badge{position:absolute;right:30px;bottom:30px;background:rgba(255,250,241,.92);color:var(--ink);padding:18px 22px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;box-shadow:0 12px 30px rgba(24,59,43,.15)}.about-photo-badge b{font:600 20px var(--serif);text-transform:none;letter-spacing:0;display:block;margin-top:3px}
@media(max-width:900px){.photo-story-head,.signature-piece{grid-template-columns:1fr}.photo-story-head p{margin-top:18px}.masonry-showcase{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.tile,.tile-tall,.tile-wide{grid-column:auto;grid-row:auto}.signature-image{min-height:560px;height:70vh}.signature-copy{padding:70px 35px}}
@media(max-width:560px){.photo-story{padding:75px 22px}.photo-story-head{display:block}.photo-story-head h2{font-size:45px}.masonry-showcase{grid-template-columns:1fr;grid-auto-rows:390px}.tile figcaption b{font-size:25px}.signature-image{min-height:500px;height:65vh}.signature-copy{padding:65px 22px}.signature-copy h2{font-size:54px}.signature-thumbs{gap:6px}.about-photo>img{min-height:480px}}

/* JALU CREATIVE GLOW 2026-09-16 */
:root{--clay:#b66f58;--blush:#e6b8b0;--butter:#ead9a3;--sky:#b9d5d4;--leaf:#7f9a72}
body{background:#fbf7ee}
.hero{background:radial-gradient(circle at 80% 20%,rgba(185,213,212,.45),transparent 26%),radial-gradient(circle at 15% 80%,rgba(230,184,176,.3),transparent 24%),linear-gradient(135deg,#fffaf1,#f3ecdf)}
.hero:after{content:'handmade • slow • unique';position:absolute;right:-75px;bottom:150px;transform:rotate(90deg);font:600 10px var(--sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(24,59,43,.36)}
.arch{border-radius:48% 48% 14px 14px;transform:rotate(1.5deg);box-shadow:0 35px 90px rgba(35,60,43,.22)}
.arch:after{content:'';position:absolute;inset:-14px;border:1px solid rgba(113,139,104,.35);border-radius:50% 50% 18px 18px;transform:rotate(-3deg);pointer-events:none}
.hero-art:before{content:'✿';position:absolute;left:2%;top:8%;font:110px var(--serif);color:rgba(182,111,88,.18);transform:rotate(-18deg)}
.btn{border-radius:999px;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,59,43,.18)}
.jalu-ribbon{overflow:hidden;display:flex;justify-content:center;align-items:center;gap:34px;padding:17px 25px;background:var(--clay);color:#fffaf1;text-transform:uppercase;letter-spacing:.18em;font-size:10px;white-space:nowrap}.jalu-ribbon i{font-style:normal;color:#f2dca8;font-size:16px}
.creations{position:relative;overflow:hidden;background:linear-gradient(180deg,#f1ecdf,#f7f1e6);padding-top:115px}.creations:before{content:'❦';position:absolute;right:-20px;top:20px;font:220px var(--serif);color:rgba(127,154,114,.10);transform:rotate(20deg)}
.atelier-collage{display:grid;grid-template-columns:1.15fr .72fr .78fr;grid-template-rows:280px 310px;gap:18px;position:relative;max-width:1500px;margin:0 auto}.atelier-card{position:relative;overflow:hidden;margin:0;background:#ddd;box-shadow:0 18px 50px rgba(47,61,50,.10)}.atelier-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.atelier-card:hover img{transform:scale(1.045)}.atelier-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(18,42,31,.88))}.atelier-card-big{grid-row:1/3;border-radius:160px 12px 12px 12px}.atelier-card-big img{object-position:center 55%}.atelier-card-heart{grid-column:2/4;border-radius:12px 140px 12px 12px}.atelier-card-detail{grid-column:2/3;border-radius:12px}.atelier-label{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:white}.atelier-label span{text-transform:uppercase;letter-spacing:.18em;font-size:9px;opacity:.8}.atelier-label h3{color:white;font-size:clamp(27px,2.3vw,39px);line-height:1.02;margin:8px 0}.atelier-label p{font-size:12px;max-width:430px;margin:7px 0 0}.atelier-note{grid-column:3/4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#dce6cf;border-radius:50% 50% 12px 12px;padding:28px;transform:rotate(2deg);position:relative}.atelier-note:before{content:'';position:absolute;inset:10px;border:1px dashed rgba(24,59,43,.22);border-radius:inherit}.atelier-note>span{font-size:38px;color:var(--clay)}.atelier-note b{font:600 35px/1 var(--serif);color:var(--ink)}.atelier-note small{margin-top:14px;line-height:1.5;color:#59665e}
.photo-story{background:linear-gradient(180deg,#fffaf1,#f5eee2)}.masonry-showcase{gap:18px}.tile{border-radius:8px}.tile:nth-child(1){border-radius:150px 8px 8px 8px}.tile:nth-child(3){transform:rotate(1deg)}.tile:nth-child(5){border-radius:8px 8px 120px 8px}.tile figcaption{transform:translateY(4px);transition:.3s}.tile:hover figcaption{transform:none}
.signature-piece{position:relative;background:linear-gradient(135deg,#12382a,#1c4936)}.signature-piece:after{content:'STRAUBING';position:absolute;right:2vw;bottom:-18px;font:600 clamp(70px,11vw,190px)/.8 var(--serif);color:rgba(255,255,255,.035);pointer-events:none}.signature-image img{filter:saturate(.93) contrast(1.02)}.signature-thumbs img{border-radius:50% 50% 8px 8px;transition:.3s}.signature-thumbs img:hover{transform:translateY(-5px) rotate(-1deg)}
.workshops{background:radial-gradient(circle at 12% 15%,rgba(185,213,212,.10),transparent 25%),linear-gradient(145deg,#12382a,#173f2f)}.workshop-cards article{border-radius:6px 40px 6px 6px}.workshop-cards article:nth-child(even){border-radius:40px 6px 6px 6px}.quote{border-radius:120px 12px 12px 12px;background:linear-gradient(145deg,#dfe8d4,#eee0d7)}
.about{background:#efe5d8}.about-card{position:relative}.about-card:after{content:'♥';position:absolute;right:8%;bottom:8%;font:70px var(--serif);color:rgba(182,111,88,.13);transform:rotate(12deg)}.about-photo>img{clip-path:polygon(0 0,100% 0,100% 93%,86% 100%,0 100%)}
.contact{background:radial-gradient(circle at 8% 85%,rgba(230,184,176,.28),transparent 24%),#f3eee3}.contact form{border-radius:8px 70px 8px 8px;box-shadow:0 25px 70px rgba(50,62,52,.08)}
@media(max-width:900px){.jalu-ribbon{justify-content:flex-start;overflow-x:auto}.atelier-collage{grid-template-columns:1fr 1fr;grid-template-rows:520px 330px 300px}.atelier-card-big{grid-column:1/3;grid-row:auto}.atelier-card-heart,.atelier-card-detail,.atelier-note{grid-column:auto;grid-row:auto}.atelier-note{grid-column:1/3;border-radius:100px 100px 12px 12px}.hero:after{display:none}}
@media(max-width:560px){.atelier-collage{display:flex;flex-direction:column}.atelier-card{height:390px}.atelier-card-big,.atelier-card-heart{border-radius:90px 10px 10px 10px}.atelier-note{min-height:250px;border-radius:100px 100px 10px 10px}.jalu-ribbon{gap:22px}.signature-piece:after{display:none}}
