:root{--ink:#26332d;--deep:#263a32;--paper:#f7f1e7;--cream:#fffaf2;--accent:#c9795d;--gold:#d8ad6d;--sage:#7f9384;--muted:#746f67}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:50;top:0;left:0;right:0;height:3px}.progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));transform:scaleX(0);transform-origin:left}
header{position:absolute;z-index:10;top:0;left:0;right:0;height:90px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;color:white}.logo{display:flex;align-items:center;font:600 18px Unbounded,sans-serif}.logo i{width:13px;height:13px;margin-right:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(201,121,93,.14)}.logo span{color:#baa99c}nav{display:flex;gap:34px;font-size:12px;font-weight:700}header nav a:hover{color:#efb499}.mini-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.3);border-radius:100px;font-size:11px;font-weight:800;background:rgba(255,255,255,.04)}
.hero{position:relative;min-height:820px;padding:170px clamp(24px,8vw,120px) 75px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:linear-gradient(145deg,#273a33 0%,#24302b 55%,#352a25 100%);overflow:hidden}.status{position:relative;z-index:2;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.status span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#e9a181;animation:pulse 1.6s infinite}.hero h1{position:relative;z-index:2;margin:35px 0;font:600 clamp(48px,7.2vw,108px)/1.02 Unbounded,sans-serif;letter-spacing:-.055em}.hero h1 span{color:#a7b0aa}.hero h1 em{color:#efad90;font-style:normal}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{max-width:530px;margin:0;color:#c8cec9;font-size:16px}.round-link{display:grid;width:74px;height:74px;place-items:center;border:1px solid #718078;border-radius:50%;font-size:25px;transition:.3s}.round-link:hover{color:white;background:var(--accent);border-color:var(--accent);transform:rotate(-25deg)}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.78}.orb-one{right:-90px;top:130px;width:380px;height:380px;background:radial-gradient(circle at 30% 30%,#f0c09f,#bd765c 48%,transparent 71%);animation:float 7s ease-in-out infinite}.orb-two{right:22%;bottom:-180px;width:330px;height:330px;border:2px solid rgba(216,173,109,.28)}
.ticker{padding:18px 0;overflow:hidden;color:#3d3028;background:#e8c792;white-space:nowrap;font:700 14px Unbounded,sans-serif}.ticker div{width:max-content;animation:ticker 22s linear infinite}
.work,.services,.reviews{padding:120px clamp(24px,7vw,105px)}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:65px}.section-title>span,.about-copy>span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-title h2,.about h2,.contact h2{margin:0;font:600 clamp(38px,5vw,70px)/1.08 Unbounded,sans-serif;letter-spacing:-.05em}.project{display:grid;grid-template-columns:1.4fr .6fr;min-height:590px;color:white;background:#1b1e20}.project-browser{position:relative;margin:30px;overflow:hidden;background:#ebe5d9}.browser-bar{height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;color:#777;background:#fff;font-size:8px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#ddd}.browser-bar span{margin:auto}.project-browser>img{width:100%;height:calc(100% - 38px);object-fit:cover}.project-screen-copy{position:absolute;left:8%;top:28%;color:#20342e}.project-screen-copy small{display:block;margin-bottom:14px;color:#bd765c;font-size:8px;font-weight:800;letter-spacing:.12em}.project-screen-copy b{font:400 clamp(25px,3.2vw,49px)/1.08 Georgia,serif}.project-info{padding:55px 45px;display:flex;flex-direction:column}.tag{display:inline-block;margin-right:7px;padding:7px 11px;border:1px solid #4b5052;border-radius:100px;font-size:9px;text-transform:uppercase}.project-info h3{margin:65px 0 15px;font:600 clamp(37px,4vw,58px) Unbounded,sans-serif}.project-info p{color:#aeb3b5}.project-info ul{margin:20px 0;padding:0;list-style:none;color:#ddd;font-size:12px}.project-info li{padding:9px 0;border-bottom:1px solid #373b3d}.project-link{margin-top:auto;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid #555;font-weight:800}.project-link span{color:var(--lime)}
.services{color:white;background:var(--deep)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #53645b}.service-grid article{position:relative;min-height:370px;padding:40px;border-right:1px solid #53645b}.service-grid article b{color:#a5b0aa;font-size:10px}.service-grid article i{display:block;margin:65px 0 35px;color:#efad90;font:normal 32px Unbounded}.service-grid h3{font:500 26px Unbounded}.service-grid p{max-width:280px;color:#b8c1bc}.service-grid article::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent);transition:width .8s}.service-grid article.visible::after{width:100%}
.about{padding:130px clamp(24px,9vw,135px);display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;background:#e9b49d}.about-number{font:700 clamp(110px,17vw,260px)/.8 Unbounded;color:#633f32}.about-number small{font-size:18px}.about-copy p{max-width:700px;margin:38px 0;font-size:18px}.principles{display:flex;gap:10px;flex-wrap:wrap}.principles span{padding:9px 13px;border:1px solid rgba(0,0,0,.3);border-radius:100px;font-size:10px;font-weight:700}
.reviews{background:#e8dfcf}.empty-review{margin-left:auto;max-width:740px;padding:65px;border:1px solid rgba(38,51,45,.2);background:rgba(255,250,242,.58)}.empty-review>span{font:80px Georgia;color:var(--accent)}.empty-review p{font:500 clamp(24px,3vw,39px)/1.35 Unbounded}.empty-review small{font-weight:800}
.contact{padding:140px 24px;text-align:center;color:white;background:#a85f49}.contact>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.contact h2{margin:30px auto}.contact h2 em{color:#ffe0b2;font-style:normal}.contact p{max-width:620px;margin:0 auto 38px;color:#f7ddd4}.copy-button{padding:18px 25px;border:0;border-radius:100px;color:#4a332b;background:#fff2dc;font:800 13px Manrope;cursor:pointer;transition:.2s}.copy-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(65,35,26,.25)}#copyStatus{display:block;margin-top:15px}
footer{padding:35px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;color:white;background:#20312a;font-size:11px}.reveal{opacity:1;transform:none;transition:opacity .7s,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.will-reveal{opacity:0;transform:translateY(38px)}.reveal.will-reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(233,161,129,.14)}}@keyframes float{50%{transform:translate(-25px,35px) scale(1.08)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:800px){header{height:72px}header nav,.mini-cta{display:none}.hero{min-height:760px;padding:130px 22px 55px}.hero h1{font-size:clamp(42px,13vw,65px)}.hero-bottom{align-items:flex-start;gap:35px}.round-link{width:55px;height:55px;flex:0 0 auto}.orb-one{width:250px;height:250px;right:-100px}.work,.services,.reviews{padding:80px 18px}.section-title{display:block}.section-title>span{display:block;margin-bottom:25px}.project{grid-template-columns:1fr}.project-browser{height:430px;margin:12px}.project-info{padding:35px 25px;min-height:480px}.project-info h3{margin-top:40px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:300px;border-right:0;border-bottom:1px solid #3b3e40}.service-grid article i{margin:40px 0 25px}.about{grid-template-columns:1fr;padding:90px 22px}.about-number{font-size:140px}.empty-review{padding:35px 25px}.contact{padding:100px 22px}footer{flex-direction:column;gap:16px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Editorial studio redesign */
body{font-family:"DM Sans",sans-serif;background:#f5f0e8;color:#28362f}
.logo{font:600 16px "DM Sans",sans-serif;letter-spacing:.12em}.logo::before{content:"";width:8px;height:8px;margin-right:12px;border-radius:50%;background:#c1775d}.logo span{margin-left:7px;color:#b7aaa0;font-weight:400;letter-spacing:0}
.hero{min-height:760px;padding-top:155px;background:#2a3932}.hero h1{max-width:1100px;margin:50px 0;font:400 clamp(62px,8.5vw,128px)/.91 "Instrument Serif",serif;letter-spacing:-.035em}.hero h1 em{color:#dfa085;font-weight:400}.hero .status{display:flex;justify-content:space-between;max-width:560px;color:#d6d4cb;font-size:10px;font-weight:500}.hero .status span{display:inline;margin:0;width:auto;height:auto;border-radius:0;background:none;animation:none;color:#9fa9a3}.hero-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:28px}.hero-bottom p{font-size:15px}.round-link{width:64px;height:64px}.hero-index{position:absolute;right:8vw;bottom:78px;display:flex;gap:13px;align-items:center;color:#d8a088;font:500 10px "DM Sans";letter-spacing:.1em}.hero-index span{color:#aeb8b2;margin-right:20px}.orb{display:none}.ticker{padding:22px 6vw;color:#55483f;background:#e6d3b7;border-bottom:1px solid #cdbb9f}.ticker div{width:auto;text-align:center;animation:none;font:500 10px "DM Sans";letter-spacing:.17em}
.work,.services,.reviews{padding-top:145px;padding-bottom:145px}.section-title{align-items:end;border-bottom:1px solid rgba(40,54,47,.22);padding-bottom:42px}.section-title h2,.about h2,.contact h2{font:400 clamp(52px,6vw,88px)/.98 "Instrument Serif",serif;letter-spacing:-.025em}.section-title>span,.about-copy>span{font-weight:500;color:#8d796b}
.project{grid-template-columns:1.25fr .75fr;min-height:720px;color:#28362f;background:#e8dfd1;border:1px solid #d4c8b8}.case-visual{position:relative;min-height:720px;overflow:hidden}.case-photo{width:100%;height:100%;object-fit:cover}.case-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,240,232,.05),rgba(37,51,44,.13))}.case-label{position:absolute;z-index:2;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(40,54,47,.3);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.case-brand{position:absolute;z-index:2;left:42px;right:42px;bottom:42px;padding:25px 28px;display:flex;align-items:center;gap:20px;background:rgba(255,250,242,.9);backdrop-filter:blur(14px)}.case-brand img{width:76px;height:76px;border-radius:50%;object-fit:cover}.case-brand small{display:block;margin-bottom:7px;color:#a5634c;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.case-brand b{font:400 clamp(27px,3vw,46px)/1.02 "Instrument Serif",serif}.project-info{padding:50px;display:flex;background:#fffaf2}.case-meta{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #d6cbbb;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.project-info h3{margin:65px 0 12px;font:400 clamp(60px,6vw,92px)/.9 "Instrument Serif",serif}.project-info p{color:#69736e}.project-info .case-lead{margin-bottom:35px;color:#35453d;font:400 25px/1.25 "Instrument Serif",serif}.case-results{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid #d6cbbb;border-bottom:1px solid #d6cbbb}.case-results div{padding:20px 0}.case-results div+div{padding-left:20px;border-left:1px solid #d6cbbb}.case-results b{display:block;font:400 34px "Instrument Serif",serif}.case-results span{color:#817d76;font-size:9px;text-transform:uppercase}.project-link{color:#a65f49;border-color:#d6cbbb}
.services{background:#31463c}.services .section-title{border-color:rgba(255,255,255,.2)}.service-grid article{min-height:330px}.service-grid article i{margin:52px 0 25px;color:#dfa085;font-family:"Instrument Serif",serif}.service-grid h3{font:400 38px "Instrument Serif",serif}.service-grid p{font-size:14px}.about{background:#dcc4ab}.about-number{color:#6b4b3d;font:400 clamp(140px,19vw,290px)/.75 "Instrument Serif",serif}.about-copy p{font-size:17px}.reviews{background:#eee7dc}.empty-review{background:#f8f3eb}.empty-review p{font:400 clamp(30px,3.5vw,50px)/1.2 "Instrument Serif",serif}.contact{background:#9b604c}.contact h2 em{font-weight:400}.copy-button{font-family:"DM Sans",sans-serif}

@media(max-width:800px){
  .hero{min-height:720px;padding-top:120px}.hero h1{font-size:clamp(44px,13vw,52px);line-height:.94}.hero .status{display:block}.hero .status span{display:block;margin-top:8px}.hero-index{display:none}.ticker{padding:17px 10px}.ticker div{font-size:8px;white-space:normal}.project{grid-template-columns:1fr}.case-visual{min-height:560px}.case-brand{left:18px;right:18px;bottom:18px;padding:18px}.case-brand img{width:58px;height:58px}.case-brand b{font-size:27px}.project-info{padding:36px 25px;min-height:570px}.project-info h3{font-size:70px;margin-top:45px}.project-info .case-lead{font-size:23px}.about-number{font-size:170px}.section-title h2,.about h2,.contact h2{font-size:52px}}

.hero-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(31,48,41,.97) 0%,rgba(31,48,41,.9) 43%,rgba(31,48,41,.25) 78%,rgba(31,48,41,.08) 100%)}.hero .status,.hero h1,.hero-bottom,.hero-index{z-index:2}.hero h1{max-width:900px}.hero-bottom{max-width:780px}
.about{align-items:stretch}.about-visual{position:relative;min-height:650px;overflow:hidden}.about-visual>img{width:100%;height:100%;object-fit:cover}.about-visual .about-number{position:absolute;left:24px;bottom:18px;color:#fff8ed;font-size:clamp(110px,14vw,220px);text-shadow:0 2px 25px rgba(38,28,22,.25)}.about-visual .about-number small{color:white}

@media(max-width:800px){
  .hero-photo{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(31,48,41,.95),rgba(31,48,41,.7))}.about-visual{min-height:500px}.about-visual .about-number{font-size:140px}
}

.services{padding-top:105px;padding-bottom:105px}.services-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:55px}.services-head>div>span{display:block;margin-bottom:24px;color:#d39a80;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.services-head h2{margin:0;font:400 clamp(52px,6vw,88px)/.96 "Instrument Serif",serif}.services-head>p{max-width:500px;margin:0 0 8px;color:#bec8c2;font-size:16px}.service-gallery{height:310px;display:grid;grid-template-columns:1.25fr .9fr .75fr;gap:12px;margin-bottom:18px}.service-gallery figure{position:relative;margin:0;overflow:hidden}.service-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.service-gallery figure:nth-child(1) img{object-position:70% center}.service-gallery figure:nth-child(2) img{object-position:67% center}.service-gallery figure:nth-child(3) img{object-position:center 58%}.service-gallery figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(30,43,37,.72))}.service-gallery figcaption{position:absolute;z-index:1;left:20px;bottom:16px;color:white;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.services .service-grid{border-top:0}.services .service-grid article{min-height:410px;padding:34px 36px;background:rgba(255,255,255,.025)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-top b{font-weight:500}.service-top svg{width:30px;height:30px;fill:none;stroke:#dfa085;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.services .service-grid h3{margin:55px 0 14px;font-size:42px}.services .service-grid p{min-height:68px}.services .service-grid ul{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.services .service-grid li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d7ddd9;font-size:11px}.services .service-grid article::after{height:2px}

@media(max-width:800px){
  .services{padding-top:78px;padding-bottom:78px}.services-head{grid-template-columns:1fr;gap:25px}.services-head h2{font-size:52px}.service-gallery{height:auto;grid-template-columns:1fr 1fr}.service-gallery figure{height:220px}.service-gallery figure:first-child{grid-column:1/-1;height:260px}.services .service-grid article{min-height:380px}.services .service-grid p{min-height:0}
}