500;600&family=Italiana&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:#3c3028;background:#faf6f1;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.demo-bar{background:#30261f;color:#f1e7dc;min-height:49px;display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 22px;text-align:center;font-size:11px}.demo-bar span{letter-spacing:.1em}.demo-bar a{border-bottom:1px solid #d6bd9e;padding-bottom:2px;white-space:nowrap}.wrap{width:min(1140px,calc(100% - 72px));margin:auto}.demo-nav{height:93px;display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-logo{font-family:Georgia,serif;font-size:27px;letter-spacing:.1em;line-height:1}.demo-logo small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.34em;text-align:center;margin-top:11px}.demo-nav-links{display:flex;gap:32px;align-items:center;font-size:12px}.demo-nav-links a:hover{text-decoration:underline}.d-btn{display:inline-block;background:#3b302a;color:#fff9f3;font-size:11px;letter-spacing:.1em;padding:16px 23px;text-transform:uppercase;transition:transform .15s,background .15s}.d-btn:hover{transform:translateY(-2px);background:#695044}.demo-section{padding:104px 0}.overline{font-size:10px;font-weight:600;letter-spacing:.23em;text-transform:uppercase}.display{font-weight:400;font-family:'Italiana',Georgia,serif;font-size:clamp(51px,6vw,85px);line-height:1.1;letter-spacing:-.025em;margin:23px 0}.display em,.section-title em{font-family:Georgia,serif;font-size:.79em;font-style:italic;font-weight:400}.section-title{font-family:'Italiana',Georgia,serif;font-size:clamp(42px,4.8vw,69px);line-height:1.14;font-weight:400;margin:18px 0 24px}.demo-text{max-width:460px;font-size:14px;line-height:2;color:#776a61}.demo-hero{min-height:615px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:67px;padding-bottom:72px}.demo-hero .demo-text{margin-bottom:28px}.hero-visual{height:566px;overflow:hidden;position:relative}.hero-visual img{height:100%;width:100%;object-fit:cover}.hero-visual .visual-sticker{position:absolute;right:20px;bottom:18px;background:#faf6f1ed;color:#4b3c34;padding:14px;font-family:Georgia,serif;font-size:16px;font-style:italic}.demo-services{background:#f0e7df}.center{text-align:center}.center .demo-text{margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:49px}.service-card{padding:33px 29px 38px;border:1px solid #cfc3b7;min-height:215px}.service-card span{font-family:Georgia,serif;font-style:italic;font-size:29px;color:#b3967f}.service-card h3{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:28px;margin:10px 0 9px}.service-card p{color:#7f7167;font-size:12px;line-height:1.8;margin:0}.quote-band{background:#3f332b;color:#f7eee2;text-align:center;padding:96px 20px}.quote-band h2{font:400 clamp(43px,5vw,65px)/1.2 'Italiana',Georgia,serif;margin:0 auto 21px;max-width:810px}.quote-band p{font:italic 17px Georgia,serif;color:#cbb59c}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.story-image{max-height:420px;overflow:hidden}.story-image img{height:100%;width:100%;object-fit:cover;object-position:center 65%}.demo-closing{text-align:center;padding:100px 0;background:#eaded1}.demo-footer{padding:36px 0;text-align:center;font-size:11px;letter-spacing:.14em;color:#958273}.demo-footer a{border-bottom:1px solid #aaa}.lumiere{background:#fbf5f0;color:#5b433b}.lumiere .demo-services{background:#f2e5dc}.lumiere .demo-closing{background:#ead5ca}.lumiere .hero-visual{background:#e9cbc1}.lumiere .d-btn{background:#5b433b}.lumiere .hero-copy{max-width:510px}.lumiere .overline{color:#a77c6d}.lumiere .demo-hero .display{font-size:clamp(52px,6vw,86px)}
.forma{background:#f6f1e9;color:#40372f}.forma .demo-logo{font-size:33px;font-weight:400;letter-spacing:.22em}.forma .demo-hero{grid-template-columns:1.05fr .95fr}.forma .hero-visual{height:592px}.forma .overline{color:#8f7862}.forma .demo-services{background:#e6d9cb}.forma .demo-closing{background:#bdab96}.forma .service-card{background:#f7f1e8}.forma .display{font-size:clamp(56px,6.3vw,93px)}.forma .portfolio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:50px}.forma .portfolio-grid>div{position:relative;min-height:330px;overflow:hidden;background:#d1bda5}.forma .portfolio-grid img{width:100%;height:100%;object-fit:cover;position:absolute}.forma .portfolio-grid>div:nth-child(2) img{transform:scale(1.3);object-position:20%}.forma .portfolio-grid span{position:absolute;bottom:0;left:0;right:0;background:#2a221db9;color:#fff;padding:13px 18px;letter-spacing:.1em;font-size:11px}
.muse{background:#f9f5ee;color:#4c3c36}.muse .demo-logo{font-size:34px;letter-spacing:.08em}.muse .demo-hero{grid-template-columns:1fr 1fr}.muse .hero-visual{border-radius:48% 48% 0 0;height:555px}.muse .overline{color:#ad806b}.muse .demo-services{background:#eee4da}.muse .demo-closing{background:#d5c4b1}.muse .service-card{background:#f8f3ea}.muse .d-btn{background:#654f44}.muse .quote-band{background:#6a5448}.muse .display{font-size:clamp(55px,6vw,89px)}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.demo-bar{font-size:10px;gap:12px;flex-wrap:wrap}.demo-nav{height:80px}.demo-nav-links a:not(.d-btn){display:none}.demo-hero{grid-template-columns:1fr;gap:30px;padding-top:45px}.forma .demo-hero,.muse .demo-hero{grid-template-columns:1fr}.demo-hero .hero-visual{height:500px}.demo-hero .display{font-size:clamp(52px,10vw,80px)}.demo-section{padding:78px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.story-grid{grid-template-columns:1fr;gap:40px}.forma .portfolio-grid{grid-template-columns:1fr}.forma .portfolio-grid>div{min-height:280px}.demo-nav-links .d-btn{padding:13px 14px;font-size:10px}}@media(max-width:470px){.wrap{width:calc(100% - 32px)}.demo-bar span{display:block}.demo-bar{padding:10px}.demo-logo{font-size:19px!important}.demo-logo small{font-size:6px}.demo-nav-links .d-btn{padding:12px 11px}.demo-hero .hero-visual{height:385px}.display,.lumiere .demo-hero .display,.muse .display,.forma .display{font-size:54px}.section-title{font-size:48px}.demo-section{padding:66px 0}.quote-band{padding:72px 20px}.quote-band h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
