*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202723;background:#fafbf8;font-size:16px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #25856e;outline-offset:5px}a{text-underline-offset:4px}button:disabled{opacity:.35;cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(44px,6.7vw,86px);font-weight:500}h2{font-size:clamp(30px,4vw,48px);font-weight:500}h3{font-size:24px;font-weight:500}p{max-width:62ch}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:650}.muted{color:#66736d}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid currentColor;border-radius:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;border:0;border-radius:7px;padding:14px 22px;background:#183e33;color:#fff;font-size:14px;font-weight:600;min-height:48px}.button.light{background:#fff;color:#203b32}.button.outline{background:transparent;border:1px solid #b8c4bc;color:inherit}.demo-bar{background:#eef3ed;color:#48574d;font-size:12px;padding:11px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #dbe3d9}.demo-bar a{text-decoration:none;font-weight:600}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;font-size:13px}.site-nav nav{display:flex;gap:24px;align-items:center}.site-nav a{text-decoration:none}.wordmark{font-size:23px;font-weight:650;letter-spacing:-1px}.section{padding:76px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.line{border-top:1px solid #cdd5cc}.metric{font-size:48px;letter-spacing:-.05em;line-height:1.1;margin:12px 0}.note{font-size:13px;color:#64716b}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}.card{border:1px solid #d7ded4;padding:28px;border-radius:12px}.page-footer{padding:30px 0 45px;border-top:1px solid #d4dcd2;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-footer a{margin-left:14px}.art{width:100%;display:block;border-radius:12px}label{display:block;font-size:13px;margin-bottom:15px}input,textarea,select{width:100%;border:1px solid #bbc7bc;background:#fff;border-radius:6px;padding:12px;margin-top:6px;color:#263d30}textarea{resize:vertical}form{max-width:560px}form .status{margin-top:16px;font-size:14px}details{border-top:1px solid #c4cdc1;padding:22px 0}summary{cursor:pointer;font-size:18px}details p{padding-top:16px;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #d7ddd5;padding:15px 12px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.table-scroll{overflow-x:auto}blockquote{font-size:28px;margin:0;line-height:1.35;letter-spacing:-.025em}section[id]{scroll-margin-top:24px}.demo-callout{padding:14px 18px;background:#f0f3ed;border-radius:7px;font-size:12px;margin-bottom:20px}
/* Gallery: six expanding panels inspired by the reference's horizontal accordion. */
.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.birta-logo{font-size:27px;font-weight:700;letter-spacing:-1.4px;text-decoration:none}.birta-logo i{display:inline-block;width:18px;height:21px;background:#218469;border-radius:4px 10px 4px 10px;margin-right:8px;transform:rotate(-10deg)}.intro{padding:65px 0 44px;text-align:center}.intro h1{font-size:clamp(38px,5vw,64px);max-width:760px;margin:16px auto 20px;line-height:1.05}.intro p{margin:auto;color:#6c766f;font-size:16px}.intro .eyebrow{color:#25806a}.gallery{padding-bottom:32px}.panels{display:flex;gap:10px;height:500px}.panel{position:relative;flex:1;min-width:0;isolation:isolate;border-radius:16px;overflow:hidden;background:#1c2b24;color:white;transition:flex .45s cubic-bezier(.2,.7,.2,1)}.panel.active{flex:3.6}.panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,24,17,.08) 0%,rgba(10,24,17,0) 32%,rgba(10,24,17,.94) 73%);z-index:-1}.panel:nth-child(2){background:#3f352b}.panel:nth-child(3){background:#33294b}.panel:nth-child(4){background:#263f50}.panel:nth-child(5){background:#503028}.panel:nth-child(6){background:#344029}.panel-toggle{position:absolute;inset:0;width:100%;border:0;background:transparent;color:inherit;text-align:left;z-index:2;padding:0}.panel-toggle:focus-visible{outline-offset:-5px}.panel-number{position:absolute;top:22px;left:20px;font-size:10px;letter-spacing:.12em;opacity:.65}.panel-name{position:absolute;top:50px;left:20px;right:16px;font-size:17px;font-weight:500;line-height:1.18;letter-spacing:-.03em;transition:font-size .35s}.active .panel-name{font-size:27px}.panel-plus{position:absolute;bottom:23px;left:20px;width:28px;height:28px;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center;font-size:18px}.active .panel-plus{opacity:0}.preview-window{position:absolute;top:125px;left:22px;width:380px;height:295px;border-radius:6px;overflow:hidden;background:var(--accent);box-shadow:0 20px 40px #0004;transform:rotate(-5deg);transform-origin:top left;transition:transform .45s,filter .45s;filter:grayscale(1);z-index:-2;pointer-events:none}.active .preview-window{transform:rotate(-3deg);filter:none}.preview-browser{height:17px;background:#ffffffed;display:flex;align-items:center;gap:3px;padding:0 8px}.preview-browser i{width:3px;height:3px;background:#b6c2b9;border-radius:50%}.preview-browser span{font-size:5px;color:#7b847d;margin:auto}.preview-window iframe{border:0;width:760px;height:560px;transform:scale(.5);transform-origin:top left;pointer-events:none;background:var(--accent)}.panel-detail{position:absolute;bottom:24px;left:24px;right:24px;opacity:0;visibility:hidden;transition:opacity .2s;z-index:3}.active .panel-detail{opacity:1;visibility:visible;transition-delay:.17s}.panel-detail h2{font-size:25px;max-width:280px;line-height:1.14;margin-bottom:10px;letter-spacing:-.035em}.panel-detail p{font-size:12px;color:#ffffffb3;line-height:1.55;margin-bottom:18px;max-width:300px}.panel-detail a{display:inline-flex;align-items:center;gap:28px;font-size:12px;text-decoration:none;font-weight:600;color:#fff;border-bottom:1px solid #ffffff70;padding:0 0 7px}.gallery-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:#6c766f}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2d886d;margin-right:6px}.gallery-note{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #dce3d9;margin-top:40px;padding:30px 0 70px}.gallery-note p{font-size:14px;margin:0;color:#64716a}.gallery-note strong{font-weight:500;color:#263c30;display:block;font-size:19px;letter-spacing:-.02em;margin-bottom:5px}
/* Example-specific layouts */
.service{background:#f5f3e9}.service .hero{padding:45px 0 70px}.service .hero p{max-width:410px}.service .hero-art{position:relative}.service .floating-label{position:absolute;bottom:20px;left:20px;background:#f8f6eb;padding:14px 20px;border-radius:6px;font-size:12px}.service .grid3 .card{border-color:#cfd2be;background:#f9f8f1}.service .service-contact{background:#e5ebdf;border-radius:18px;padding:48px}.proposal{background:#eeeae1}.paper{width:min(920px,calc(100% - 48px));margin:35px auto 70px;background:#fffcf5;border:1px solid #d6d1c6;border-radius:3px;padding:64px;box-shadow:0 14px 60px #302b2008}.proposal h1{font-size:66px}.proposal .meta{display:flex;gap:35px;font-size:12px;margin:32px 0}.proposal .meta span{display:block;color:#7c7a70;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.proposal .total{display:flex;justify-content:space-between;font-size:28px;padding:24px 0;border-top:2px solid #333d32}.proposal .section{padding:40px 0}.deck{background:#f1edf7}.deck-shell{padding:25px 0 60px}.slide{background:#d3c6f0;border-radius:18px;min-height:530px;padding:54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.slide[hidden]{display:none}.slide h1,.slide h2{font-size:clamp(38px,6vw,78px);max-width:720px}.slide p{max-width:480px}.slide .orbit-art{position:absolute;width:330px;right:30px;top:110px;opacity:.8;pointer-events:none}.slide .slide-content{position:relative;z-index:1;max-width:750px}.slide.dark{background:#272132;color:#f4eefc}.slide-foot{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.deck-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:20px}.deck-controls button{border:1px solid #a397b7;background:transparent;border-radius:50%;height:45px;width:45px}.deck-dots{display:flex;gap:9px}.deck-dots button{height:8px;width:8px;border:0;padding:0;background:#b8accb}.deck-dots button[aria-current=true]{background:#45315f}.report{background:#f5f7fa;color:#243746}.report-layout{display:grid;grid-template-columns:175px 1fr;gap:65px;padding:50px 0}.report aside{align-self:start;position:sticky;top:25px;font-size:12px}.report aside a{display:block;padding:12px 0;color:#6c7d8b;text-decoration:none}.report h1{font-size:58px}.report .card{border-color:#dbe3e9;background:#fff}.report .section{padding:35px 0}.chart{height:200px;display:flex;align-items:flex-end;gap:26px;margin:35px 0 5px;padding:0 20px;border-bottom:1px solid #c3cfda}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px;font-size:12px}.bar{width:100%;max-width:100px;background:#88b6cc;border-radius:5px 5px 0 0}.chart-labels{display:flex;justify-content:space-around;font-size:12px;color:#6b7f8d;padding:0 20px}.event{background:#f5eee3;color:#382d29}.event .event-hero{background:#e8a687;border-radius:14px;padding:50px;margin:25px 0 65px;position:relative;overflow:hidden}.event h1{font-size:clamp(68px,11vw,145px);letter-spacing:-.075em;line-height:.85;margin:40px 0 30px;position:relative;z-index:1}.event .event-hero p{max-width:360px}.event .event-art{position:absolute;width:420px;right:10px;top:30px;transform:rotate(8deg)}.event .agenda{display:grid;grid-template-columns:90px 1fr;gap:25px;border-top:1px solid #d6c8ba;padding:25px 0}.event .agenda time{font-size:13px}.event .agenda h3{font-size:23px;margin-bottom:8px}.event .agenda p{font-size:14px;margin:0}.portfolio{background:#f4f5ed;color:#292e23}.portfolio .portfolio-hero{padding:45px 0 65px}.portfolio h1{max-width:850px;font-size:clamp(42px,7vw,88px)}.portfolio .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-card{text-decoration:none}.work-card .art{aspect-ratio:1.3;object-fit:cover;transition:transform .3s}.work-card:hover .art{transform:translateY(-5px)}.work-card .work-label{display:flex;justify-content:space-between;gap:15px;padding-top:18px;font-size:12px}.work-card h2{font-size:28px;margin-top:6px}.case{padding:35px;border:1px solid #d1d6c5;border-radius:12px;margin-top:25px}.case h3{font-size:30px}.case .case-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:14px}.case .eyebrow{font-size:10px}.preview .demo-bar,.preview .page-footer{display:none}.preview .wrap{width:calc(100% - 60px)}.preview .site-nav{padding:18px 0}.preview .section{padding:30px 0}.preview h1{font-size:56px}.preview .paper{margin:16px auto;padding:34px}.preview .report-layout{grid-template-columns:1fr;padding-top:20px}.preview aside{display:none}.preview .slide{min-height:470px;padding:36px}.preview .event h1{font-size:90px}.preview .event-hero{margin-top:10px;padding:30px}.preview .event-art{width:280px}.preview .portfolio-hero{padding:25px 0}.preview .portfolio-hero h1{font-size:56px}.preview .portfolio .work-grid{gap:16px}.preview .service .hero{padding:20px 0}.preview .service .hero .grid2{gap:25px}.preview .service .hero h1{font-size:52px}
@media(min-width:901px){.panels:not(.enhanced){height:auto;display:grid;grid-template-columns:repeat(3,1fr)}.panels:not(.enhanced) .panel{min-height:460px}.panels:not(.enhanced) .panel-detail{opacity:1;visibility:visible}.panels:not(.enhanced) .panel-plus{display:none}}
@media(max-width:1000px){.panel-name{font-size:14px;left:14px}.panel-number{left:14px}.panel.active{flex:4}.grid2{gap:28px}.event .event-art{right:-100px;opacity:.65}}
@media(max-width:900px){.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:16px}.panel{min-height:465px}.panel-name,.active .panel-name{font-size:24px;left:24px}.panel-number{left:24px}.panel-toggle{pointer-events:none}.panel-detail{opacity:1;visibility:visible}.panel-plus{display:none}.preview-window{filter:none}.gallery-bottom .desktop-hint{display:none}.report-layout{grid-template-columns:1fr;gap:15px}.report aside{position:static;display:flex;gap:20px;flex-wrap:wrap}.slide .orbit-art{opacity:.25}.event .event-art{opacity:.35}.case .case-columns{grid-template-columns:1fr}.deck .grid3{gap:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-nav{padding:22px 0}.site-nav nav{gap:14px}.site-nav nav a{font-size:12px}.site-nav nav .optional{display:none}.demo-bar{padding:10px 18px;gap:6px;font-size:10px}.intro{padding:42px 0 32px}.intro h1{font-size:40px}.intro p{font-size:14px;max-width:290px}.panels{grid-template-columns:1fr;gap:14px}.panel{min-height:450px}.preview-window{width:380px;top:110px;left:30px}.panel-name,.active .panel-name{font-size:26px;top:45px}.panel-detail h2{font-size:26px}.panel-detail p{font-size:13px}.panel-detail a{font-size:13px;padding-bottom:10px}.gallery-bottom{font-size:10px;gap:8px}.gallery-note{align-items:flex-start;flex-direction:column;padding-bottom:45px;margin-top:20px}.gallery-header .pill{font-size:10px}.grid2,.grid3{grid-template-columns:1fr;gap:26px}.section{padding:48px 0}.service .hero{padding:24px 0 44px}.service .hero h1{font-size:54px}.service .service-contact{padding:25px}.service .hero-art{margin-top:10px}.paper{width:calc(100% - 28px);padding:26px;margin:18px auto 35px}.proposal h1{font-size:45px}.proposal .meta{flex-wrap:wrap;gap:20px}.proposal .total{font-size:23px}.slide{padding:28px;min-height:530px}.slide h1,.slide h2{font-size:44px}.deck .slide .grid3{gap:10px}.deck .slide .card{padding:15px}.deck .slide .metric{font-size:32px}.deck-controls{gap:10px}.deck-controls .note{font-size:11px}.report h1{font-size:45px}.report .grid3{grid-template-columns:1fr;gap:10px}.report .grid3 .card{display:flex;justify-content:space-between;align-items:center;padding:20px}.report .grid3 .metric{font-size:34px;margin:0}.report .grid3 p{margin:0}.chart{gap:15px;padding:0 5px}.event .event-hero{padding:30px 25px;margin-top:10px}.event h1{font-size:86px;margin-top:42px}.event .event-art{width:260px;right:-60px;top:70px;opacity:.4}.event .event-hero p{position:relative;z-index:1}.event .event-hero .button{position:relative;z-index:1}.event .agenda{grid-template-columns:58px 1fr;gap:15px}.portfolio .work-grid{grid-template-columns:1fr;gap:30px}.portfolio .portfolio-hero{padding:30px 0 40px}.portfolio h1{font-size:47px}.case{padding:24px}.page-footer{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.demo-bar,.site-nav,.page-footer,.deck-controls,.button,form{display:none!important}.wrap,.paper{width:100%;margin:0;padding:20px;box-shadow:none;border:0}.slide,.slide[hidden]{display:flex;break-after:page;margin:0}.report-layout{display:block}.report aside{display:none}body{background:white}.section{padding:20px 0}.card,.case{break-inside:avoid}}