@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500;1,600&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#1c1410; --deep:#120d0a; --paper:#f5ede0; --gold:#c8a96e; --muted:#a89680; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--deep); font-family:'DM Sans',sans-serif; }
a { color:inherit; text-decoration:none; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.14; z-index:9; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"); }
.nav { min-height:88px; padding:0 clamp(22px,5vw,76px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(245,237,224,.16); position:relative; z-index:2; }
.brand { display:grid; gap:2px; }
.brand small,.eyebrow,.num { color:var(--gold); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.brand strong { font-family:'Playfair Display',serif; font-size:26px; line-height:.9; font-weight:500; }
.nav-links { display:flex; gap:clamp(14px,2.4vw,34px); align-items:center; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.nav-links a { opacity:.78; transition:opacity .2s; }.nav-links a:hover,.nav-links a.active { opacity:1; color:var(--gold); }
.wrap { max-width:1180px; margin:auto; padding:0 clamp(22px,7vw,112px); }
.hero { min-height:58vh; display:flex; align-items:end; padding:clamp(84px,13vw,170px) 0 clamp(65px,9vw,105px); background:radial-gradient(circle at 75% 20%,#4d3020 0,transparent 35%),linear-gradient(135deg,#21150f,#0e0a08 70%); }
.hero .wrap { width:100%; }.hero h1 { max-width:900px; margin:15px 0 20px; font:500 clamp(62px,10vw,145px)/.82 'Playfair Display',serif; letter-spacing:-.06em; }.hero h1 em { color:var(--gold); }.lede { max-width:560px; color:#d4c3af; font:400 18px/1.7 'Cormorant Garamond',serif; }
.section { padding:clamp(70px,10vw,150px) 0; border-top:1px solid rgba(245,237,224,.15); }.section.paper { background:var(--paper); color:var(--ink); }.section h2 { font:500 clamp(45px,6vw,88px)/.95 'Playfair Display',serif; letter-spacing:-.05em; margin:14px 0 40px; }.section h2 em { color:var(--gold); }.section p { max-width:640px; color:inherit; opacity:.78; line-height:1.75; }.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(245,237,224,.16); border:1px solid rgba(245,237,224,.16); }.paper .grid { background:rgba(28,20,16,.16); border-color:rgba(28,20,16,.16); }.card { min-height:255px; padding:clamp(25px,4vw,48px); background:var(--deep); }.paper .card { background:var(--paper); }.card .n { color:var(--gold); font-size:11px; letter-spacing:.15em; }.card h3 { font:500 clamp(29px,3vw,42px)/1 'Playfair Display',serif; margin:56px 0 14px; }.card p { font-size:13px; }.rule { width:100%; border:0; border-top:1px solid rgba(245,237,224,.15); margin:48px 0; }.process { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }.process div { border-top:1px solid var(--gold); padding-top:15px; }.process b { display:block; font:500 29px 'Playfair Display',serif; margin:18px 0 8px; }.process p { font-size:13px; margin:0; }.contact-card { padding:clamp(35px,7vw,100px); background:linear-gradient(135deg,#392518,#170f0b); text-align:center; }.contact-card h2 { margin:auto; max-width:700px; }.contact-card .details { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 30px; margin-top:30px; color:var(--gold); font-size:12px; letter-spacing:.09em; text-transform:uppercase; }.button { display:inline-block; margin-top:30px; padding:16px 24px; background:var(--gold); color:var(--ink); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }.footer { padding:45px clamp(22px,7vw,112px); display:flex; justify-content:space-between; gap:20px; color:#ae9c86; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:700px) { .nav { min-height:75px; }.nav-links { gap:14px; font-size:9px; }.nav-links a:nth-child(2),.nav-links a:nth-child(3) { display:none; }.hero h1 { font-size:68px; }.grid,.process { grid-template-columns:1fr; }.card { min-height:210px; }.footer { display:block; line-height:2; } }

/* Page-system refinements */
body::before { content:''; position:fixed; inset:0; z-index:-1; background:linear-gradient(110deg,rgba(200,169,110,.045),transparent 35%); }
.nav { background:rgba(18,13,10,.8); backdrop-filter:blur(14px); position:sticky; top:0; }
.nav-links a:last-child { border:1px solid rgba(200,169,110,.52); padding:10px 13px; opacity:1; }
.nav-links a:last-child:hover { background:var(--gold); color:var(--ink); }
.hero { min-height:68vh; overflow:hidden; position:relative; align-items:center; }
.hero::before { content:'M'; position:absolute; right:4vw; bottom:-13vw; color:rgba(200,169,110,.08); font:600 clamp(280px,46vw,660px)/.8 'Playfair Display',serif; pointer-events:none; }
.hero::after { content:''; position:absolute; width:min(55vw,710px); height:min(55vw,710px); right:-16vw; top:-20vw; border:1px solid rgba(200,169,110,.24); border-radius:50%; box-shadow:0 0 0 55px rgba(200,169,110,.03),0 0 0 115px rgba(200,169,110,.025); }
.hero .wrap { position:relative; z-index:1; }.hero h1 { max-width:1000px; text-wrap:balance; }.hero .lede { font-size:clamp(19px,2vw,24px); max-width:610px; }
.section { position:relative; }.section > .wrap > .eyebrow { display:flex; align-items:center; gap:12px; }.section > .wrap > .eyebrow::after { content:''; width:52px; border-top:1px solid currentColor; opacity:.7; }
.grid { gap:0; }.card { position:relative; overflow:hidden; transition:background .3s ease,transform .3s ease; }.card::after { content:'↗'; position:absolute; right:26px; top:23px; font:20px 'Cormorant Garamond',serif; color:var(--gold); opacity:.8; }.card:hover { background:#261912; transform:translateY(-4px); }.paper .card:hover { background:#e9d8c1; }
.feature { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(32px,6vw,100px); align-items:end; padding:clamp(35px,7vw,95px); background:linear-gradient(135deg,#3b271a,#1c120d 68%); margin-top:38px; overflow:hidden; position:relative; }.feature::after { content:'01'; position:absolute; right:3%; bottom:-22%; font:500 clamp(160px,27vw,410px)/1 'Playfair Display',serif; color:rgba(200,169,110,.09); }.feature > * { position:relative; z-index:1; }.feature h3 { margin:18px 0; max-width:660px; font:500 clamp(42px,6vw,82px)/.92 'Playfair Display',serif; letter-spacing:-.05em; }.feature h3 em { color:var(--gold); }.feature .feature-list { padding:24px 0; border-top:1px solid rgba(245,237,224,.28); border-bottom:1px solid rgba(245,237,224,.28); font-size:12px; line-height:2.25; color:#e5d6c5; }
.signature { font:500 clamp(42px,6vw,86px)/.96 'Playfair Display',serif; letter-spacing:-.05em; max-width:940px; margin:12px 0 38px; }.signature em { color:var(--gold); }.quote { padding:clamp(35px,6vw,85px); border-left:1px solid var(--gold); background:rgba(200,169,110,.08); max-width:850px; font:500 clamp(30px,4vw,56px)/1.05 'Cormorant Garamond',serif; }.quote span { display:block; margin-top:24px; color:var(--gold); font:10px 'DM Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.contact-card { border:1px solid rgba(200,169,110,.4); background:radial-gradient(circle at 50% 0,#5c3e27 0,transparent 43%),linear-gradient(135deg,#392518,#170f0b); }.details a { border-bottom:1px solid rgba(200,169,110,.38); padding-bottom:4px; }
@media(max-width:700px) { .nav-links a:last-child { padding:8px 10px; }.hero { min-height:61vh; }.hero::before { bottom:-5vw; right:-5vw; }.feature { grid-template-columns:1fr; }.feature h3 { font-size:48px; }.quote { font-size:35px; } }

/* Interior pages deliberately use a different, quieter system than the homepage. */
.page-head { padding:clamp(70px,10vw,145px) 0 clamp(40px,6vw,75px); border-bottom:1px solid rgba(245,237,224,.15); }
.page-head h1 { max-width:930px; margin:18px 0 0; font:500 clamp(58px,9vw,132px)/.84 'Playfair Display',serif; letter-spacing:-.065em; }.page-head h1 em { color:var(--gold); }
.page-head .intro-copy { max-width:455px; margin:32px 0 0 auto; color:#cbb9a3; font:400 20px/1.55 'Cormorant Garamond',serif; }
.services-page .nav,.contact-page .nav { background:var(--deep); }.services-page .nav-links a:last-child,.contact-page .nav-links a:last-child { border-color:transparent; padding:0; }.services-page .nav-links a:last-child:hover,.contact-page .nav-links a:last-child:hover { background:transparent; color:var(--gold); }
.service-menu { border-top:1px solid rgba(245,237,224,.2); }.service-row { display:grid; grid-template-columns:78px minmax(180px,.8fr) 1.35fr 35px; gap:18px; align-items:center; min-height:178px; padding:28px 0; border-bottom:1px solid rgba(245,237,224,.2); transition:padding .25s, background .25s; }.service-row:hover { padding-left:18px; background:rgba(200,169,110,.06); }.service-row .service-no { color:var(--gold); font-size:11px; letter-spacing:.12em; }.service-row h2 { margin:0; font:500 clamp(29px,3.6vw,55px)/.95 'Playfair Display',serif; letter-spacing:-.045em; }.service-row p { margin:0; max-width:440px; color:#baaa96; font-size:13px; line-height:1.7; }.service-row .arrow { color:var(--gold); font:28px 'Cormorant Garamond',serif; text-align:right; }
.service-append { padding:clamp(45px,7vw,92px) 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(35px,8vw,150px); }.service-append h2 { margin:12px 0; font:500 clamp(42px,5vw,75px)/.93 'Playfair Display',serif; letter-spacing:-.055em; }.service-append h2 em { color:var(--gold); }.service-append p { color:#baaa96; line-height:1.75; }.capabilities { columns:2; gap:28px; margin-top:28px; padding:0; list-style:none; color:#e1d2c0; font-size:12px; line-height:2.55; }.capabilities li::before { content:'— '; color:var(--gold); }
.studio-page { background:var(--paper); color:var(--ink); }.studio-page .nav { background:var(--paper); border-color:rgba(28,20,16,.2); }.studio-page .nav-links a:last-child { border-color:transparent; padding:0; }.studio-page .nav-links a:last-child:hover { background:transparent; color:#8c6831; }.studio-page .page-head { border-color:rgba(28,20,16,.18); }.studio-page .page-head .intro-copy { color:#665b50; }.studio-page .manifesto { padding:clamp(76px,13vw,190px) 0; }.studio-page .manifesto p { max-width:1050px; margin:0; font:500 clamp(46px,7vw,100px)/.94 'Cormorant Garamond',serif; letter-spacing:-.04em; }.studio-page .manifesto p em { color:#957442; }.studio-page .principles { border-top:1px solid rgba(28,20,16,.2); display:grid; grid-template-columns:repeat(3,1fr); }.studio-page .principle { min-height:300px; padding:34px; border-right:1px solid rgba(28,20,16,.2); }.studio-page .principle:last-child { border:0; }.studio-page .principle b { display:block; margin:65px 0 10px; font:500 34px 'Playfair Display',serif; }.studio-page .principle p { color:#665b50; font-size:13px; line-height:1.65; }.studio-page .studio-close { background:var(--ink); color:var(--paper); padding:clamp(70px,10vw,130px) 0; }.studio-page .studio-close h2 { max-width:780px; margin:12px 0 0; font:500 clamp(48px,6vw,85px)/.93 'Playfair Display',serif; letter-spacing:-.055em; }.studio-page .studio-close em { color:var(--gold); }.studio-page .footer { background:var(--ink); }
.contact-page .contact-shell { min-height:calc(100vh - 88px); display:grid; grid-template-columns:1.1fr .9fr; }.contact-page .contact-title { padding:clamp(70px,10vw,150px) clamp(22px,7vw,112px); border-right:1px solid rgba(245,237,224,.17); display:flex; flex-direction:column; justify-content:space-between; }.contact-page .contact-title h1 { margin:16px 0; font:500 clamp(62px,8vw,120px)/.84 'Playfair Display',serif; letter-spacing:-.065em; }.contact-page .contact-title h1 em { color:var(--gold); }.contact-page .contact-title p { max-width:430px; color:#b9a995; font:400 19px/1.6 'Cormorant Garamond',serif; }.contact-page .contact-list { display:flex; flex-direction:column; }.contact-page .contact-item { min-height:25%; padding:clamp(25px,4vw,52px); border-bottom:1px solid rgba(245,237,224,.17); display:flex; flex-direction:column; justify-content:space-between; transition:background .25s; }.contact-page .contact-item:hover { background:#271a13; }.contact-page .contact-item .kind { color:var(--gold); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }.contact-page .contact-item strong { font:500 clamp(25px,2.7vw,42px)/1 'Cormorant Garamond',serif; overflow-wrap:anywhere; }.contact-page .contact-item small { color:#aa9781; font-size:11px; line-height:1.5; }.contact-page .footnote { padding:26px clamp(22px,7vw,112px); border-top:1px solid rgba(245,237,224,.17); color:#a89279; font-size:11px; letter-spacing:.06em; }
@media(max-width:700px) { .page-head .intro-copy { margin:28px 0 0; }.service-row { grid-template-columns:45px 1fr 22px; min-height:0; padding:28px 0; }.service-row p { grid-column:2/4; }.service-append { grid-template-columns:1fr; }.capabilities { columns:1; }.studio-page .principles { grid-template-columns:1fr; }.studio-page .principle { min-height:210px; border-right:0; border-bottom:1px solid rgba(28,20,16,.2); }.studio-page .principle b { margin:38px 0 10px; }.contact-page .contact-shell { grid-template-columns:1fr; }.contact-page .contact-title { min-height:54vh; border-right:0; border-bottom:1px solid rgba(245,237,224,.17); }.contact-page .contact-item { min-height:170px; } }

.scope-detail { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(36px,8vw,130px); padding:clamp(52px,8vw,100px) 0; border-top:1px solid rgba(245,237,224,.2); }.scope-detail h2 { margin:12px 0 0; font:500 clamp(46px,5vw,75px)/.92 'Playfair Display',serif; letter-spacing:-.055em; }.scope-detail h2 em { color:var(--gold); }.scope-detail .scope-copy { color:#bcaa95; font:400 20px/1.6 'Cormorant Garamond',serif; max-width:530px; }.included { margin-top:30px; border-top:1px solid rgba(245,237,224,.22); }.included div { padding:14px 0; border-bottom:1px solid rgba(245,237,224,.15); color:#eee1cf; font-size:12px; letter-spacing:.02em; }.included div::before { content:'Included'; display:inline-block; width:88px; color:var(--gold); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.addon-heading { display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:end; margin-bottom:42px; }.addon-heading h2 { margin:10px 0 0; font:500 clamp(46px,6vw,78px)/.92 'Playfair Display',serif; letter-spacing:-.055em; }.addon-heading h2 em { color:#957442; }.addon-heading p { margin:0; color:#685d51; font-size:14px; line-height:1.7; }.addon-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(28,20,16,.2); border-left:1px solid rgba(28,20,16,.2); }.addon { min-height:270px; padding:clamp(25px,4vw,48px); border-right:1px solid rgba(28,20,16,.2); border-bottom:1px solid rgba(28,20,16,.2); }.addon h3 { margin:54px 0 14px; font:500 clamp(28px,3vw,42px)/.97 'Playfair Display',serif; letter-spacing:-.045em; }.addon p { color:#685d51; font-size:13px; line-height:1.68; }.addon .tag { color:#957442; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }.partnership { padding:clamp(48px,8vw,105px); background:#241711; color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:40px; }.partnership h2 { margin:12px 0; font:500 clamp(44px,5vw,75px)/.92 'Playfair Display',serif; letter-spacing:-.055em; }.partnership h2 em { color:var(--gold); }.partnership .included { margin:0; }.partnership p { color:#c5b4a0; line-height:1.7; }.scope-note { margin-top:35px; color:#685d51; font-size:12px; line-height:1.7; }.scope-note b { color:#34261e; }
@media(max-width:700px) { .scope-detail,.addon-heading,.partnership { grid-template-columns:1fr; }.addon-grid { grid-template-columns:1fr; }.addon { min-height:225px; }.addon h3 { margin:38px 0 12px; } }

/* Inquiry form */
.contact-page .contact-right { border-bottom:1px solid rgba(245,237,224,.17); }.contact-page .inquiry-form { padding:clamp(40px,5vw,72px); display:grid; gap:20px; }.contact-page .inquiry-form h2 { margin:0 0 8px; font:500 clamp(39px,4.3vw,62px)/.93 'Playfair Display',serif; letter-spacing:-.055em; }.contact-page .inquiry-form h2 em { color:var(--gold); }.contact-page .inquiry-form label { display:grid; gap:9px; color:#d8c8b4; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.contact-page .inquiry-form label span { color:#8c7a67; margin-left:3px; }.contact-page .inquiry-form input,.contact-page .inquiry-form textarea { width:100%; border:0; border-bottom:1px solid rgba(245,237,224,.32); border-radius:0; outline:0; padding:11px 0; background:transparent; color:var(--paper); font:400 17px/1.4 'Cormorant Garamond',serif; letter-spacing:0; text-transform:none; transition:border-color .2s; }.contact-page .inquiry-form textarea { resize:vertical; min-height:108px; }.contact-page .inquiry-form input:focus,.contact-page .inquiry-form textarea:focus { border-color:var(--gold); }.contact-page .inquiry-form textarea::placeholder { color:#867664; opacity:1; }.contact-page .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.contact-page .inquiry-form button { justify-self:start; margin-top:4px; padding:15px 19px; border:1px solid var(--gold); background:var(--gold); color:var(--ink); font:600 10px 'DM Sans',sans-serif; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; transition:background .2s,color .2s; }.contact-page .inquiry-form button:hover { background:transparent; color:var(--gold); }.contact-page .inquiry-form button span { margin-left:12px; font-size:15px; }.hidden-field { position:absolute; left:-9999px; }.contact-page .direct-contact { padding:34px clamp(40px,5vw,72px) 0; border-top:1px solid rgba(245,237,224,.17); }.contact-page .contact-list { display:grid; grid-template-columns:1fr 1fr; margin-top:18px; border-top:1px solid rgba(245,237,224,.17); border-left:1px solid rgba(245,237,224,.17); }.contact-page .contact-item { min-height:104px; padding:20px; border-right:1px solid rgba(245,237,224,.17); border-bottom:1px solid rgba(245,237,224,.17); display:flex; flex-direction:column; justify-content:space-between; transition:background .25s; }.contact-page .contact-item .kind { color:var(--gold); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.contact-page .contact-item strong { font:500 clamp(20px,2vw,29px)/1 'Cormorant Garamond',serif; overflow-wrap:anywhere; }
@media(max-width:700px) { .contact-page .inquiry-form,.contact-page .direct-contact { padding-left:22px; padding-right:22px; }.contact-page .form-grid,.contact-page .contact-list { grid-template-columns:1fr; }.contact-page .contact-item { min-height:92px; } }