.atelier{--paper:#f4f0e6;--ink:#353b31;--muted:#666c60;--blue:#4a5c3d;--line:#d6d4c7;--pale:#e5e8d9;background:var(--paper)}.demo-banner{background:#252b25;color:#fff;padding:11px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;line-height:1.5}.demo-banner a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.atelier-header{border-bottom:1px solid var(--line)}.atelier-header .header-inner{height:102px}.atelier-logo{font:24px/1.2 Georgia,serif;letter-spacing:.02em}.atelier-logo small{display:block;font:8px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:9px}.atelier nav{font-size:11px;gap:25px}.atelier nav a:last-child{border-radius:0;padding:10px 19px}.atelier h1,.atelier h2,.atelier h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.atelier h1{font-size:clamp(44px,5.1vw,75px);line-height:1.08}.atelier em{font-style:italic;color:var(--ink)}.atelier .eyebrow{font-size:9px;letter-spacing:.13em}.atelier-hero{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;padding-block:65px 43px}.atelier-hero>p{max-width:280px;font-size:12px;color:var(--muted);margin-bottom:4px}.atelier-cover{position:relative;margin-block:0}.atelier-cover img{width:100%;aspect-ratio:2.04;object-fit:cover}.atelier figure{margin-top:0}.atelier figcaption{font:9px/1.5 Manrope,Arial,sans-serif;color:var(--muted);margin-top:10px}.image-link{position:absolute;bottom:50px;right:25px;background:var(--paper);padding:14px 19px;font-size:11px}.image-link:hover{background:var(--ink);color:#fff}.atelier-intro{display:grid;grid-template-columns:.6fr 1fr 1.25fr;gap:40px;padding-block:90px;align-items:start}.atelier-intro h2{font-size:43px}.atelier-intro p:not(.eyebrow){font-size:12px;color:var(--muted)}.atelier-services>a{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding:32px 0}.atelier-services>a:last-child{border-bottom:1px solid var(--line)}.atelier-services>a>span{font-size:12px}.atelier-services>a>span:last-child{margin-left:auto;font-size:32px}.atelier-services h2{font-size:45px}.atelier-services p{font-size:12px;margin:12px 0 0;color:var(--muted)}.atelier-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}.atelier-heading>p{max-width:330px;font-size:12px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-grid.two{grid-template-columns:1fr 1fr}.project-grid figure{margin:0 0 22px}.project-grid img{aspect-ratio:1.05;object-fit:cover}.project-grid figcaption{font-size:8px}.project-grid span{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.project-grid h3{font-size:32px;margin:10px 0 12px}.project-grid p{font-size:12px;color:var(--muted);max-width:320px}.project-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}.atelier-process{background:#e4e5d8;padding-block:70px}.atelier-process .steps{margin-top:40px}.atelier-process h3{font-size:27px}.demo-disclaimer{font-size:10px;color:var(--muted);margin:30px 0 0}.atelier-cta{text-align:center;padding-block:85px}.atelier-cta .eyebrow{justify-content:center}.atelier-cta h2{font-size:56px}.atelier-cta>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-block:25px}.atelier-button{border-radius:0;background:var(--ink);color:var(--paper)}.atelier-button:hover{background:#4b5e40}.atelier-footer{background:#353b31;color:#f4f0e6;padding-block:50px}.atelier-footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}.atelier-footer p{font-size:10px;margin:20px 0 0;color:#d8ddcc}.atelier-footer .button{border:1px solid #b1b7a7}.demo-footer-links{width:100%;display:flex;gap:25px;border-top:1px solid #6f7769;margin-top:25px;padding-top:23px;font-size:10px}.demo-footer-links a{text-decoration:underline;text-underline-offset:4px}.atelier-page-head{padding-block:70px 45px}.atelier-page-head>p:not(.eyebrow){max-width:620px;font-size:14px;color:var(--muted);margin:25px 0 0}.atelier-callout{background:#e3e3d4;padding:42px}.atelier-callout>p{font-size:12px;max-width:450px}.atelier-callout h2{font-size:45px;margin-bottom:20px}.project-story{display:grid;grid-template-columns:.9fr 1.5fr;gap:55px;padding-block:60px;border-top:1px solid var(--line);align-items:start;scroll-margin-top:30px}.project-story figure{margin:0}.project-story img{width:100%;aspect-ratio:1.15;object-fit:cover}.project-story h2{font-size:48px}.story-intro{font-size:15px;margin:20px 0;color:var(--muted)}.project-story dt{font-size:11px;font-weight:750;margin-top:23px}.project-story dd{font-size:12px;color:var(--muted);margin:6px 0 0}.atelier-contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:25px 90px}.atelier-contact h2{font-size:40px}.brief-list{padding-left:20px;margin-top:30px}.brief-list li{padding-left:12px;margin-bottom:22px;font-size:12px}.brief-list p{color:var(--muted);margin-top:7px}.demo-contact-note{background:#e4e5d8;padding:35px;align-self:start}.demo-contact-note h2{margin:25px 0}.demo-contact-note>p{font-size:12px;color:var(--muted)}.demo-contact-note .button{margin-block:18px}.demo-contact-note .text-link{font-size:11px}.simple-demo{--ink:#264d45;--blue:#285b4f;--paper:#f5f4ed}.restaurant-demo{--ink:#6c3523;--blue:#8a432c;--paper:#f7efe5}.simple-header{padding-block:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.simple-header strong{font-size:27px;letter-spacing:-.04em}.simple-header>a{font-size:11px;text-decoration:underline}.simple-hero{position:relative;padding-block:85px 100px;overflow:hidden}.simple-hero h1{max-width:800px;position:relative;z-index:1}.simple-hero .eyebrow{position:relative;z-index:1}.abstract-art{position:absolute;width:420px;height:420px;right:-40px;top:10px;opacity:.16;transform:rotate(-20deg)}.abstract-art span{position:absolute;inset:0;border:42px solid var(--blue);border-radius:40%}.abstract-art span:nth-child(2){inset:75px;border-width:22px}.abstract-art span:nth-child(3){inset:140px;border-width:18px}.simple-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding-block:70px}.simple-content h2{font-size:37px}.simple-content p{font-size:13px;margin-top:20px;color:var(--muted)}.simple-content article{margin-bottom:28px}.simple-content h3{font-size:23px}.simple-content article p{margin-top:12px}.simple-callout{padding:40px;background:#fff8}.simple-callout h2{font-size:30px}.simple-callout p{max-width:700px;font-size:14px;margin-top:20px}.simple-contact{padding-block:70px}.simple-contact h2{font-size:32px}.simple-contact p{font-size:13px;max-width:600px;margin-top:22px}.simple-contact>.text-link{margin:20px}
@media(max-width:1050px){.atelier nav{gap:16px}.atelier-logo{font-size:20px}.atelier-intro{grid-template-columns:1fr 1fr;gap:30px}.atelier-intro>.eyebrow{grid-column:1/-1;margin:0}.atelier-hero>p{max-width:230px}.atelier-hero h1{font-size:56px}.project-story{gap:30px}.atelier-contact{gap:40px}}
@media(max-width:800px){.demo-banner{padding:10px 20px;font-size:9px;align-items:flex-start}.demo-banner>span{max-width:200px}.atelier-header .header-inner{height:85px}.atelier nav{top:85px}.atelier-hero{flex-direction:column;align-items:flex-start;padding-block:40px 27px;gap:22px}.atelier-hero h1{font-size:clamp(42px,7vw,57px)}.atelier-hero>p{max-width:460px;font-size:12px}.atelier-cover img{aspect-ratio:1.18}.image-link{position:static;display:inline-block;margin-top:12px;background:var(--ink);color:var(--paper)}.atelier figcaption{font-size:8px}.atelier-intro{grid-template-columns:1fr;padding-block:55px;gap:20px}.atelier-intro>.eyebrow{grid-column:auto}.atelier-intro h2{font-size:38px}.atelier-services>a{padding-block:26px;gap:20px}.atelier-services h2{font-size:38px}.atelier-services p{font-size:11px}.atelier-services>a>span:last-child{font-size:24px}.atelier-heading{flex-direction:column;align-items:flex-start;gap:20px}.atelier-heading>p{max-width:460px}.project-grid,.project-grid.two{grid-template-columns:1fr;gap:30px}.project-grid img{aspect-ratio:1.4}.project-grid figure{margin-bottom:17px}.project-grid p{max-width:none}.atelier-process{padding-block:50px}.atelier-cta{padding-block:60px}.atelier-cta h2{font-size:42px}.atelier-footer .wrap{align-items:flex-start;flex-direction:column}.atelier-footer .button{font-size:11px;gap:10px}.demo-footer-links{flex-wrap:wrap;gap:16px}.atelier-page-head{padding-block:43px 30px}.atelier-page-head h1{font-size:42px}.atelier-page-head>p:not(.eyebrow){font-size:13px}.atelier-callout{padding:28px}.project-story{grid-template-columns:1fr;padding-block:40px;gap:20px}.project-story img{aspect-ratio:1.25}.project-story h2{font-size:42px}.atelier-contact{grid-template-columns:1fr;gap:25px;padding-block:15px 55px}.atelier-contact h2{font-size:36px}.demo-contact-note{padding:27px}.simple-header strong{font-size:23px}.simple-hero{padding-block:55px 65px}.simple-hero h1{font-size:42px}.abstract-art{width:300px;height:300px;right:-70px;top:40px}.abstract-art span{border-width:30px}.abstract-art span:nth-child(2){inset:55px;border-width:18px}.abstract-art span:nth-child(3){inset:105px;border-width:15px}.simple-content{grid-template-columns:1fr;gap:30px;padding-block:45px}.simple-content h2{font-size:31px}.simple-callout{padding:25px}.simple-callout h2{font-size:27px}.simple-contact{padding-block:45px}.simple-contact>.text-link{margin:20px 0}.simple-contact h2{font-size:28px}}
@media(max-width:360px){.demo-banner{padding:9px 16px;gap:12px;font-size:8px}.demo-banner>span{max-width:170px}.atelier-logo{font-size:18px}.atelier-logo small{font-size:6px}.atelier-hero h1,.atelier-page-head h1{font-size:38px}.atelier .eyebrow{font-size:8px}.atelier-contact h2{font-size:32px}.atelier-cta h2{font-size:36px}.simple-hero h1{font-size:37px}.simple-header>a{font-size:9px}.simple-header strong{font-size:21px}}