@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:16px;scroll-behavior:smooth;background:var(--canvas);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%}.sr-only{position:absolute;left:-9999px} ::selection{background:var(--accent);color:#fff}
body.vejsili{--canvas:#f8f7f4;--cream:#f0ede7;--ink:#17232d;--muted:#5f6d73;--nav:#102836;--accent:#b77b55;--pale:#e4e5e0;--line:#d9ddd9;--serif:'Playfair Display',Georgia,serif}
body.home{--canvas:#f9f7f1;--cream:#f2eee6;--ink:#243830;--muted:#696b62;--nav:#203d35;--accent:#bb986b;--pale:#eae7de;--line:#d9d9ce;--serif:'Playfair Display',Georgia,serif}
body.pierre{--canvas:#f5f7f7;--cream:#e9eef0;--ink:#14252d;--muted:#5b6b73;--nav:#122731;--accent:#dba23d;--pale:#e1e7e8;--line:#d2dbdf;--serif:'Manrope',system-ui,sans-serif}
.container{width:min(1190px,calc(100% - 48px));margin:auto}.topnote{padding:9px 24px;background:#2e3437;color:#fff;text-align:center;font-size:.72rem;letter-spacing:.045em}.topnote b{font-weight:700;color:#f2c686}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.navwrap{background:var(--canvas);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);box-shadow:0 8px 32px rgba(10,20,30,.035)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brandmark{width:39px;height:39px;display:grid;place-items:center;background:var(--nav);color:#fff;line-height:1;font-size:1.45rem;font-weight:800;transform:rotate(-5deg)}.home .brandmark{background:transparent;border:1.8px solid var(--accent);border-radius:50%;color:var(--nav);font-family:var(--serif);font-style:italic}.pierre .brandmark{clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);color:var(--accent)}.brandtext{font-weight:800;letter-spacing:-.04em;font-size:1.38rem;line-height:1;white-space:nowrap}.brandtext small{display:block;font-size:.60rem;letter-spacing:.14em;color:var(--muted);margin-top:7px;font-weight:600}.navlinks{display:flex;gap:31px;align-items:center;font-size:.83rem;font-weight:700}.navlinks a:hover{color:var(--accent)}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;background:var(--nav);color:white;border-radius:3px;font-size:.86rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #13263220}.btn-outline{background:transparent;border-color:currentColor;color:inherit}.btn-accent{background:var(--accent);color:#12232b}.home .btn-accent{color:#fff}.headerCta{padding:13px 16px}.hamb{display:none;background:transparent;border:0;font-size:1.7rem}
.hero{min-height:640px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:38px;padding:52px 0 70px}.eyebrow{display:flex;gap:12px;align-items:center;letter-spacing:.17em;font-size:.69rem;font-weight:800;color:var(--accent);text-transform:uppercase}.eyebrow::before{content:'';width:23px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;font-size:clamp(3.4rem,5.7vw,5.8rem);line-height:1.06;margin:22px 0 25px}h1 em{font-weight:400;color:var(--accent)}.pierre h1{font-weight:800;letter-spacing:-.072em;font-size:clamp(3.25rem,5.1vw,5rem)}.pierre h1 em{font-style:normal}.lede{color:var(--muted);line-height:1.82;font-size:1.02rem;max-width:490px}.herobtns{display:flex;align-items:center;gap:13px;margin-top:32px;flex-wrap:wrap}.herofooter{display:flex;gap:24px;align-items:center;margin-top:44px;color:var(--muted);font-size:.76rem}.small-line{width:43px;height:1px;background:var(--accent)}
.heroart{height:560px;min-width:0;position:relative}.imagehero{width:87%;height:93%;position:absolute;top:0;right:0;overflow:hidden;border-radius:140px 2px 2px 2px;background:var(--pale)}.imagehero img{width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(1.02)}.vejsili .imagehero{border-radius:2px;top:21px;height:92%;width:88%}.home .imagehero{border-radius:220px 220px 4px 4px;width:84%;right:2%;top:10px;height:94%}.pierre .imagehero{border-radius:2px;top:7%;height:82%;width:92%;right:0}.imagehero:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(10,22,22,.14) 100%)}.matpanel{position:absolute;left:0;bottom:18px;width:205px;height:213px;padding:19px;background:var(--nav);color:white;box-shadow:0 18px 50px #0002;display:flex;flex-direction:column;justify-content:space-between}.matpanel label{font-size:.63rem;font-weight:700;letter-spacing:.16em;color:#dcc7b8}.matpanel b{font-family:var(--serif);font-size:1.36rem;line-height:1.25;font-weight:500}.minigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.minigrid i{display:block;height:44px;background:linear-gradient(55deg,#617078,#d9c9b9,#7c8b92)}.minigrid i:nth-child(2){background:linear-gradient(50deg,#94735d,#cdb5a0,#a5a095)}.minigrid i:nth-child(3){background:linear-gradient(50deg,#c3c3bc,#f2eee6,#939790)}.home .matpanel{background:#efebe3;color:var(--ink);left:-7px;bottom:0;border:1px solid #e8ded1}.home .matpanel label{color:#95795b}.pierre .matpanel{background:var(--accent);color:#192a32;height:195px;width:190px;left:-3%;bottom:0}.pierre .matpanel label{color:#2a343b}.pierre .minigrid i{background:repeating-linear-gradient(135deg,#e2b75d,#e2b75d 8px,#f7dd95 8px,#f7dd95 12px)}
.section{padding:91px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section h2{font-family:var(--serif);font-size:clamp(2.45rem,4vw,3.65rem);font-weight:500;letter-spacing:-.055em;line-height:1.13;margin:14px 0}.pierre .section h2{font-weight:800;font-size:clamp(2.1rem,3.6vw,3.3rem)}.sectionhead>p{color:var(--muted);max-width:360px;font-size:.92rem;line-height:1.8;margin-bottom:10px}.muted{color:var(--muted)}
.darkband{background:var(--nav);color:white;padding:23px 0}.darkinner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.darkinner span{font-size:.67rem;letter-spacing:.16em;color:#acb7b4;font-weight:800}.darkinner strong{font-family:var(--serif);font-weight:400;font-size:1.28rem;letter-spacing:-.02em}.pierre .darkinner strong{font-weight:700}.gridcards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service{border:1px solid var(--line);background:#fff;padding:27px 21px 28px;min-height:255px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 15px 40px #1d2a2e0f}.service .symbol{font-size:2.7rem;line-height:1;color:var(--accent);font-weight:400;margin-bottom:35px;display:block}.service h3{font-size:1.1rem;letter-spacing:-.035em;margin-bottom:12px}.service p{font-size:.84rem;line-height:1.65;color:var(--muted);margin-bottom:22px}.textlink{border:0;background:none;padding:0;color:var(--accent);font-size:.79rem;font-weight:700}.textlink:hover{text-decoration:underline}.showcase{background:var(--cream)}.storyrow{display:grid;grid-template-columns:.92fr 1.1fr;gap:76px;align-items:center}.storyvisual{position:relative;height:445px;background:var(--nav);overflow:hidden}.storyvisual img{height:100%;width:100%;object-fit:cover;filter:saturate(.6);opacity:.84}.storyvisual:after{content:'';background:linear-gradient(0deg,#131d25b5,transparent 50%);position:absolute;inset:0}.storyvisual small{position:absolute;bottom:25px;left:28px;color:white;z-index:1;font-size:.75rem;letter-spacing:.08em}.storytext p{color:var(--muted);line-height:1.85;font-size:1rem}.steps{display:grid;gap:20px;margin:29px 0 32px}.step{display:flex;gap:21px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid var(--line)}.step>span{color:var(--accent);font-weight:800;font-size:.75rem;padding-top:4px}.step b{display:block;font-size:.96rem}.step p{margin:7px 0 0;font-size:.8rem!important}
.catalog{background:var(--canvas)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0 26px}.filter{background:transparent;border:1px solid var(--line);padding:11px 16px;color:var(--ink);font-size:.78rem;font-weight:700}.filter[aria-pressed=true]{background:var(--nav);color:#fff;border-color:var(--nav)}.catalogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.catalogItem{background:#fff;border:1px solid var(--line);min-height:265px;display:flex;flex-direction:column;overflow:hidden}.catalogPic{height:165px;position:relative;background:var(--pale);overflow:hidden}.catalogPic img{height:100%;width:100%;object-fit:cover;filter:saturate(.66)}.catalogPic::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#17292f21)}.catalogPic span{position:absolute;bottom:12px;left:14px;background:#fffdf4e6;color:#152630;padding:7px 10px;text-transform:uppercase;letter-spacing:.1em;font-size:.60rem;font-weight:800;z-index:1}.tileart{width:100%;height:100%;background-color:#ecebe6;background-image:repeating-linear-gradient(90deg,transparent 0 67px,#f8f8f7 68px 72px),repeating-linear-gradient(0deg,transparent 0 67px,#f8f8f7 68px 72px),linear-gradient(110deg,#707f80,#d9d3ca,#e3c9ab)}.tileart.alt{background-image:repeating-linear-gradient(120deg,#c3b4a0 0 10px,#d9d4c9 11px 21px,#b7ada2 22px 26px)}.tileart.third{background-image:radial-gradient(ellipse at 20% 40%,#d8cabb 0 15%,transparent 16%),repeating-linear-gradient(40deg,#d9dbd3 0 10px,#b4b9b4 10px 12px,#edede8 13px 27px)}.catalogBody{padding:20px}.catalogBody h3{font-size:1.07rem;margin-bottom:9px}.catalogBody p{font-size:.8rem;line-height:1.6;color:var(--muted)}.catalogBody button{margin-top:10px}
.formsection{background:var(--nav);color:white}.formsection .eyebrow{color:var(--accent)}.formsection .sectionhead>p{color:#c3d0d0}.formLayout{display:grid;grid-template-columns: .82fr 1.18fr;gap:66px}.formside h2{font-size:3.5rem}.formside p{line-height:1.8;color:#b9c9cb}.formside .detail{display:flex;align-items:center;gap:11px;margin:28px 0;color:#f1eadd;font-size:.88rem}.formside .detail span{color:var(--accent)}.forms{background:#fff;color:var(--ink);padding:28px 30px 35px}.formTabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px}.formTabs button{border:0;background:transparent;padding:14px 15px 15px;color:var(--muted);font-weight:700;font-size:.82rem;border-bottom:3px solid transparent}.formTabs button.active{color:var(--nav);border-color:var(--accent)}.formBody{display:none}.formBody.active{display:block}.formBody .hint{color:var(--muted);font-size:.8rem;line-height:1.6}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:800;color:var(--ink)}.field input,.field select,.field textarea{border:1px solid #ced4d3;background:#fff;color:#182c31;border-radius:2px;padding:13px 12px;width:100%;outline:none;font-size:.84rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c3a67824}.field textarea{min-height:106px;resize:vertical}.legalcheck{display:flex;gap:10px;align-items:flex-start;font-size:.73rem;line-height:1.6;color:#616b6b;margin:3px 0 17px}.legalcheck input{margin-top:3px;accent-color:var(--nav)}.legalcheck a{color:var(--nav);text-decoration:underline}.formBody .btn{width:100%;border-radius:2px}.formBody .btn:hover{background:#244351}.privacyfoot{color:#c3cbce;font-size:.74rem;margin:17px 0 0}
.footer{background:var(--ink);color:#fff;padding:64px 0 24px}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer .brandmark{background:var(--accent);color:var(--ink)}.footer .brandtext small{color:#aabbb8}.footer p,.footer a{color:#b7c4c5;font-size:.83rem;line-height:1.9}.footer a:hover{color:#fff}.footer h4{letter-spacing:.1em;font-size:.72rem;margin:10px 0 23px;text-transform:uppercase;color:#fff}.footer ul{padding:0;margin:0;list-style:none}.footbottom{border-top:1px solid #ffffff1b;margin-top:45px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#95a6a8;font-size:.72rem}.note{font-size:.71rem;color:#697778}.toast{position:fixed;bottom:25px;right:25px;z-index:100;background:#1b3337;color:white;padding:15px 21px;max-width:340px;box-shadow:0 15px 40px #0004;font-size:.8rem;line-height:1.4;transform:translateY(120px);opacity:0;transition:all .3s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1020px){.navlinks{gap:16px}.headerCta{display:none}.gridcards{grid-template-columns:repeat(2,1fr)}.hero{gap:16px}.heroart{height:480px}.imagehero{width:90%}.storyrow{gap:35px}.formLayout{gap:30px}.catalogGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 34px,1190px)}.topnote{font-size:.63rem;line-height:1.4}.nav{height:71px}.hamb{display:block}.navlinks{display:none;position:absolute;top:71px;left:0;right:0;background:var(--canvas);padding:20px;box-shadow:0 13px 22px #0001;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding-top:47px;gap:29px;min-height:unset}.hero h1{font-size:clamp(3.1rem,12vw,4.6rem)}.heroart{height:420px}.imagehero{width:88%}.matpanel{width:165px;height:166px;padding:13px}.matpanel b{font-size:1.13rem}.minigrid i{height:25px}.herofooter{margin-top:26px}.section{padding:65px 0}.sectionhead{display:block}.gridcards{grid-template-columns:1fr 1fr}.service{padding:19px;min-height:223px}.service .symbol{font-size:2rem;margin-bottom:20px}.service h3{font-size:.95rem}.storyrow{grid-template-columns:1fr}.storyvisual{height:345px;order:1}.storytext{order:0}.catalogGrid{grid-template-columns:1fr 1fr;gap:10px}.catalogPic{height:130px}.catalogBody{padding:13px}.catalogBody h3{font-size:.96rem}.formLayout{grid-template-columns:1fr}.formside h2{font-size:2.8rem}.forms{padding:14px}.fieldGrid{grid-template-columns:1fr;gap:0}.field.full{grid-column:auto}.footergrid{grid-template-columns:1fr 1fr;gap:30px}.footergrid>div:first-child{grid-column:1/-1}.footbottom{display:block}.brandtext{font-size:1.19rem}}
@media(max-width:390px){.gridcards,.catalogGrid{grid-template-columns:1fr}.heroart{height:340px}.service{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important}
.imagehero,.storyvisual{background-color:var(--pale)}


/* Identity artwork chosen during the visual review: not proof of real work */
.brandingShowcase {padding:38px 0 58px;background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brandingHead{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:20px}
.brandingHead h2{font-family:var(--serif);font-size:clamp(1.75rem,3.8vw,2.7rem);letter-spacing:-.035em;line-height:1.1;margin:8px 0 0}
.brandingHead p{font-size:.85rem;line-height:1.65;color:var(--muted);max-width:390px;margin:0}
.brandingShowcase figure{margin:0;box-shadow:0 18px 42px rgba(12,24,25,.13);border:1px solid var(--line);background:white}
.brandingShowcase figure img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.brandingShowcase figcaption{padding:15px 20px;color:var(--muted);font-size:.74rem;line-height:1.6;background:#fff}
.brandingStamp{font-size:.67rem;text-transform:uppercase;font-weight:700;letter-spacing:.12em;color:var(--accent)}
@media(max-width:760px){.brandingShowcase{padding:24px 0 36px}.brandingHead{display:block}.brandingHead p{margin:10px 0 0}.brandingShowcase figcaption{padding:12px;font-size:.69rem}}
