@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--paper:#f6f3ed;--ink:#34372d;--muted:#757568;--line:#d8d7cd;--olive:#484d3e;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 'Manrope',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a07742;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(52px,5.3vw,88px)}h2{font-size:clamp(40px,4vw,65px)}h3{font-family:var(--serif);font-size:32px;line-height:1.2}em{font-weight:400;color:#7d806b}header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line)}.logo{font:42px/1 var(--serif);letter-spacing:-2px;white-space:nowrap}.logo>span{font-style:italic}.logo small{display:block;font:8px/1 'Manrope',sans-serif;letter-spacing:3.9px;margin:10px 0 0 2px}nav{display:flex;gap:30px;font-size:12px}nav a{position:relative;padding:8px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--olive);transition:width .25s}nav a:hover:after,nav a[aria-current]:after{width:100%}.header-end{display:flex;align-items:center;gap:35px}.languages{display:flex;gap:9px;align-items:center;font-size:10px}.languages a{opacity:.55;padding:10px 0}.languages a[aria-current]{opacity:1;font-weight:700}.languages span{opacity:.3}.header-contact{font-size:11px;border-bottom:1px solid var(--ink);padding:9px 0}.header-contact span{margin-left:20px;font-size:20px}.hero{padding:34px 0 40px 5%;display:grid;grid-template-columns:45% 55%;min-height:680px}.hero-copy{padding:45px 4vw 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.8;font-weight:600;text-transform:uppercase}.dash{display:inline-block;width:25px;border-top:1px solid;vertical-align:middle;margin-right:10px}.hero h1{margin:32px 0 25px}.hero-description{color:var(--muted);font-size:13px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--olive);color:var(--paper);border:1px solid var(--olive);padding:18px 25px;font-size:11px;letter-spacing:.3px;transition:background .2s,transform .2s}.button:hover{background:#303629;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero .button{margin-top:32px}.hero-bottom{margin-top:auto;padding-top:45px;width:100%;display:flex;align-items:center;justify-content:space-between}.hero-bottom>span{font-family:var(--serif);font-size:26px}.hero-bottom small{display:block;font:9px 'Manrope',sans-serif;color:var(--muted);letter-spacing:.7px;margin-top:3px}.hero-bottom>a{border:1px solid var(--line);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:20px}.hero-visual{position:relative;min-height:590px;overflow:hidden}.hero-visual>img{height:100%;width:100%;position:absolute;object-position:58% 50%;animation:hero-in 1.4s ease-out}.hero-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#1d1d1680);pointer-events:none}.hero-overlay{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px;z-index:1;letter-spacing:.5px}.hero-ai{position:absolute;right:20px;top:20px;color:#fff;background:#302d2370;padding:5px 10px;font-size:9px;backdrop-filter:blur(8px)}.ribbon{margin:0 5%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:15px;font-size:10px;letter-spacing:2px}.ribbon i{font-size:20px;color:#92927e;font-style:normal}.section{padding:100px 5%}.intro{display:grid;grid-template-columns:30% 70%;padding-top:110px;padding-bottom:110px}.intro>div{max-width:790px}.intro p:not(.eyebrow){max-width:500px;color:var(--muted);margin:30px 0 0 auto;line-height:1.9}.services{display:grid;grid-template-columns:44% 56%;background:#eeece5}.section-heading .eyebrow{margin-bottom:20px}.service-rows>a{display:flex;gap:25px;border-top:1px solid #c9cabf;padding:32px 0}.service-rows>a:last-child{border-bottom:1px solid #c9cabf}.service-rows>a>span:last-child{margin-left:auto;font-size:29px}.number{font:italic 23px var(--serif);color:#8b8c7e}.service-rows p{margin-top:12px;max-width:350px;font-size:12px;color:var(--muted)}.service-rows h3{font-size:30px}.horizontal{display:flex;align-items:end;justify-content:space-between;gap:20px}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #8c8f7d;font-size:11px;padding-bottom:8px;white-space:nowrap}.text-link span{font-size:22px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px}.project-image{position:relative;display:block;width:100%;padding:0;border:0;background:#ddd;overflow:hidden;text-align:left}.project-image img{width:100%;aspect-ratio:1.2;transition:transform .7s}.project-image:hover img{transform:scale(1.035)}.image-label{position:absolute;top:18px;left:18px;background:#f6f3eddf;padding:5px 10px;font-size:9px;letter-spacing:.5px}.image-arrow{position:absolute;right:18px;bottom:18px;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;background:var(--paper);font-size:26px;transition:transform .2s}.project-image:hover .image-arrow{transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-caption .eyebrow{font-size:9px;color:var(--muted);letter-spacing:1px;margin-bottom:8px}.project-caption h3 button{font:inherit;background:none;border:0;padding:0;text-align:left}.disclosure{font-size:10px;line-height:1.8;color:var(--muted);max-width:730px;margin-top:30px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:20px;align-items:center}.about-art{min-height:490px;background:#e9e6dc;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50% 50% 0 0;overflow:hidden}.about-art:before,.about-art:after{content:'';position:absolute;width:70%;height:85%;top:9%;border:1px solid #d0cdbf;border-radius:50% 50% 0 0}.about-art:after{width:80%;height:90%;top:5%}.monogram{font:170px/.9 var(--serif);color:#6c715a;letter-spacing:-25px;padding-right:25px;z-index:1}.monogram span{font-style:italic}.about-art>p{font-size:8px;letter-spacing:3px;margin-top:27px;z-index:1}.swatches{display:flex;gap:10px;margin-top:40px;z-index:1}.swatches span{width:24px;height:24px;border-radius:50%;background:#b9aa90}.swatches span:nth-child(2){background:#777b61}.swatches span:nth-child(3){background:#544535}.swatches span:nth-child(4){background:#d1c7b6}.about-copy .eyebrow{margin-bottom:22px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin-top:22px}.about-copy .text-link{margin-top:30px}.process{padding-top:80px}.process>.eyebrow{margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.steps>div{border-top:1px solid var(--line);padding-top:22px}.step-number{font:italic 31px var(--serif);color:#92957f}.steps h3{font-size:27px;margin:18px 0 12px}.steps p{font-size:12px;color:var(--muted);max-width:300px}.contact{padding:85px 7%;background:var(--olive);color:var(--paper);display:grid;grid-template-columns:1.2fr .8fr;gap:12%}.contact h2{margin:25px 0}.contact em{color:#c7cbb8}.contact .eyebrow{font-size:9px;color:#d0d1c6}.contact-intro{max-width:400px;font-size:12px;color:#dadbd2}.phone{display:inline-block;font-family:var(--serif);font-size:34px;margin-top:30px}.contact-name{font-size:10px;color:#c8ccbd;margin-top:4px}.contact form{align-self:center}label{display:block;margin-bottom:10px;font-size:11px}input,select{width:100%;height:49px;color:var(--paper);border:0;border-bottom:1px solid #8c907f;background:transparent;border-radius:0;margin-bottom:25px;padding:7px 0;outline-offset:4px}select option{background:var(--olive);color:white}input::placeholder{color:#c9cdbf}.light{width:100%;margin-top:8px;background:var(--paper);color:var(--olive);border-color:var(--paper)}.light:hover{background:#e3e5d8;color:var(--olive)}.form-note{font-size:9px;color:#d2d5ca;line-height:1.8;margin-top:16px}footer{padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:32px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}footer>a:last-child{display:flex;gap:25px}.portfolio-heading{padding-top:80px;padding-bottom:45px}.portfolio-heading h1{margin:25px 0 35px;max-width:1000px}.portfolio-description{display:flex;justify-content:space-between;gap:30px;align-items:end}.portfolio-description>p{font-size:13px;color:var(--muted);max-width:500px}.portfolio-description>span{font-size:9px;letter-spacing:1.5px;line-height:2;text-align:right}.portfolio{padding-top:0}.filters{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px}.filters button{border:0;border-bottom:1px solid transparent;background:none;padding:10px 0;color:var(--muted);font-size:11px}.filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}sup{font-size:8px;margin-left:8px}.portfolio-grid{row-gap:55px}.portfolio-grid .project:first-child{grid-column:1 / -1}.portfolio-grid .project:first-child img{aspect-ratio:2.2;object-position:50% 60%}.portfolio-grid .project[hidden]{display:none}.faq{padding-top:0;max-width:1000px;margin:auto}.faq h2{margin:20px 0 35px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details>p{color:var(--muted);font-size:12px;max-width:650px;margin-top:15px}dialog{width:min(900px,92vw);max-height:92vh;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#191c16b8;backdrop-filter:blur(5px)}dialog img{width:100%;max-height:52vh;object-fit:cover}.dialog-copy{padding:30px 40px}.dialog-copy h2{margin:15px 0;font-size:45px}.dialog-copy>p:not(.eyebrow){font-size:12px;max-width:650px;color:var(--muted)}.dialog-copy .materials{margin-top:15px;font-size:10px}.dialog-copy .button{margin-top:25px}.close-dialog{position:absolute;right:15px;top:15px;border:0;border-radius:50%;width:42px;height:42px;background:var(--paper);font-size:28px;z-index:2}.modal-open{overflow:hidden}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}@keyframes hero-in{from{transform:scale(1.035);opacity:.6}to{transform:scale(1);opacity:1}}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:790px}.hero-visual{min-height:690px}.hero-copy{padding-top:70px}.hero h1{font-size:90px}}
@media(max-width:1000px){header{gap:20px;height:95px}.header-contact{display:none}nav{gap:18px}.hero{grid-template-columns:48% 52%;min-height:610px}.hero-visual{min-height:540px}.hero-copy{padding-top:30px}.hero h1{font-size:59px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-description{font-size:12px}.ribbon{letter-spacing:1px;font-size:8px}.section{padding:75px 5%}.about{gap:6%}.about-art{min-height:430px}.service-rows h3{font-size:26px}.contact{gap:7%;padding:65px 5%}.portfolio-heading h1{font-size:65px}.portfolio{padding-top:0}.faq{padding-top:0}}
@media(max-width:650px){header{height:auto;min-height:96px;flex-wrap:wrap;gap:8px;padding:20px 0 15px;position:relative}.logo{font-size:34px}.logo small{font-size:6px;letter-spacing:3.2px;margin-top:7px}header nav{order:3;width:100%;justify-content:space-between;margin-top:14px;font-size:10px}.header-end{margin-left:auto}.languages{font-size:10px}.hero{display:flex;flex-direction:column;padding:0 5% 25px;min-height:0}.hero-copy{padding:35px 0 28px}.hero h1{font-size:clamp(47px,12.5vw,75px);margin:22px 0 20px}.hero-description{font-size:12px}.hero .button{margin-top:24px}.hero-bottom{padding-top:25px}.hero-bottom>span{font-size:24px}.hero-bottom>a{height:35px;width:35px}.hero-visual{min-height:380px;margin:0 -5.55%}.hero-visual>img{object-position:60% 50%}.hero-overlay{left:20px;right:20px;bottom:20px;font-size:8px}.ribbon{justify-content:space-between;gap:9px;padding:17px 0;font-size:7px;letter-spacing:.4px}.ribbon i{font-size:15px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.section{padding:60px 5%}h2{font-size:43px}.intro,.services,.about{grid-template-columns:1fr;gap:25px}.intro p:not(.eyebrow){margin-top:25px;font-size:12px}.services{gap:30px}.service-rows>a{padding:25px 0;gap:18px}.service-rows h3{font-size:27px}.horizontal{display:block}.horizontal .text-link{margin-top:25px}.projects-grid{grid-template-columns:1fr;gap:32px;margin-top:28px}.project-image img{aspect-ratio:1.2}.project-caption h3{font-size:30px}.about{padding-top:10px;gap:38px}.about-art{min-height:350px;max-width:390px;width:100%;margin:auto}.monogram{font-size:140px}.steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.steps>div{display:grid;grid-template-columns:45px 1fr;gap:8px 16px}.steps h3{margin:4px 0 0;font-size:27px}.steps p{grid-column:2;max-width:none}.step-number{grid-row:span 2}.contact{grid-template-columns:1fr;gap:35px;padding:55px 5%}.contact h2{font-size:47px}.phone{font-size:32px;margin-top:25px}.contact form{padding-top:10px}footer{flex-wrap:wrap;padding:25px 5%}footer>span{order:3;width:100%;font-size:9px}.portfolio-heading{padding-top:45px;padding-bottom:30px}.portfolio-heading h1{font-size:48px}.portfolio-description>span{display:none}.portfolio-description>p{font-size:12px}.portfolio{padding-top:0}.filters{gap:18px}.filters button{font-size:10px}.portfolio-grid .project:first-child{grid-column:auto}.portfolio-grid .project:first-child img{aspect-ratio:1.2}.faq{padding-top:0}.faq summary{font-size:12px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:36px}.dialog-copy .button{gap:15px;font-size:10px}.disclosure{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* SG Design — selected direction 03: cobalt, coral, peach. */
:root{--paper:#fffcf6;--ink:#102682;--muted:#495581;--line:#bfc7dc;--olive:#153396;--coral:#e44426;--peach:#ffd7bd}
body{background:var(--paper)}em{color:inherit;font-style:normal}header{height:100px;border:0}.logo{font-weight:600;font-size:43px;letter-spacing:-2.6px}.logo>span{font-style:normal}.logo small{letter-spacing:3.4px;font-size:7px}nav{font-size:11px}.header-contact{color:var(--coral);border-color:var(--coral)}.hero{grid-template-columns:42% 58%;padding-top:0;padding-bottom:0;min-height:650px}.hero-copy{padding:76px 18px 40px 0;position:relative;z-index:1}.hero h1{font-size:clamp(56px,5.8vw,93px);font-weight:500;letter-spacing:-.06em;margin:30px 0 25px;line-height:.99}.hero h1 em{font-style:normal}.hero-description{font-size:13px;color:var(--ink);max-width:390px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero .button{margin-top:26px}.button{background:var(--coral);border-color:var(--coral);color:#fff;padding:17px 24px;font-size:12px;font-weight:600}.button:hover{background:#c6361c;border-color:#c6361c}.hero-bottom{padding-top:60px}.hero-bottom>a{color:var(--coral);border-color:var(--coral)}.hero-bottom>span{font-family:'Manrope',Arial,sans-serif;font-size:13px}.hero-bottom small{font-size:9px}.hero-visual{min-height:650px}.hero-visual>img{object-position:55% 50%}.hero-overlay{font-size:10px}.hero-ai{background:#132677aa}.ribbon{margin:0;padding:25px 5%;background:var(--ink);color:#fff;border:0}.ribbon i{color:#ff8c68}.manifesto{display:grid;grid-template-columns:46% 54%;min-height:440px;background:var(--peach)}.manifesto-copy{padding:65px 10%}.manifesto h2{font-size:clamp(45px,4.8vw,75px);font-weight:500;margin:22px 0 28px}.manifesto-copy>p:last-child{max-width:400px;font-size:13px}.manifesto-photo{position:relative;overflow:hidden;min-height:440px}.manifesto-photo img{height:100%;width:100%;position:absolute;object-position:85% 65%;transform:scale(1.3)}.color-disc{position:absolute;right:28px;top:25px;background:var(--paper);color:var(--coral);border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font-size:66px;line-height:1}.services{background:var(--paper)}.service-rows>a{border-color:var(--line)}.service-rows>a:last-child{border-color:var(--line)}.service-rows>a>span:last-child{color:var(--coral)}.number,.step-number{color:var(--coral)}.selected{background:#eaf2ff}.project-image{background:#f7c5aa}.project-caption h3{font-weight:500}.image-arrow{background:var(--coral);color:white}.text-link{border-color:var(--ink)}.about{padding-top:95px}.about-art{background:var(--peach);border-radius:0;min-height:440px}.about-art:before{border-color:var(--coral);border-radius:50%;height:75%;width:75%;top:12%}.about-art:after{border-color:var(--coral);border-radius:50%;height:90%;width:90%;top:5%}.monogram{color:var(--ink);font-weight:500;letter-spacing:-20px}.monogram span{font-style:normal}.swatches span{background:var(--ink)}.swatches span:nth-child(2){background:var(--coral)}.swatches span:nth-child(3){background:#f6a879}.swatches span:nth-child(4){background:#fff6e6}.about-art>p{color:var(--ink)}.process{padding-top:40px}.contact{background:var(--ink)}.contact em{color:#ffbd98}.contact .eyebrow,.contact-intro,.contact-name,.form-note{color:#e0e7ff}.contact .light{background:var(--coral);border-color:var(--coral);color:white}.contact .light:hover{background:#c6361c}.contact select option{background:var(--ink)}input,select{border-color:#8093d2}input::placeholder{color:#c8d4ff}.local-section{background:#fbe6d9}.local-section h2{margin-bottom:40px}.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.local-grid h3{font-size:31px;margin-bottom:20px}.local-grid p{font-size:12px;line-height:1.95}.local-note{margin-top:35px;max-width:850px;font-size:11px;color:var(--muted)}.portfolio-heading{background:#ffe4d2}.portfolio{padding-top:30px}.filters{border-top:0}.filters button[aria-pressed=true]{color:var(--coral);border-color:var(--coral)}.portfolio-grid .project:first-child img{aspect-ratio:2.05}.disclosure{color:#495581}footer{background:var(--paper)}footer .logo{font-size:32px}.dialog-copy .button{color:#fff}.close-dialog{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--coral)}
@media(min-width:1600px){.hero h1{font-size:100px}.hero-visual{min-height:730px}.hero{min-height:730px}.hero-copy{padding-top:85px}}
@media(max-width:1000px){.hero{grid-template-columns:46% 54%;min-height:590px}.hero-visual{min-height:590px}.hero-copy{padding-top:55px}.hero h1{font-size:62px}.hero .eyebrow{max-width:270px}.logo{font-size:36px}.manifesto-copy{padding:45px 9%}.manifesto,.manifesto-photo{min-height:390px}.manifesto h2{font-size:51px}.contact{gap:7%}}
@media(max-width:650px){header{height:auto}.logo{font-size:37px}header nav{margin-top:15px;font-size:10px}.hero{padding-top:0;display:flex;min-height:0}.hero-copy{padding:35px 0 30px}.hero .eyebrow{max-width:100%;font-size:8px}.hero h1{font-size:clamp(51px,13vw,76px);margin:24px 0 20px;letter-spacing:-.05em;line-height:1.02}.hero-description{font-size:12px}.hero-bottom{padding-top:25px}.hero-visual{min-height:420px}.hero-visual>img{object-position:55% 50%}.hero-bottom>span{font-size:13px}.hero .button{margin-top:22px}.ribbon{padding:18px 5%;font-size:7px}.manifesto{grid-template-columns:1fr}.manifesto-copy{padding:45px 5%}.manifesto h2{font-size:51px}.manifesto-copy>p:last-child{font-size:12px}.manifesto-photo{min-height:280px}.color-disc{width:60px;height:60px;font-size:50px}.about{padding-top:55px}.about-art{min-height:350px}.local-grid{grid-template-columns:1fr;gap:30px}.local-grid h3{font-size:30px}.local-section h2{font-size:42px}.contact h2{font-size:46px}.portfolio-heading h1{font-size:46px}.portfolio{padding-top:15px}.portfolio-grid .project:first-child img{aspect-ratio:1.2}.process{padding-top:20px}.contact form{padding-top:0}.logo small{font-size:6px;letter-spacing:3.4px}}
.hero-whatsapp{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px}.hero-whatsapp>span{font-size:10px}.hero-whatsapp strong{font-weight:600}.hero-bottom{padding-top:30px}
