@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button,a{outline-offset:4px}.demo-note{display:flex;justify-content:space-between;gap:16px;padding:9px max(5vw,20px);background:#242522;color:#fff;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.demo-note a{text-decoration:underline}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 5vw}.demo-brand{font-size:29px;font-weight:800;letter-spacing:-.09em}.demo-brand span{margin-left:3px;font-size:18px;vertical-align:top}.demo-header nav{display:flex;gap:28px;font-size:13px}.demo-header nav a:hover,.demo-footer a:hover{text-decoration:underline}.header-cta{padding:11px 14px;border:1px solid currentColor;font-size:12px}.overline{font:500 11px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.demo-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;font:10px 'DM Mono',monospace;text-transform:uppercase}
.atelier{background:#f2e5d7;color:#442e2b;font-family:'DM Sans',sans-serif}.atelier .demo-brand span{color:#cf543d}.atelier-hero{position:relative;min-height:650px;overflow:hidden;padding:75px 5vw 65px;background:#edc8ad}.atelier-hero .overline{position:relative;z-index:2}.atelier-hero h1{position:relative;z-index:2;margin:55px 0 65px;font-size:clamp(76px,12vw,180px);line-height:.78;letter-spacing:-.105em}.atelier-hero h1 em{color:#d34c38;font-style:normal}.atelier-hero-bottom{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:30px}.atelier-hero-bottom p{max-width:420px;margin:0;font-size:20px;line-height:1.4}.atelier-hero-bottom a{border-bottom:1px solid currentColor;font:11px 'DM Mono',monospace;text-transform:uppercase}.hero-disc{position:absolute;right:-65px;top:150px;display:grid;width:340px;height:340px;place-items:center;border-radius:46% 54% 48% 52%;background:#d5503b;color:#f8dfca;transform:rotate(-18deg);box-shadow:-36px 35px 0 #f5d884}.hero-disc span{text-align:center;font:700 20px/1.2 'DM Mono',monospace;letter-spacing:.2em}.atelier-intro{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:130px 5vw}.atelier-intro h2,.services-heading h2,.atelier-contact h2{font-size:clamp(54px,8vw,115px);line-height:.95;letter-spacing:-.08em}.atelier-intro p:last-child{max-width:540px;color:#776057;font-size:19px}.atelier-services{padding:100px 5vw 130px;background:#473630;color:#f3e2d1}.services-heading{display:flex;justify-content:space-between;gap:30px}.services-heading h2{margin-bottom:60px}.service-list article{display:grid;grid-template-columns:60px 1fr 1fr 25px;align-items:center;gap:20px;padding:22px 0;border-top:1px solid #a18475}.service-list article:last-child{border-bottom:1px solid #a18475}.service-list span{font:12px 'DM Mono',monospace;color:#ed9a75}.service-list h3{margin:0;font-size:26px}.service-list p{margin:0;color:#cbb5a8;font-size:14px}.service-list b{font-weight:400}.atelier-contact{padding:130px 5vw;background:#d8e294}.atelier-contact h2{margin:30px 0 55px}.atelier-contact h2 em{font-style:normal;color:#d34c38}.atelier-contact>a{display:inline-block;padding:16px 20px;background:#442e2b;color:#fff;font:12px 'DM Mono',monospace;text-transform:uppercase}
.fieldnotes{background:#f4f2e9;color:#29392e;font-family:Manrope,sans-serif}.fieldnotes .demo-brand span{color:#cf8f60}.field-hero{position:relative;min-height:680px;overflow:hidden;background:#d5dfc2}.field-copy{position:relative;z-index:2;max-width:900px;padding:95px 5vw}.field-copy h1{margin:55px 0 30px;font-size:clamp(70px,11vw,155px);line-height:.88;letter-spacing:-.09em}.field-copy h1 em{color:#53775e;font-style:normal}.field-copy>p:not(.overline){max-width:420px;font-size:17px;line-height:1.6}.field-button{display:inline-block;margin-top:25px;padding:14px 18px;background:#29392e;color:#fff;font:11px 'DM Mono',monospace;text-transform:uppercase}.landscape{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;right:12%;top:16%;width:165px;height:165px;border-radius:50%;background:#e5aa77}.mountain{position:absolute;bottom:-170px;width:120%;height:330px;border-radius:50% 50% 0 0}.mountain.back{left:30%;bottom:-110px;background:#a2b69b;transform:rotate(-10deg)}.mountain.middle{left:-40%;background:#78977c;transform:rotate(9deg)}.mountain.front{left:20%;bottom:-220px;background:#456b58;transform:rotate(-6deg)}.field-stories{padding:125px 5vw}.field-section-head{display:flex;justify-content:space-between;gap:30px;align-items:start}.field-section-head h2,.field-about h2,.field-subscribe h2{font-size:clamp(55px,7vw,100px);line-height:.95;letter-spacing:-.08em}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.story-art{position:relative;height:290px;overflow:hidden}.story-art span{position:absolute;width:180px;height:180px;border-radius:50%}.art-one{background:#c2ccab}.art-one span{top:60px;left:30%;background:#768e70;box-shadow:60px 80px 0 #3d604e}.art-two{background:#e7c5a6}.art-two span{top:35px;left:40%;background:#dc905f;box-shadow:-90px 160px 0 50px #996956}.art-three{background:#b6c4ba}.art-three span{top:20px;right:20px;background:#e5d6a5;box-shadow:-120px 150px 0 60px #6d8c81}.story-card .overline{margin-top:25px;color:#6a816e}.story-card h3{font-size:23px;letter-spacing:-.05em}.story-card>p:last-child{color:#68776a;font-size:14px}.field-about{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:start;padding:110px 5vw;background:#e1e7d7}.field-about p:last-child{color:#657568;font-size:16px;line-height:1.7}.field-subscribe{padding:115px 5vw;background:#3d624e;color:#f5f3e9}.field-subscribe h2{margin:30px 0}.field-subscribe>p:not(.overline){max-width:500px;color:#d1dfd1}.field-subscribe a{display:inline-block;margin-top:20px;padding:15px 18px;background:#e5aa77;color:#29392e;font:11px 'DM Mono',monospace;text-transform:uppercase}
@media(max-width:760px){.demo-note{font-size:8px}.demo-header{flex-wrap:wrap;padding:18px 5vw}.demo-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.header-cta{font-size:10px}.atelier-hero,.field-hero{min-height:620px}.atelier-hero{padding-top:80px}.atelier-hero h1,.field-copy h1{font-size:clamp(64px,15vw,110px)}.atelier-hero-bottom{align-items:start;flex-direction:column}.atelier-hero-bottom p{font-size:16px;max-width:310px}.hero-disc{top:auto;right:-100px;bottom:30px;width:220px;height:220px}.hero-disc span{font-size:12px}.atelier-intro,.field-about{display:block;padding:85px 5vw}.atelier-intro h2,.services-heading h2,.atelier-contact h2,.field-section-head h2,.field-about h2,.field-subscribe h2{font-size:clamp(50px,12vw,75px)}.atelier-services,.atelier-contact,.field-stories,.field-subscribe{padding:85px 5vw}.services-heading,.field-section-head{display:block}.service-list article{grid-template-columns:30px 1fr 20px}.service-list article p{grid-column:2;grid-row:2}.service-list article b{grid-column:3;grid-row:1}.service-list h3{font-size:20px}.field-copy{padding-top:80px}.field-copy>p:not(.overline){max-width:320px}.landscape{opacity:.65}.story-grid{grid-template-columns:1fr}.story-art{height:250px}.demo-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}