:root { --ink:#263133; --ink-soft:#506064; --paper:#f7f5f0; --white:#fffefa; --sand:#e8e2d8; --line:#d9d5cc; --accent:#b06e42; --accent-soft:#dcc1ad; --sage:#7c8c80; --serif:"DM Serif Display",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; }
* { box-sizing:border-box; } [hidden] { display:none!important; } html { overflow-x:clip;scroll-behavior:smooth; } body { margin:0;overflow-x:clip;color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.5; } a { color:inherit; text-decoration:none; } button,input,textarea { font:inherit; } button { cursor:pointer; } img { display:block; max-width:100%; } .container { width:min(1210px,calc(100% - 56px)); margin:auto; }.skip-link { position:fixed;left:16px;top:-80px;z-index:99;padding:10px 14px;color:var(--white);background:var(--ink); }.skip-link:focus { top:16px; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.site-header { position:sticky;top:0;z-index:20;background:rgba(255,254,250,.95);border-bottom:1px solid rgba(38,49,51,.09);backdrop-filter:blur(13px); }.header-inner { height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px; }.original-logo { display:block;width:122px;flex:0 0 auto; }.original-logo img { width:100%;height:auto; }.desktop-nav { display:flex;gap:31px;margin-left:auto; }.desktop-nav a { color:#475253;font-size:13px;font-weight:600;transition:color .2s; }.desktop-nav a:hover { color:var(--accent); }.whatsapp-link { display:inline-flex;gap:10px;align-items:center;color:var(--ink);font-size:13px;font-weight:700;padding:10px 0;border-bottom:1px solid var(--accent); }.whatsapp-link span { color:var(--accent);font-size:17px; }.menu-toggle,.mobile-menu { display:none; }
.hero { overflow:hidden;background:var(--white);padding:55px 0 62px; }.hero-grid { display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center; }.kicker { margin:0 0 19px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; }.kicker:before { content:"";display:inline-block;width:23px;height:1px;margin:0 9px 3px 0;background:currentColor; }.hero h1,.statement h2,.feature-copy h2,.section-top h2,.contact-title h2 { margin:0;color:var(--ink);font-family:var(--serif);font-weight:400;letter-spacing:-.05em;line-height:.98; }.hero h1 { font-size:clamp(56px,6.6vw,92px); }.hero h1 em,.statement h2 em,.feature-copy h2 em,.section-top h2 em,.contact-title h2 em { color:var(--accent);font-style:italic; }.hero-copy > p:not(.kicker) { max-width:415px;margin:27px 0 34px;color:#657072;font-size:17px;line-height:1.7; }.hero-actions { display:flex;align-items:center;gap:25px; }.button { display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 18px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button-dark { color:var(--white);background:var(--ink); }.button-dark:hover { background:var(--ink-soft); }.button-whatsapp { color:var(--white);background:#4d7665; }.button-whatsapp:hover { background:#3f6655; }.inline-link { display:inline-flex;gap:10px;align-items:center;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700; }.inline-link span { color:var(--accent);font-size:17px;transition:transform .2s; }.inline-link:hover span { transform:translateX(4px); }.hero-image { min-height:555px;position:relative;overflow:hidden; }.hero-image img { width:100%;height:555px;object-fit:cover; }.hero-image:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(29,39,40,.5)); }.image-note { position:absolute;z-index:1;left:26px;bottom:22px;display:flex;align-items:end;justify-content:space-between;width:calc(100% - 52px);color:var(--white); }.image-note span { font-size:10px;letter-spacing:.13em; }.image-note strong { font:25px var(--serif);letter-spacing:-.03em; }
.statement { padding:137px 0 120px;background:var(--paper); }.statement-grid { display:grid;grid-template-columns:.78fr 1.22fr;gap:60px; }.statement h2 { max-width:720px;font-size:clamp(47px,5.4vw,74px); }.statement-grid > div > p { max-width:590px;margin:27px 0 37px;color:#657072;font-size:17px;line-height:1.75; }.experience { display:flex;align-items:baseline;gap:9px 15px;flex-wrap:wrap;max-width:520px;padding-top:23px;border-top:1px solid var(--line); }.experience span { font:42px var(--serif);letter-spacing:-.05em; }.experience small { margin-right:28px;color:#6b7475;font-size:11px; }
.feature-project { padding:88px 0;background:#dae4df; }.feature-grid { display:grid;grid-template-columns:1fr .94fr;gap:84px;align-items:center; }.feature-photo { height:510px;overflow:hidden; }.feature-photo img { width:100%;height:100%;object-fit:cover; }.feature-copy h2 { font-size:clamp(43px,4.6vw,63px); }.feature-copy > p:not(.kicker) { max-width:430px;margin:25px 0 30px;color:#586866;line-height:1.75; }
.services { padding:126px 0;background:var(--white); }.section-top { display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:56px; }.section-top h2 { font-size:clamp(47px,5vw,69px); }.section-top > p { max-width:320px;margin:0 0 6px;color:#6b7475;font-size:15px;line-height:1.65; }.service-list { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line); }.service-list article { min-height:254px;padding:24px 24px 18px 0;margin-right:24px;border-right:1px solid var(--line);display:flex;flex-direction:column; }.service-list article:last-child { margin:0;border:0; }.service-list span { color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.1em; }.service-list h3 { margin:auto 0 8px;font:28px var(--serif);letter-spacing:-.03em; }.service-list p { margin:0;color:#6b7475;font-size:13px;line-height:1.65; }
.projects { padding:118px 0 132px;background:#edf1ef; }.projects-top { margin-bottom:49px; }.projects-grid { display:grid;grid-template-columns:repeat(12,1fr);gap:45px 25px; }.project-card { grid-column:span 4; }.project-card:nth-child(1),.project-card:nth-child(4) { grid-column:span 7; }.project-card:nth-child(2),.project-card:nth-child(5) { grid-column:span 5; }.project-card:nth-child(3),.project-card:nth-child(6),.project-card:nth-child(7) { grid-column:span 4; }.project-image { position:relative;width:100%;height:318px;padding:0;border:0;overflow:hidden;background:#d9d5cc; }.project-card:nth-child(1) .project-image,.project-card:nth-child(4) .project-image { height:405px; }.project-image img { width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1); }.project-image:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(21,28,28,.22)); }.project-image span { position:absolute;z-index:2;right:13px;top:13px;width:37px;height:37px;display:grid;place-items:center;color:var(--white);background:rgba(38,49,51,.82);font-size:18px;opacity:0;transform:translateY(5px);transition:.2s; }.project-image:hover img { transform:scale(1.045); }.project-image:hover span { opacity:1;transform:none; }.project-info { padding-top:13px; }.project-info p { margin:0 0 3px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase; }.project-info h3 { margin:0;font:29px var(--serif);letter-spacing:-.035em; }.project-info small { color:#697473;font-size:12px; }
.faq { padding:125px 0;background:var(--white); }.faq-grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:start; }.faq-heading { position:sticky;top:125px; }.faq-heading h2 { margin:0;color:var(--ink);font:clamp(45px,5vw,68px)/.98 var(--serif);font-weight:400;letter-spacing:-.05em; }.faq-heading h2 em { color:var(--accent);font-style:italic; }.faq-heading > p:last-child { max-width:360px;margin:25px 0 0;color:#657072;line-height:1.7; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { position:relative;padding:26px 48px 26px 0;color:var(--ink);font:25px/1.2 var(--serif);letter-spacing:-.025em;list-style:none;cursor:pointer; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:"+";position:absolute;right:4px;top:22px;color:var(--accent);font:30px/1 var(--sans);font-weight:300;transition:transform .2s ease; }.faq-list details[open] summary:after { transform:rotate(45deg); }.faq-list details p { max-width:660px;margin:-4px 46px 27px 0;color:#657072;line-height:1.75; }.faq-list summary:focus-visible { outline:2px solid var(--accent);outline-offset:5px; }
.contact { padding:128px 0;background:var(--paper); }.contact-grid { display:grid;grid-template-columns:.94fr 1.06fr;gap:90px;align-items:start; }.contact-title h2 { font-size:clamp(52px,5.7vw,77px); }.contact-title > p:not(.kicker) { max-width:385px;margin:25px 0 31px;color:#657072;line-height:1.7; }.contact-card { padding:31px;background:var(--white);box-shadow:0 12px 35px rgba(38,49,51,.055); }.contact-card-head { display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase; }.contact-card-head span { color:#6b7475; }.contact-card-head i { color:#48705f;font-style:normal;font-weight:700; }.contact-card form { display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:25px; }.contact-card label { display:flex;flex-direction:column;gap:7px;padding-bottom:8px;border-bottom:1px solid var(--line);color:#6b7475;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }.contact-card input,.contact-card textarea { width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;resize:vertical; }.contact-card textarea { min-height:68px; }.wide { grid-column:1/-1; }.contact-card button { margin-top:1px;width:max-content; }.form-note { margin:15px 0 0;color:#71807c;font-size:11px; }
.contact-details { display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line);color:#657072;font-size:13px; }.contact-details a:hover { color:var(--accent); }.contact-details address { margin-top:8px;font-style:normal;line-height:1.65; }
.site-footer { padding:57px 0 24px;color:#d6d9d6;background:#2c3939; }.footer-grid { display:grid;grid-template-columns:1.55fr .6fr 1fr;gap:35px;padding-bottom:55px; }.footer-name { display:block;color:var(--white);font:32px var(--serif);letter-spacing:-.035em; }.footer-name span { color:#d4ad91;font-style:italic; }.footer-grid p { max-width:230px;margin:10px 0 0;color:#abb5b0;font-size:13px;line-height:1.65; }.footer-links,.footer-contact { display:flex;flex-direction:column;gap:10px;padding-top:7px;font-size:13px; }.footer-links a:hover,.footer-contact a:hover { color:#e1b99d; }.footer-contact address { margin:3px 0 0;color:#abb5b0;font-style:normal;font-size:12px;line-height:1.6; }.footer-contact a:last-child { margin-top:7px;color:#e1b99d; }.footer-bottom { display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#9eaaa6;font-size:10px;letter-spacing:.08em;text-transform:uppercase; }.footer-bottom a { color:#e1b99d; }
.project-dialog { width:min(1120px,calc(100% - 32px));max-height:92vh;padding:0;border:0;overflow:hidden;color:var(--ink);background:var(--white);box-shadow:0 22px 70px rgba(0,0,0,.28); }.project-dialog::backdrop { background:rgba(25,33,33,.66);backdrop-filter:blur(4px); }.dialog-layout { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.78fr);max-height:92vh; }.dialog-gallery { min-width:0;overflow:hidden;background:#e7e6e1; }.dialog-stage { position:relative;height:min(68vh,640px);overflow:hidden;background:#d8d8d3;touch-action:pan-y; }.dialog-stage > img { width:100%;height:100%;object-fit:contain; }.dialog-stage:after { content:"";position:absolute;inset:auto 0 0;height:90px;pointer-events:none;background:linear-gradient(transparent,rgba(16,21,20,.34)); }.dialog-nav { position:absolute;z-index:2;top:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:var(--white);background:rgba(28,36,35,.68);font-size:20px;transform:translateY(-50%);backdrop-filter:blur(8px);transition:background .2s,transform .2s; }.dialog-nav:hover { background:var(--ink);transform:translateY(-50%) scale(1.04); }.dialog-nav-prev { left:18px; }.dialog-nav-next { right:18px; }.dialog-counter { position:absolute;z-index:2;right:18px;bottom:15px;padding:7px 10px;color:var(--white);background:rgba(28,36,35,.72);font-size:10px;font-weight:700;letter-spacing:.12em; }.dialog-thumbs { display:flex;gap:8px;overflow-x:auto;padding:10px;background:#f1f0ec;scrollbar-width:thin;scroll-snap-type:x proximity; }.dialog-thumb { flex:0 0 78px;height:58px;padding:0;border:2px solid transparent;overflow:hidden;background:#d8d8d3;opacity:.58;scroll-snap-align:center;transition:opacity .2s,border-color .2s; }.dialog-thumb:hover,.dialog-thumb.is-active { border-color:var(--accent);opacity:1; }.dialog-thumb img { width:100%;height:100%;object-fit:cover; }.dialog-copy { min-width:0;overflow-y:auto;padding:74px 38px 38px; }.dialog-copy h2 { margin:0 0 18px;font:46px var(--serif);line-height:1.02;letter-spacing:-.04em; }.dialog-copy > p:not(.kicker) { color:#657072;line-height:1.75; }.dialog-gallery-note { margin:20px 0 28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px; }.dialog-close { position:absolute;z-index:5;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;color:var(--white);background:rgba(38,49,51,.82);font-size:27px;line-height:1;backdrop-filter:blur(8px); }
.reveal { opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease; }.reveal.is-visible { opacity:1;transform:none; }.reveal-delay { transition-delay:.15s; }
@media (max-width:900px) { .desktop-nav,.header-whatsapp { display:none; }.menu-toggle { display:flex;flex-direction:column;gap:6px;padding:8px 0 8px 8px;border:0;background:transparent; }.menu-toggle i { width:25px;height:1px;background:var(--ink); }.mobile-menu { display:grid;padding:5px 28px 22px;background:var(--white);border-top:1px solid var(--line); }.mobile-menu a { padding:11px 0;font:27px var(--serif); }.mobile-menu a:last-child { color:#4d7665;font-size:20px; }.hero-grid,.feature-grid,.contact-grid,.faq-grid { grid-template-columns:1fr;gap:48px; }.hero-grid { gap:40px; }.hero-image { min-height:430px;max-width:700px;width:88%;justify-self:end; }.hero-image img { height:430px; }.statement-grid { grid-template-columns:1fr;gap:18px; }.statement-grid > .kicker { margin:0; }.service-list { grid-template-columns:repeat(2,1fr); }.service-list article:nth-child(2) { border:0;margin-right:0; }.service-list article:nth-child(-n+2) { border-bottom:1px solid var(--line); }.projects-grid { gap:38px 18px; }.project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5),.project-card:nth-child(6),.project-card:nth-child(7) { grid-column:span 6; }.project-card:nth-child(1) .project-image,.project-card:nth-child(4) .project-image { height:318px; }.faq-heading { position:static; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-grid > div:first-child { grid-column:1/-1; }.contact-grid { gap:55px; } }
@media (max-width:580px) { .container { width:min(100% - 32px,1210px); }.header-inner { height:75px; }.original-logo { width:105px; }.hero { padding:41px 0 54px; }.hero h1 { font-size:52px; }.hero-copy > p:not(.kicker) { margin:21px 0 27px;font-size:15px; }.hero-actions { align-items:flex-start;flex-direction:column;gap:19px; }.hero-image { width:100%;min-height:340px; }.hero-image img { height:340px; }.image-note { left:17px;bottom:17px;width:calc(100% - 34px); }.image-note strong { font-size:20px; }.statement,.services,.projects,.faq,.contact { padding:82px 0; }.statement h2,.feature-copy h2,.section-top h2,.faq-heading h2 { font-size:46px; }.statement-grid > div > p { margin:20px 0 29px;font-size:15px; }.experience { gap:4px 10px; }.experience span { font-size:35px; }.experience small { margin-right:12px;font-size:10px; }.feature-project { padding:0 0 75px; }.feature-grid { gap:42px; }.feature-photo { height:360px; }.feature-copy { padding:0 16px; }.section-top { align-items:start;flex-direction:column;gap:16px;margin-bottom:38px; }.section-top > p { margin:0;font-size:14px; }.service-list { grid-template-columns:1fr; }.service-list article,.service-list article:nth-child(2) { min-height:170px;margin:0;padding:20px 0;border-right:0;border-bottom:1px solid var(--line); }.service-list article:last-child { border:0; }.service-list h3 { margin-top:25px; }.projects-grid { display:flex;overflow:auto;margin:0 -16px;padding:0 16px 10px;scroll-snap-type:x mandatory; }.project-card,.project-card:nth-child(n) { flex:0 0 80vw; }.project-image,.project-card:nth-child(n) .project-image { height:302px; }.project-info h3 { font-size:27px; }.faq-list summary { padding:23px 42px 23px 0;font-size:22px; }.faq-list summary:after { top:20px; }.faq-list details p { margin:0 35px 24px 0;font-size:14px; }.contact-title h2 { font-size:56px; }.contact-card { padding:23px 19px; }.contact-card form { grid-template-columns:1fr;gap:19px; }.contact-card .wide { grid-column:auto; }.contact-card button { width:100%; }.footer-grid { grid-template-columns:1fr;gap:30px;padding-bottom:40px; }.footer-grid > div:first-child { grid-column:auto; }.footer-bottom { flex-wrap:wrap;gap:12px;font-size:9px; }.project-dialog { width:calc(100% - 16px);max-height:94vh;overflow-y:auto; }.dialog-layout { display:block;max-height:none; }.dialog-stage { height:44vh;min-height:280px;max-height:420px; }.dialog-nav { width:40px;height:40px; }.dialog-nav-prev { left:10px; }.dialog-nav-next { right:10px; }.dialog-counter { right:10px;bottom:10px; }.dialog-thumbs { padding:8px; }.dialog-thumb { flex-basis:68px;height:51px; }.dialog-copy { overflow:visible;padding:29px 22px 32px; }.dialog-copy h2 { font-size:39px; }.dialog-close { right:10px;top:10px; } }

/* Premium project gallery, full-screen mobile navigation, and original logo. */
body.menu-open { overflow:hidden; }
.feature-photo { position:relative; }.feature-photo span { position:absolute;left:18px;bottom:17px;padding:8px 10px;color:var(--white);background:rgba(38,49,51,.82);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }
.projects-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px; }.project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5),.project-card:nth-child(6),.project-card:nth-child(7) { grid-column:auto; }.project-image,.project-card:nth-child(1) .project-image,.project-card:nth-child(4) .project-image { height:292px; }.project-info { padding-top:14px; }.project-info h3 { font-size:27px; }
.footer-logo { display:block;width:145px; }.footer-logo img { width:100%;height:auto; }.footer-name { display:none; }
@media (max-width:900px) { .site-header { z-index:70; }.header-inner { position:relative;z-index:2; }.mobile-menu { position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:110px 32px 35px;color:var(--ink);background:#f4f2ec; }.mobile-menu:before { content:"ERBA YAPI İNŞ.";position:absolute;top:114px;left:32px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em; }.mobile-menu a { padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(32px,8vw,48px);line-height:1; }.mobile-menu a:last-child { margin-top:20px;padding:16px 0;border:0;color:#4d7665;font:700 15px var(--sans);letter-spacing:.04em; }.menu-toggle { position:relative;z-index:3; }.menu-toggle[aria-expanded="true"] i:first-of-type { transform:translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] i:last-of-type { transform:translateY(-3.5px) rotate(-45deg); }.projects-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px; }.project-card,.project-card:nth-child(n) { grid-column:auto; }.project-image,.project-card:nth-child(n) .project-image { height:290px; } }
@media (max-width:580px) { .projects-grid { display:grid;grid-template-columns:1fr;overflow:visible;margin:0;padding:0;scroll-snap-type:none; }.project-card,.project-card:nth-child(n) { display:block;flex:none; }.project-image,.project-card:nth-child(n) .project-image { height:278px; }.project-info h3 { font-size:28px; }.footer-logo { width:135px; } }

/* Hero project carousel and mobile navigation motion. */
.hero-slide { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity;transition:opacity .7s ease,transform .7s cubic-bezier(.22,.7,.2,1); }.hero-slide-current { z-index:0;opacity:1;transform:translateX(0) scale(1); }.hero-slide-incoming { z-index:0;opacity:0;transform:translateX(7%) scale(1.02); }.hero-image.is-sliding .hero-slide-current { opacity:0;transform:translateX(-7%) scale(1.02); }.hero-image.is-sliding .hero-slide-incoming { opacity:1;transform:translateX(0) scale(1); }.hero-image:after { z-index:1;pointer-events:none; }.image-note { z-index:2; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.hero-slide { transition:none; }.reveal { transition:none;opacity:1;transform:none; } }
@media (max-width:900px) { .mobile-menu { position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:126px 32px 32px;overflow-y:auto;overscroll-behavior:contain;color:var(--ink);background:#f4f2ec;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .42s cubic-bezier(.22,.7,.2,1),opacity .2s ease,visibility 0s linear .42s; }.mobile-menu.is-open { opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform .42s cubic-bezier(.22,.7,.2,1),opacity .2s ease; }.mobile-menu:before { display:none; }.mobile-menu-brand { margin-bottom:38px; }.mobile-menu-brand span { color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em; }.mobile-menu-brand p { margin:9px 0 0;font:clamp(34px,9vw,52px)/.95 var(--serif);letter-spacing:-.05em; }.mobile-menu-links { display:flex;flex-direction:column;border-top:1px solid var(--line); }.mobile-menu .mobile-menu-links a { padding:17px 0;border-bottom:1px solid var(--line);font:clamp(31px,8vw,46px)/1 var(--serif);letter-spacing:-.04em; }.mobile-menu-contact { display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line); }.mobile-menu .mobile-menu-contact a { padding:0;border:0;color:#5d6967;font:13px var(--sans); }.mobile-menu .mobile-menu-contact a:last-child { margin-top:8px;color:#426e5c;font-weight:700;letter-spacing:.02em; }.mobile-menu .mobile-menu-contact span { margin-left:7px;font-size:17px; }.menu-toggle i { transition:transform .25s ease; }.menu-toggle:focus-visible,.mobile-menu a:focus-visible { outline:2px solid var(--accent);outline-offset:5px; }.hero-image { isolation:isolate; } }
@media (max-width:580px) { .mobile-menu { padding:104px 24px 22px; }.mobile-menu-brand { margin-bottom:22px; }.mobile-menu .mobile-menu-links a { padding:14px 0;font-size:30px; }.mobile-menu-contact { margin-top:24px; } }

.not-found-page { display:grid;min-height:100vh;place-items:center;padding:28px;background:var(--paper); }.not-found-card { width:min(590px,100%);padding:42px;background:var(--white);box-shadow:0 18px 60px rgba(38,49,51,.08); }.not-found-card .original-logo { width:150px;margin-bottom:50px; }.not-found-card h1 { max-width:470px;margin:0;color:var(--ink);font:clamp(44px,7vw,68px)/.98 var(--serif);letter-spacing:-.05em; }.not-found-card > p:not(.kicker) { max-width:400px;margin:22px 0 30px;color:#657072;line-height:1.7; }
section[id] { scroll-margin-top:108px; }