@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#202A33;--coal:#141d24;--ivory:#F5F0E9;--bronze:#B69872;--sage:#778B84;--paper:#F8F6F1;--mist:#E5E2DB;--muted:#59646b;--line:rgba(32,42,51,.17);--serif:'Bodoni Moda',Georgia,'Times New Roman',serif;--sans:'DM Sans','Helvetica Neue',Arial,sans-serif;--max:1336px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}::selection{background:var(--bronze);color:var(--coal)}
.skip{position:absolute;top:-70px;left:20px;background:white;padding:12px;z-index:120}.skip:focus{top:12px}.wrap{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;line-height:1.7}.bronze{color:#806344}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.line{height:1px;background:var(--line)}
.site-header{position:absolute;top:0;left:0;right:0;z-index:90;border-bottom:1px solid rgba(255,255,255,.14);color:var(--ivory)}.site-header.on-light{position:relative;background:var(--ivory);color:var(--ink);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;min-height:105px;gap:40px}.brand{display:inline-flex;align-items:center;min-width:224px;width:224px}.brand img,.brand svg{width:100%;height:auto}.nav-links{display:flex;gap:34px;margin:auto;align-items:center}.nav-links a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;position:relative;padding-block:12px}.nav-links a:after{content:'';position:absolute;bottom:6px;height:1px;background:currentColor;left:0;right:100%;transition:right .2s}.nav-links a:hover:after,.nav-links a[aria-current='page']:after{right:0}.nav-cta{display:flex;align-items:center;gap:19px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:700;white-space:nowrap}.nav-cta span{display:grid;place-items:center;border:1px solid currentColor;width:37px;height:37px;border-radius:50%;font-size:17px;font-weight:400}.menu-toggle{display:none;border:0;background:none;color:inherit;font-size:20px;padding:10px}
.btn{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;border:1px solid transparent;padding:18px 22px 18px 24px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;transition:background .2s,color .2s,transform .2s;min-height:58px}.btn:hover{transform:translateY(-2px)}.btn-bronze{background:var(--bronze);color:var(--coal)}.btn-bronze:hover{background:#d2b38b}.btn-line-light{border-color:rgba(255,255,255,.55);color:var(--ivory)}.btn-line-light:hover{background:rgba(255,255,255,.12)}.btn-line-dark{border-color:var(--ink);color:var(--ink)}.btn-line-dark:hover{background:var(--ink);color:var(--ivory)}.btn .arrow{font-size:23px;line-height:.6;font-weight:400}
/* homepage */
.hero{min-height:780px;background:var(--coal);color:var(--ivory);position:relative;overflow:hidden;display:flex;align-items:center;padding-top:115px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 91% 29%,#31434d77,transparent 44%),linear-gradient(112deg,#141d24 52%,#202b31 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);position:relative;align-items:center;gap:46px;padding-block:75px 90px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:var(--bronze)}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.05em;line-height:1.03;font-size:clamp(68px,6.35vw,114px);margin:22px 0 32px}.hero h1 em{font-weight:400;color:#e1c6a1;display:block;padding-right:10px}.hero-description{font-size:17px;max-width:470px;line-height:1.9;color:#c8d0d0}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.hero-visual{min-height:530px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual:before{content:'';position:absolute;width:420px;height:420px;top:48px;right:-9%;border:1px solid #9caeaa44;border-radius:50%}.hero-visual:after{content:'';position:absolute;width:295px;height:295px;top:110px;right:7%;border:1px solid #9caeaa44;border-radius:50%}.folio-card{position:absolute;inset:70px 11% 45px 17%;border:1px solid #d6bd9675;background:linear-gradient(137deg,#28343b 15%,#19242a 60%,#10181c 100%);transform:rotate(5deg);box-shadow:28px 38px 90px #080e126e}.folio-card:after{content:'';position:absolute;inset:16px;border:1px solid rgba(182,152,114,.2)}.folio-fold{position:absolute;right:0;top:0;width:110px;height:110px;background:linear-gradient(225deg,#10181c 50%,#3b4850 50%);box-shadow:-5px 5px 18px #04080a70}.folio-mark{position:absolute;inset:27% 0 auto;text-align:center;font-family:var(--serif);font-size:clamp(85px,9vw,148px);letter-spacing:-.1em}.folio-mark span{color:var(--bronze)}.folio-caption{position:absolute;bottom:61px;left:45px;right:45px;font-size:11px;letter-spacing:.35em;color:#c6d0c9;text-align:center}.hero-side-label{position:absolute;right:-4px;bottom:14px;writing-mode:vertical-rl;letter-spacing:.29em;font-size:10px;text-transform:uppercase;color:#b4c0bc}.hero-meta{position:absolute;bottom:28px;left:0;right:0;z-index:3}.hero-meta .wrap{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;gap:20px;color:#bfc6c4;font-size:11px;letter-spacing:.19em;text-transform:uppercase}.hero-meta span{display:flex;gap:14px;align-items:center}.hero-meta b{color:var(--bronze);font-weight:400}
.section{padding:120px 0}.section-small{padding:94px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.section-head h2,.display-title{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.17;font-size:clamp(43px,4.2vw,72px);margin:18px 0 0}.section-head h2 em,.display-title em{color:#8E806D;font-weight:400}.text-link{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;display:inline-flex;align-items:center;gap:25px;padding-bottom:9px;border-bottom:1px solid var(--bronze)}.text-link span{font-size:22px;font-weight:400}.intro-note{max-width:600px;line-height:1.85;color:var(--muted);font-size:17px}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px}.work-card{min-width:0}.work-image{display:block;background:#ddd;position:relative;overflow:hidden;aspect-ratio:1.42;border-radius:2px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.work-card:hover .work-image img{transform:scale(1.035)}.work-open{position:absolute;right:20px;bottom:20px;background:var(--ivory);color:var(--ink);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:20px;transition:transform .2s}.work-card:hover .work-open{transform:rotate(45deg)}.work-info{display:flex;justify-content:space-between;gap:18px;padding-top:20px}.work-info h3{font-family:var(--serif);font-weight:400;font-size:31px;letter-spacing:-.02em;margin:0 0 8px}.work-info p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.work-info .num{color:#9b8c7c;font-size:12px;letter-spacing:.13em}
.services-panel{background:var(--ivory);border-block:1px solid var(--line)}.service-rows{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px minmax(200px,1fr) minmax(200px,.65fr) 45px;gap:24px;align-items:center;padding:37px 12px;transition:padding-left .2s}.service-row:hover{padding-left:25px}.service-num{font-size:13px;color:#9e8976}.service-row h3{font-family:var(--serif);font-weight:400;font-size:clamp(27px,3vw,44px);letter-spacing:-.03em;margin:0}.service-row p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.service-row .go{font-size:26px;font-weight:400}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:start}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-list li{padding:22px 0;display:flex;gap:29px;border-bottom:1px solid var(--line)}.process-list li span{color:#9b8069;font-size:12px;min-width:25px}.process-list strong{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.25}.process-list p{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.75}
.cta-band{background:var(--ink);color:var(--ivory);padding:107px 0;overflow:hidden;position:relative}.cta-band:before{content:'a.';position:absolute;right:2%;top:-100px;font-family:var(--serif);font-size:490px;line-height:1;color:#ffffff06;pointer-events:none}.cta-band .wrap{position:relative}.cta-band .eyebrow{color:var(--bronze)}.cta-band h2{font-family:var(--serif);font-size:clamp(44px,5vw,84px);font-weight:400;line-height:1.13;letter-spacing:-.045em;margin:20px 0 32px;max-width:830px}.cta-band p{font-size:16px;color:#c2caca;line-height:1.8;max-width:560px}
/* inner */
.page-hero{background:var(--ivory);padding:92px 0 105px}.page-hero .eyebrow{color:#806344}.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,7vw,116px);line-height:1.02;letter-spacing:-.05em;margin:22px 0 26px;max-width:1150px}.page-hero p{font-size:18px;line-height:1.9;max-width:720px;color:var(--muted);margin:0}.inner-dark{background:var(--coal);color:var(--ivory)}.inner-dark .page-hero p{color:#d0d5d5}.inner-dark .eyebrow{color:var(--bronze)}
.work-full{padding-top:100px}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 24px}.case-meta{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.pill{border:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px}.case-description{max-width:570px;line-height:1.75;color:var(--muted);font-size:14px;margin:6px 0 0}
.detail-service{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 0;border-top:1px solid var(--line)}.detail-service h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,58px);letter-spacing:-.035em;margin:0}.detail-service p{line-height:1.85;color:var(--muted);margin:0 0 22px}.detail-service ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-service li{font-size:13px;line-height:1.65;padding-left:18px;position:relative}.detail-service li:before{content:'—';position:absolute;left:0;color:var(--bronze)}
.statement-section{background:var(--ink);color:var(--ivory)}.statement-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(39px,4.7vw,80px);line-height:1.17;letter-spacing:-.035em;max-width:1020px;margin:22px 0}.statement-section p{line-height:1.9;color:#c0cbcd;max-width:700px}
.about-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%;align-items:start}.about-art{background:var(--ink);min-height:475px;position:relative;overflow:hidden}.about-art .watermark{font-family:var(--serif);font-size:370px;letter-spacing:-.15em;position:absolute;left:17%;top:0;color:#efece3;text-shadow:6px 7px #b6987288}.about-art .watermark span{color:var(--bronze)}.about-art .art-caption{position:absolute;bottom:25px;left:25px;right:25px;border-top:1px solid #ffffff44;padding-top:16px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d8dad6}.about-copy h2{font-family:var(--serif);font-size:clamp(36px,3.8vw,59px);font-weight:400;line-height:1.22;letter-spacing:-.035em;margin:0 0 24px}.about-copy p{color:var(--muted);line-height:1.9;font-size:16px}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;padding:100px 0 130px}.contact-side h2{font-family:var(--serif);font-size:44px;font-weight:400;letter-spacing:-.03em;margin:0 0 20px}.contact-side p{font-size:15px;line-height:1.85;color:var(--muted)}.contact-side .mail{font-size:17px;border-bottom:1px solid var(--bronze);padding-bottom:7px;display:inline-block;margin:18px 0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}.field{display:flex;flex-direction:column;gap:10px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.field label span{font-weight:400;letter-spacing:0;text-transform:none}.field input,.field select,.field textarea{width:100%;border:1px solid #bfc2bc;background:transparent;padding:17px 16px;border-radius:0;color:var(--ink);font-size:14px;min-height:56px}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:2px solid #b6987277;outline-offset:0}.field .hint{font-size:12px;color:var(--muted)}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;grid-column:1/-1}.submit-row p{max-width:350px;line-height:1.6;font-size:12px;color:var(--muted)}.honeypot{position:absolute;left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}.legal{padding:70px 0 120px}.legal h2{font-family:var(--serif);font-size:32px;font-weight:400;margin:36px 0 9px}.legal p,.legal li{line-height:1.85;color:var(--muted);font-size:15px;max-width:800px}
.site-footer{background:#131d23;color:var(--ivory);padding-top:82px}.footer-top{display:grid;grid-template-columns:1.45fr .75fr .85fr;gap:10%;padding-bottom:70px}.footer-brand{max-width:265px}.footer-title{font-family:var(--serif);font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.2;letter-spacing:-.03em;max-width:450px;margin:27px 0}.footer-col h3{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--bronze);margin:0 0 22px}.footer-col a{display:block;font-size:13px;line-height:2.8;color:#d4d8d6}.footer-col a:hover{color:var(--bronze)}.footer-col p{font-size:13px;line-height:1.9;color:#b9c3c1}.footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;font-size:11px;letter-spacing:.07em;color:#aeb8b6}.footer-bottom a{color:#d2d7d2}
@media(max-width:1050px){.wrap{width:min(calc(100% - 52px),var(--max))}.nav-inner{min-height:88px}.nav-links{gap:16px}.brand{min-width:190px;width:190px}.hero-grid{gap:5px}.hero h1{font-size:clamp(67px,7vw,90px)}.hero-visual{min-height:470px}.folio-card{inset:80px 2% 45px 18%}.footer-top{gap:5%}}
@media(max-width:760px){.wrap{width:min(calc(100% - 38px),var(--max))}.nav-inner{min-height:76px}.brand{min-width:170px;width:170px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--coal);padding:24px 20px 30px;flex-direction:column;align-items:stretch;gap:4px;border-top:1px solid #ffffff33}.site-header.on-light .nav-links{background:var(--ivory);border-top:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:14px 8px}.hero{min-height:780px;align-items:start}.hero-grid{display:block;padding-top:104px;padding-bottom:120px}.hero h1{font-size:clamp(57px,13vw,79px)}.hero-description{font-size:15px;max-width:510px}.hero-visual{position:absolute;right:-25px;top:165px;opacity:.25;width:55%;min-height:410px;z-index:0;pointer-events:none}.hero-copy{z-index:2}.hero-meta .wrap{flex-wrap:wrap}.hero-meta span:last-child{display:none}.section{padding:74px 0}.section-small{padding:70px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:33px}.work-grid,.case-grid{grid-template-columns:1fr;gap:37px}.work-info h3{font-size:28px}.service-row{grid-template-columns:30px 1fr 24px;gap:13px;padding:26px 0}.service-row p{grid-column:2/3;grid-row:2}.service-row .go{grid-column:3;grid-row:1}.intro-grid,.about-split,.contact-layout{grid-template-columns:1fr;gap:40px}.detail-service{grid-template-columns:1fr;gap:18px;padding:40px 0}.footer-top{grid-template-columns:1fr 1fr;gap:44px 25px}.footer-main{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:72px 0}.page-hero h1{font-size:clamp(56px,12vw,84px)}.page-hero p{font-size:16px}.contact-layout{padding:70px 0}.cta-band{padding:75px 0}}
@media(max-width:480px){.hero h1{font-size:clamp(52px,13.2vw,67px)}.hero-actions .btn{width:100%}.hero{min-height:800px}.hero-visual{display:none}.hero-meta{bottom:30px}.hero .eyebrow{letter-spacing:.13em}.service-row h3{font-size:29px}.detail-service ul{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.field.full,.submit-row{grid-column:auto}.submit-row{align-items:stretch;flex-direction:column}.submit-row .btn{width:100%}.footer-top{grid-template-columns:1fr}.footer-main{grid-column:auto}.work-info h3{font-size:25px}.about-art{min-height:310px}.about-art .watermark{font-size:250px}.page-hero h1{font-size:clamp(51px,13vw,72px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}