:root{--ink:#171713;--paper:#f1eee7;--line:#c8c1b6;--warm:#a6947f;--dark:#20211d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:82px;padding:0 6.3vw;display:flex;align-items:center;justify-content:space-between;color:#f6f3ec;transition:.35s}.header.scrolled{height:68px;background:rgba(241,238,231,.94);color:var(--ink);backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,30,26,.12)}.wordmark{font-family:'Cormorant Garamond',serif;font-size:25px;letter-spacing:.24em}.desktop-nav{display:flex;gap:2.8vw}.desktop-nav a,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:500}.desktop-nav a{opacity:.8}.desktop-nav a:hover{opacity:1}.menu-button{display:none;background:none;border:0;width:34px}.menu-button span{display:block;height:1px;background:currentColor;margin:7px 0}.mobile-menu{position:fixed;z-index:100;inset:0;background:#24241f;color:#f5f0e7;padding:28px;transform:translateX(100%);transition:.5s cubic-bezier(.7,0,.2,1)}.mobile-menu.open{transform:none}.menu-close{position:absolute;right:24px;top:21px;background:none;border:0;color:inherit;font-size:35px}.mobile-menu nav{display:flex;flex-direction:column;margin-top:15vh}.mobile-menu nav a{font-family:'Cormorant Garamond',serif;font-size:36px;padding:10px 0;border-bottom:1px solid #55534d}.mobile-menu nav b{display:inline-block;width:46px;font:500 10px 'DM Sans';letter-spacing:.2em}.mobile-menu>p{position:absolute;bottom:30px;text-transform:uppercase;font-size:10px;letter-spacing:.25em}.hero{height:100svh;min-height:690px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,10,.48),rgba(15,13,10,.08)),linear-gradient(0deg,rgba(15,13,10,.35),transparent 55%)}.hero-content{position:absolute;left:6.3vw;top:50%;transform:translateY(-42%);max-width:690px}.eyebrow{margin:0 0 28px}.eyebrow.light{color:#fff}.hero h1,.section h2,.contact h2{font:400 clamp(56px,6.3vw,96px)/.98 'Cormorant Garamond',serif;margin:0}.hero h1 em{font-family:'Playfair Display',serif;font-weight:400}.hero-copy{font-size:18px;line-height:1.55;max-width:580px;margin:38px 0;color:#f5f2eb}.hero-actions{display:flex;gap:16px}.button{display:inline-flex;justify-content:space-between;align-items:center;min-width:276px;padding:21px 30px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:500}.button-light{background:#f3f0e9;color:#1b1b18}.button-ghost{border:1px solid rgba(255,255,255,.45);color:white;min-width:210px}.scroll-mark{position:absolute;right:6.7vw;bottom:70px;text-transform:uppercase;letter-spacing:.25em;font-size:9px;writing-mode:vertical-rl}.section{padding:120px 6.3vw}.philosophy{min-height:600px;display:grid;grid-template-columns:1fr 3fr;align-items:center}.manifesto{font:400 clamp(35px,4.5vw,65px)/1.25 'Cormorant Garamond',serif;max-width:1000px}.manifesto em{font-family:'Playfair Display';color:#9a8873}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.section h2{font-size:clamp(43px,5.1vw,76px)}.section-intro{max-width:450px;font-size:16px;line-height:1.65}.work{background:#ded8ce;overflow:hidden}.project-track{display:flex;gap:28px;overflow:auto;scrollbar-width:none;padding-bottom:48px}.project-card{min-width:min(38vw,520px)}.project-image{height:520px;position:relative;overflow:hidden;background:#bbb}.project-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-image span{position:absolute;inset:auto 0 0;padding:25px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.45));opacity:0;transition:.3s;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.project-card:hover img{transform:scale(1.025)}.project-card:hover .project-image span{opacity:1}.project-meta{display:flex;justify-content:space-between;margin-top:22px}.project-meta h3,.service-list h3,.principle-grid h3,.price-grid h3{font:400 27px 'Cormorant Garamond',serif;margin:0 0 8px}.project-meta p,.materials{font-size:12px;margin:0}.materials{border-top:1px solid #bdb5a9;margin-top:18px;padding-top:16px;color:#655e55}.arrows button{border:1px solid #aaa095;background:none;width:48px;height:48px;margin-left:7px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px;text-transform:uppercase;letter-spacing:.15em;font-size:11px}.services{background:#f1eee7}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:80px 1fr 30px;gap:30px;padding:35px 0;border-bottom:1px solid var(--line);align-items:start}.service-list b,.principle-grid b{font-size:10px;letter-spacing:.2em}.service-list p{max-width:690px;line-height:1.6;color:#68635b}.principles{background:#252620;color:#f1eee7}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #57574f}.principle-grid article{padding:35px 28px 25px 0;border-right:1px solid #57574f}.principle-grid article+article{padding-left:28px}.principle-grid p{color:#bdb9ae;line-height:1.6}.pricing{text-align:center}.pricing .section-intro{margin:24px auto 60px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left}.price-grid article{padding:45px;border:1px solid var(--line);position:relative}.price-grid .featured{background:#272721;color:#eeeae0;transform:translateY(-14px)}.price-grid small{position:absolute;right:25px;top:20px;text-transform:uppercase;letter-spacing:.18em}.price-grid strong{display:block;font:400 31px 'Cormorant Garamond';margin:30px 0}.price-grid ul{list-style:'·  ';padding-left:13px;line-height:2}.price-grid a{display:block;margin-top:35px;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;font:400 25px 'Cormorant Garamond';display:flex;justify-content:space-between}.faq details p{max-width:650px;line-height:1.7}.contact{background:#9b8c79;color:white;min-height:610px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact h2{font-size:clamp(48px,6vw,86px)}.contact>p:not(.eyebrow){max-width:600px;line-height:1.7;margin:30px 0}.contact .button{margin-top:15px}footer{background:#1e1f1b;color:#e9e4d9;padding:90px 6.3vw 25px}.footer-statement{font:400 clamp(30px,4vw,58px)/1.2 'Cormorant Garamond';max-width:950px;padding-bottom:80px}.footer-grid{border-top:1px solid #4a4b45;padding:45px 0 70px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-grid b{font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:10px}.footer-grid a,.footer-grid p,.footer-grid span{font-size:13px;color:#bcb8ae}.copyright{border-top:1px solid #4a4b45;padding-top:24px;font-size:10px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.header{height:70px;padding:0 22px}.desktop-nav{display:none}.menu-button{display:block}.wordmark{font-size:21px}.hero{min-height:680px}.hero-content{left:24px;right:24px;top:auto;bottom:70px;transform:none}.hero h1{font-size:53px}.hero-copy{font-size:14px;margin:25px 0}.hero-actions{display:block}.hero-actions .button{width:100%;margin-top:10px}.scroll-mark{display:none}.section{padding:85px 24px}.philosophy{display:block;min-height:0}.philosophy .manifesto{font-size:37px;margin-top:60px}.section-heading{display:block}.section-intro{margin-top:30px}.arrows{display:none}.project-track{margin-right:-24px}.project-card{min-width:82vw}.project-image{height:440px}.services .section-heading{margin-bottom:45px}.service-list>a{grid-template-columns:35px 1fr 20px;gap:12px}.service-list h3{font-size:23px}.service-list p{font-size:13px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article:nth-child(2){border-right:0}.principle-grid article{border-bottom:1px solid #57574f}.price-grid{grid-template-columns:1fr}.price-grid .featured{transform:none}.price-grid article{padding:35px}.footer-grid{grid-template-columns:1fr}.footer-statement{padding-bottom:55px}.footer-grid{gap:35px}.button{min-width:100%}}
html[lang="hr"] .hero h1 span{white-space:nowrap}html[lang="hr"] .desktop-nav{gap:1.8vw}html[lang="hr"] .desktop-nav a{font-size:10px}html[lang="hr"] .hero-content{max-width:760px}html[lang="hr"] .hero h1{font-size:clamp(52px,5.7vw,88px)}html[lang="hr"] .hero-copy{max-width:640px}@media(max-width:1100px) and (min-width:801px){html[lang="hr"] .wordmark,html[lang="hr"] .logo-image{width:170px}html[lang="hr"] .desktop-nav{gap:1.2vw}html[lang="hr"] .desktop-nav a{font-size:9px;letter-spacing:.16em}}@media(max-width:800px){html[lang="hr"] .hero-content{bottom:32px}html[lang="hr"] .hero h1{font-size:clamp(34px,11vw,42px)}html[lang="hr"] .hero-copy{font-size:13px;line-height:1.45;margin:18px 0}html[lang="hr"] .hero-actions .button{padding-top:17px;padding-bottom:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.legal-page{background:#f1eee7}.legal-document{max-width:980px;padding:145px 6.3vw 110px}.legal-document>h1{font:400 clamp(58px,8vw,108px)/.92 'Cormorant Garamond',serif;margin:24px 0 30px}.legal-updated{color:#777168;margin-bottom:75px}.legal-document section{display:grid;grid-template-columns:minmax(210px,.75fr) 1.8fr;gap:55px;padding:32px 0;border-top:1px solid var(--line)}.legal-document section h2{font:400 24px 'Cormorant Garamond',serif;margin:0}.legal-document section p{line-height:1.75;margin:0;color:#504c45}.legal-document section a,.legal-links a{text-decoration:underline;text-underline-offset:4px}.legal-links{display:flex;gap:35px;padding-top:50px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.cookie-notice{position:fixed;z-index:200;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:720px;margin-left:auto;padding:22px 24px;background:#20211d;color:#f1eee7;box-shadow:0 15px 50px rgba(0,0,0,.25)}.cookie-notice b{font-size:10px;text-transform:uppercase;letter-spacing:.2em}.cookie-notice p{font-size:12px;line-height:1.55;margin:7px 0}.cookie-notice a{font-size:10px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid}.cookie-notice button{flex:0 0 auto;border:1px solid #77766f;background:transparent;color:inherit;padding:14px 18px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;cursor:pointer}
@media(max-width:800px){.legal-document{padding:120px 24px 80px}.legal-document section{display:block}.legal-document section h2{margin-bottom:15px}.legal-links{flex-direction:column;gap:18px}.cookie-notice{left:12px;right:12px;bottom:12px;display:block}.cookie-notice button{width:100%;margin-top:18px}}
html,body{overflow-x:hidden}
.hero-slides{position:absolute;inset:0;background:#24231f}.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 1.4s ease,transform 7s ease}.hero-slides img.active{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.hero-slides img{transition:none;transform:none}.hero-slides img:not(:first-child){display:none}}
.social-icons{display:flex;gap:10px;margin-top:18px}.social-icon{width:38px;height:38px;border:1px solid #55564f;display:grid;place-items:center;color:#e9e4d9;transition:.25s}.social-icon:hover{border-color:#e9e4d9;transform:translateY(-2px)}.social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.social-icon svg path,.social-icon .social-fill{fill:currentColor;stroke:none}.social-icon .social-dot{fill:currentColor;stroke:none}
.contact-socials{margin-top:32px}.contact-socials .social-icon{color:#1c1c1c;border-color:#c8c2b8}.contact-socials .social-icon:hover{border-color:#1c1c1c}
.wordmark{display:block;width:205px;height:35px;font-size:0;letter-spacing:0;background:url('../assets/princip-logo-black.png?v=2') left center/contain no-repeat}.header:not(.scrolled) .wordmark{background-image:url('../assets/princip-logo.png')}@media(max-width:800px){.wordmark{width:178px;height:31px}}
.language-switch{display:flex;align-items:center;gap:5px;margin-left:4px;font-size:10px;letter-spacing:.12em}.language-switch button{border:0;background:none;color:inherit;padding:4px 1px;opacity:.42;font:500 10px 'DM Sans';letter-spacing:.12em;cursor:pointer}.language-switch button.active{opacity:1;border-bottom:1px solid currentColor}.language-switch span{opacity:.32}.mobile-language{position:absolute;right:28px;bottom:28px;font-size:12px}.mobile-language button{font-size:12px;color:#f5f0e7}
.inquiry-form .choice-group:nth-of-type(2),.inquiry-form .choice-group:nth-of-type(3){display:none}
.logo-link{display:inline-flex;align-items:center}.logo-image{display:block;width:205px;height:auto}.header.scrolled .logo-image{filter:brightness(0)}.contact-header .logo-image{filter:none;mix-blend-mode:multiply}.footer-logo{width:205px}@media(max-width:800px){.logo-image{width:178px}}
.footer-legal{float:right;display:flex;gap:22px}.footer-legal a{color:#bcb8ae}@media(max-width:800px){.footer-legal{float:none;margin-top:16px}}
.header.scrolled .portfolio-logo{filter:none}
@media(max-width:800px){.principle-grid{border:1px solid #57574f}.principle-grid article,.principle-grid article+article{padding:28px 22px 26px}.principle-grid article{border-right:1px solid #57574f;border-bottom:1px solid #57574f}.principle-grid article:nth-child(even){border-right:0}.principle-grid article:nth-last-child(-n+2){border-bottom:0}.principle-grid h3{margin-bottom:14px}.principle-grid p{margin-top:0}}
.principle-grid{border:1px solid #57574f}
.principle-grid article:last-child{border-right:0}
@media(min-width:801px){.principle-grid article,.principle-grid article+article{padding:35px 28px 25px}}
@media(max-width:800px){.work .project-track{width:100%;margin-right:0}.work .project-track .project-card{flex:0 0 100%;width:100%;min-width:0;max-width:100%}.work .project-track .project-image{width:100%;max-width:100%}}
.about-content{min-width:0}.about-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px;padding-top:38px;border-top:1px solid var(--line)}.about-copy p{margin:0;color:#5f5a52;font-size:14px;line-height:1.75}@media(max-width:800px){.about-copy{grid-template-columns:1fr;gap:24px;margin-top:45px;padding-top:30px}.about-copy p{font-size:13px}}