:root{--paper:#f4f2ec;--ink:#282c2b;--muted:#62655e;--sage:#acb8a6;--rose:#c6a39c;--line:#d8d8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #75675a;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-family:Didot,'Times New Roman',serif;font-size:42px;letter-spacing:-5px;line-height:1}.brand>span:first-child{color:#7d8979}.brand .brand-dot{color:var(--rose);letter-spacing:0}nav{display:flex;gap:36px;font-size:14px}nav a:last-child{margin-left:35px}nav a:hover,.text-button:hover{color:#786058}.hero{min-height:calc(100svh - 100px);position:relative;display:grid;grid-template-columns:1fr 1fr;padding:34px 5vw 65px;gap:4vw}.hero-copy{display:flex;flex-direction:column;padding-top:6vh}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:500;margin:0 0 25px}h1,h2,h3{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0}h1{font-size:clamp(54px,5.8vw,94px)}em{font-weight:400;color:#7b8775}h1 em{white-space:nowrap}.hero-bottom{margin-top:auto;padding-top:45px}.hero-bottom>p{color:var(--muted);font-size:14px}.round-link{display:flex;align-items:center;gap:30px;font-size:14px;margin-top:24px}.round-link b{display:grid;place-items:center;border:1px solid #999c91;border-radius:50%;height:48px;width:48px;font-size:22px;font-weight:400;transition:background .2s}.round-link:hover b{background:var(--sage)}.hero-photo{position:relative;min-height:580px}.hero-photo img{position:absolute;inset:0;object-position:50% 60%}.photo-label{position:absolute;bottom:18px;left:23px;color:white;font-size:11px;letter-spacing:.12em;text-shadow:0 1px 6px #000}.hero-index{position:absolute;bottom:20px;right:5vw;font-size:11px;letter-spacing:.13em}.section{padding:110px 8vw}.approach{border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw}h2{font-size:clamp(42px,4.5vw,68px)}.intro p{margin:0 0 20px;color:var(--muted)}.intro .signature{font-family:Georgia,serif;font-size:27px;color:var(--ink);margin-top:30px}.signature span{font:12px Arial;letter-spacing:.12em}.services{display:flex;justify-content:space-between;gap:20px;margin-top:70px;border-top:1px solid var(--line);padding-top:23px;font-size:13px}.works{padding-top:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:65px}.section-heading>p{color:var(--muted);font-size:14px;margin:0}.project{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;margin-bottom:100px}.image-button{border:0;padding:0;position:relative;background:#d5d0c5;overflow:hidden;display:block;width:100%;text-align:left}.main-image{height:530px}.image-button img{transition:transform .6s}.image-button:hover img{transform:scale(1.025)}.image-action{position:absolute;bottom:0;left:0;right:0;padding:42px 23px 18px;color:#fff;background:linear-gradient(transparent,#0009);font-size:13px;display:flex;justify-content:space-between}.image-action b{font-size:20px;font-weight:400}.number{display:block;font:italic 20px Georgia;color:#898d82;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.project-copy h3{font-size:clamp(42px,4vw,64px)}.project-copy>p:not(.eyebrow){max-width:310px;color:var(--muted);margin:25px 0}.text-button{border:0;background:none;padding:10px 0;border-bottom:1px solid #909587;font-size:14px;display:flex;justify-content:space-between;gap:40px}.reverse{grid-template-columns:1fr 1.5fr;margin-bottom:0}.reverse .main-image{order:2}.reverse .project-copy{order:1}.detail img{object-position:50% 65%}.process{background:#e4e7df}.process-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.process-grid .image-button{height:370px}.process-grid .image-button:nth-child(2){margin-top:60px}.contact{padding-top:120px;padding-bottom:65px;background:#eaded8}.contact h2{font-size:clamp(50px,6vw,90px)}.contact h2 em{color:#7c665d}.contact-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:60px;border-top:1px solid #bdb1aa;padding-top:25px;font-size:14px}.pending{color:#72685f}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;background:white;z-index:100;padding:10px}.skip:focus{top:10px}dialog{border:0;background:#f4f2ec;color:var(--ink);padding:25px;width:min(1100px,95vw);max-height:95svh}dialog::backdrop{background:#171b19e8}body:has(dialog[open]){overflow:hidden}.gallery-top,.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-top h2{font-size:28px;letter-spacing:-.025em}.gallery-top button{border:0;background:none;padding:12px}.gallery-stage{display:grid;grid-template-columns:45px 1fr 45px;gap:12px;height:65svh;margin-top:20px}.gallery-stage img{object-fit:contain}.gallery-stage button{border:0;background:none;font-size:28px}.gallery-caption{font-size:14px}.gallery-caption span{white-space:nowrap}.gallery-caption p{margin-bottom:0}
@media(min-width:1600px){body{max-width:1900px;margin:auto}.hero{min-height:800px}}@media(max-width:900px){nav{gap:20px}nav a:last-child{margin-left:0}.hero{gap:25px}.hero-photo{min-height:510px}h1{font-size:55px}h1 em{white-space:normal}.section{padding:80px 6vw}.intro{gap:35px}.project{gap:40px}.main-image{height:440px}.process-grid{gap:15px}.process-grid .image-button{height:300px}.services{flex-wrap:wrap}.section-heading{align-items:start}.section-heading>p{max-width:200px}}@media(max-width:600px){header{height:auto;min-height:92px;padding:18px 6vw;gap:24px}.brand{font-size:38px}nav{gap:10px 18px;justify-content:flex-end;flex-wrap:wrap;font-size:12px;max-width:245px}.hero{display:flex;flex-direction:column;padding:35px 6vw 45px;gap:35px}.hero-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:20px}h1{font-size:56px}.hero-bottom{padding-top:20px}.hero-bottom>p{margin-top:0}.round-link{margin-top:15px}.hero-photo{min-height:420px}.hero-index{bottom:13px}.section{padding:65px 6vw}.intro{grid-template-columns:1fr;gap:30px}h2{font-size:43px}.services{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:none;margin-top:25px}.project,.reverse{display:flex;flex-direction:column;gap:25px;margin-bottom:60px;align-items:stretch}.reverse{margin-bottom:0}.reverse .main-image,.reverse .project-copy{order:initial}.main-image{height:420px}.number{display:none}.project-copy h3{font-size:46px}.project-copy h3 br{display:none}.project-copy>p:not(.eyebrow){max-width:none;margin:20px 0}.project-copy .eyebrow{margin-bottom:10px}.process-grid{grid-template-columns:1fr;gap:22px}.process-grid .image-button{height:340px}.process-grid .image-button:nth-child(2){margin:0}.contact h2{font-size:51px}.contact-bottom{display:block;margin-top:40px}footer{flex-wrap:wrap}footer p{max-width:160px}footer>a:last-child{width:100%;border-top:1px solid var(--line);padding-top:15px}dialog{padding:15px}.gallery-top h2{font-size:23px}.gallery-stage{grid-template-columns:30px 1fr 30px;gap:0;height:60svh}.gallery-caption{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.logo-crop{display:block;position:relative;width:110px;height:49px;overflow:hidden;mix-blend-mode:multiply}.logo-crop img{position:absolute;width:280px;height:auto;max-width:none;left:-84px;top:-39px}.brand{flex-shrink:0}

/* Version 2 — photographic depth and a restrained editorial rhythm. */
:root{--paper:#f8f7f3;--ink:#292c29;--muted:#66675f;--sage:#aeb9a4;--rose:#bb9990;--line:#d8d7ce}
header{position:sticky;top:0;z-index:20;height:84px;padding-inline:5vw;background:#f8f7f3f5;backdrop-filter:blur(14px)}
header .logo-crop{transform:scale(.83);transform-origin:left center;width:110px}
nav a{position:relative;font-size:14px}nav a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--rose);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.hero{min-height:660px;height:calc(100svh - 84px);display:block;padding:0;isolation:isolate;overflow:hidden;background:#343c32;color:#fff}
.hero-photo{position:absolute;inset:0;min-height:0;z-index:-2;overflow:hidden}.hero-photo img{height:116%;top:-8%;object-position:center 57%;will-change:transform;transform:translate3d(0,var(--hero-shift,0px),0)}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101810a8 0%,#131a1355 58%,#10181022),linear-gradient(0deg,#10161095,transparent 48%);pointer-events:none}
.hero-copy{height:100%;padding:9vh 8vw 50px;position:relative;transform:translate3d(0,var(--copy-shift,0px),0)}
.hero .eyebrow{font-size:12px;letter-spacing:.2em;color:#eee9e1;margin-bottom:35px}
h1{font-size:clamp(66px,7.5vw,120px);line-height:.97;letter-spacing:-.04em}h1>span,h1>em{display:block}h1 em{color:#e1ddcf;white-space:normal}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:30px}.hero-bottom>p{color:#f1ede4;font-size:14px;max-width:200px}.round-link{margin:0;gap:24px}.round-link b{width:55px;height:55px;border-color:#e5e6d08a}.round-link:hover b{background:#fff2}.hero-photo .photo-label{display:none}.hero-index{bottom:20px;font-size:11px;color:#deded0;letter-spacing:.16em}
.section{padding:110px 8vw}.approach{position:relative;border-top:0;background:var(--paper)}.intro{grid-template-columns:1.35fr 1fr;gap:9vw}.intro h2{font-size:clamp(44px,4.4vw,72px)}.intro>div{padding-top:6px}.services{font-size:14px;gap:25px}.services span{position:relative;padding-top:8px}.services span::before{content:'';display:block;width:30px;height:2px;background:var(--rose);margin-bottom:15px}.services span:nth-child(even)::before{background:var(--sage)}
.works{background:#292e29;color:#f3f0e6;padding-top:100px;padding-bottom:100px}.works .section-heading{margin-bottom:65px}.works h2 em{color:#b6c0ab}.works .section-heading>p{color:#cccfc4}.project-stack{position:relative;isolation:isolate}.project{background:#efeee7;color:var(--ink);padding:28px;gap:5vw;grid-template-columns:1.35fr 1fr;margin:0 0 55px;align-items:center;transform-origin:center top;border:1px solid #dfdfd2;box-shadow:0 -15px 50px #0d140d14}.project-copy{padding:30px 35px 30px 0}.main-image{height:520px}.number{font-size:18px;margin-bottom:28px}.project-copy .eyebrow{font-size:12px}.project-copy h3{font-size:clamp(48px,5vw,72px)}.project-copy>p:not(.eyebrow){font-size:16px;max-width:330px}.text-button{min-height:44px;font-size:14px}.reverse{grid-template-columns:1fr 1.35fr;background:#ddd4c9;margin-bottom:0}.reverse .project-copy{padding-left:25px;padding-right:0}.reverse .number{border-color:#bfb7aa}.reverse em{color:#716b5b}.main-image img{object-fit:cover}.image-action{font-size:14px}.image-action b{transition:transform .3s}.image-button:hover .image-action b{transform:translate(3px,-3px)}
.process{background:#f1efe8}.process .section-heading>p{max-width:260px}.process-grid{gap:26px}.process-grid .image-button{height:420px}.process-grid .image-button:nth-child(2){margin-top:75px}.process-grid .image-button:nth-child(3){margin-top:150px}.process-grid .image-button::after{content:'';position:absolute;inset:13px;border:1px solid #ffffff70;pointer-events:none}
.contact{background:#e7ddd5;position:relative}.contact h2{max-width:970px}.contact-bottom{font-size:16px}.contact .eyebrow{margin-bottom:38px}footer{background:#f8f7f3}footer p,footer>a:last-child{font-size:14px}
/* Content stays visible if JavaScript or an observer is unavailable. */
.reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.is-pending{opacity:0;transform:translate3d(0,32px,0)}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
.reveal:focus-within{opacity:1!important;transform:none!important}
@media(min-width:901px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.motion-ready .project{position:sticky;top:110px;transform:scale(var(--panel-scale,1));will-change:transform}.motion-ready .project.reverse{top:130px}.motion-ready .project-stack{padding-bottom:30px}}
@media(max-width:900px){header{height:80px}.hero{height:calc(100svh - 80px);min-height:620px}.hero-copy{padding:65px 6vw 45px}.hero-bottom{align-items:start}.section{padding:80px 6vw}.intro{gap:35px}.project,.reverse{padding:20px;gap:30px}.main-image{height:470px}.project-copy,.reverse .project-copy{padding:15px 0}.project-copy h3{font-size:48px}.process-grid .image-button{height:320px}.process-grid .image-button:nth-child(2){margin-top:35px}.process-grid .image-button:nth-child(3){margin-top:70px}}
@media(max-width:600px){header{height:88px;min-height:88px;padding:15px 6vw;gap:8px}header .brand{width:91px}header nav{max-width:235px;gap:10px 17px}header nav a{font-size:12px}.hero{height:calc(100svh - 88px);min-height:610px}.hero-copy{padding:52px 6vw 48px}.hero .eyebrow{font-size:11px;margin-bottom:40px;letter-spacing:.14em}h1{font-size:clamp(53px,14vw,76px);line-height:1.04}.hero-photo img{height:100%;top:0;object-position:18% center;transform:none!important}.hero-copy{transform:none!important}.hero::after{background:linear-gradient(90deg,#111b13b3,#111b1340),linear-gradient(0deg,#10191090,transparent 65%)}.hero-bottom{display:block;margin-top:auto;padding-top:35px}.hero-bottom>p{max-width:none;margin:0 0 22px;font-size:13px}.round-link{justify-content:space-between;font-size:13px}.round-link b{width:45px;height:45px}.hero-index{bottom:16px;font-size:10px}.section{padding:64px 6vw}.intro{grid-template-columns:1fr;gap:25px}.intro h2,h2{font-size:43px}.services{font-size:13px;gap:20px;margin-top:35px;padding-top:15px}.works .section-heading{margin-bottom:35px}.project,.reverse{display:flex;flex-direction:column;padding:14px;gap:25px;margin-bottom:32px}.main-image{height:360px}.project-copy,.reverse .project-copy{padding:0 8px 15px}.project-copy h3{font-size:46px}.project-copy>p:not(.eyebrow){font-size:16px}.project-copy .eyebrow{font-size:11px}.reverse{margin-bottom:0}.process-grid{gap:26px}.process-grid .image-button{height:360px}.process-grid .image-button:nth-child(n){margin-top:0}.contact h2{font-size:48px}.contact-bottom{font-size:14px}.contact .eyebrow{margin-bottom:28px}footer p,footer>a:last-child{font-size:12px}.motion-ready .reveal.is-pending{transform:translate3d(0,16px,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.motion-ready .reveal.is-pending,.motion-ready .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}.hero-photo img,.hero-copy,.project{transform:none!important;will-change:auto!important}.project{position:relative!important;top:auto!important}.reading-progress{display:none}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Match the existing photographic logo background without editing its pixels.
   The edge fades sit outside the letterforms; the centre stays fully opaque. */
header,footer{background:#d8d3cc;backdrop-filter:none}
.logo-crop{width:140px;height:63px;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 6px),transparent);mask-composite:intersect}
.logo-crop img{width:280px;height:auto;left:-69px;top:-28px}
header .logo-crop{width:140px;transform:scale(.83);transform-origin:left center}
header .brand{width:116px;margin-left:-12px}
footer .brand{margin-left:-15px}
@media(max-width:600px){header .brand{width:104px;margin-left:-12px}header{gap:4px}}
header,footer{background:linear-gradient(90deg,#e6e3de 0,#e6e3de calc(5vw + 10px),#d3cdc6 calc(5vw + 100px),#d8d3cc calc(5vw + 190px))}

/* User annotations: 60px-high letterforms and single-line service labels. */
header .brand{width:175px;margin-left:-15px}
header .logo-crop{width:185px;height:83px;transform:none}
header .logo-crop img{width:370px;left:-91px;top:-37px}
header{height:100px;min-height:100px}
.hero{height:calc(100svh - 100px)}
.hero-bottom>p{max-width:none;white-space:nowrap;flex-shrink:0}
.contact-bottom>p:first-child{white-space:nowrap}
@media(max-width:600px){
 header{height:100px;min-height:100px;padding-block:9px;gap:8px}
 header .brand{width:175px}
 header nav{gap:7px 12px;max-width:200px}
 .hero{height:calc(100svh - 100px)}
 .hero-bottom>p,.contact-bottom>p:first-child{font-size:clamp(11px,3.3vw,13px)}
 .hero .eyebrow{font-size:10px;letter-spacing:.08em}
}

@media(max-width:360px){header{height:150px;flex-wrap:wrap;justify-content:center;padding-block:4px}header .brand{margin:0}header nav{max-width:none;width:100%;justify-content:center;gap:7px 14px;font-size:11px}header nav a{font-size:11px}.hero{height:calc(100svh - 150px)}}
@media(max-width:360px){html{scroll-padding-top:150px}}

/* Contact: local email preparation, with explicit labels and no remote collection. */
.contact-email,.contact-intro a{text-decoration:underline;text-underline-offset:5px}
.contact-form-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:7vw;border-top:1px solid #bdb1aa;margin-top:28px;padding-top:55px}
.contact-intro h3{font-size:43px;line-height:1.1}.contact-intro p{font-size:15px;line-height:1.7;color:#615b54;margin:25px 0;max-width:270px}.contact-intro a{color:var(--ink);white-space:nowrap}
.form-legend{margin:0 0 24px;font-size:13px;color:#615b54}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.field{min-width:0}.field-wide{grid-column:1/-1}.field label{display:block;margin-bottom:8px;font-size:14px}.field label span{color:#685f58;font-size:12px}.field input,.field textarea{display:block;width:100%;border:1px solid #a99d92;background:#f8f5f0a8;border-radius:0;color:var(--ink);font:inherit;font-size:16px;padding:12px 13px;min-height:49px}.field textarea{resize:vertical;min-height:145px}.field input::placeholder,.field textarea::placeholder{color:#777068;font-size:14px}.field input:focus,.field textarea:focus{outline:2px solid #5d6956;outline-offset:2px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#9d392e}.field-error{display:block;font-size:13px;color:#8d3025;margin-top:5px}.field-error:empty{display:none}.form-note{font-size:13px;line-height:1.65;color:#625b53;margin:25px 0 20px}.prepare-email{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;border:1px solid #292e29;background:#292e29;color:#fff;font-size:14px;min-height:52px;transition:background .2s}.prepare-email:hover{background:#495342}.prepare-email span{font-size:21px}#form-status{font-size:14px;margin:16px 0 0}#form-status:empty{display:none}#email-ready{border-top:1px solid #bdb1aa;margin-top:18px;padding-top:8px}#email-ready[hidden]{display:none}#email-ready .text-button{width:fit-content}#email-ready p{font-size:13px;color:#625b53;line-height:1.6;max-width:480px}
@media(max-width:800px){.contact-form-layout{grid-template-columns:1fr;gap:20px;padding-top:35px}.contact-intro h3{font-size:36px}.contact-intro p{max-width:none;margin:15px 0}.contact-intro p:last-child{display:none}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr;gap:20px}.field-wide{grid-column:auto}.contact-bottom{display:block}.contact-form-layout{margin-top:25px}.prepare-email{width:100%}}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.prepare-email:disabled{opacity:.6;cursor:not-allowed}

/* Shared signature in the header and footer. */
header,footer{justify-content:flex-start;column-gap:24px}
.brand-name{flex-shrink:0;font-size:16px;letter-spacing:.1em;white-space:nowrap}
header nav{margin-left:auto}
footer .brand{width:175px;margin-left:-15px;flex-shrink:0}
footer .logo-crop{width:185px;height:83px;transform:none}
footer .logo-crop img{width:370px;left:-91px;top:-37px}
footer>p{margin-left:auto}footer>a:last-child{margin-left:15px;white-space:nowrap}
@media(max-width:1050px) and (min-width:601px){header,footer{column-gap:14px}.brand-name{font-size:14px;letter-spacing:.06em}header nav{gap:18px}header nav a:last-child{margin-left:0}footer>p{font-size:12px}}
@media(max-width:800px) and (min-width:601px){header .brand,footer .brand{width:160px}header nav{gap:12px}header nav a{font-size:12px}.brand-name{font-size:13px}}
@media(max-width:600px){header{height:142px;min-height:142px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:5px;row-gap:0;padding-block:4px}header .brand{width:165px;margin-left:-15px}.brand-name{font-size:14px;letter-spacing:.07em}header nav{width:100%;max-width:none;justify-content:center;margin-left:0;gap:18px}header nav a{font-size:12px}.hero{height:calc(100svh - 142px)}html{scroll-padding-top:142px}footer{column-gap:10px;justify-content:flex-start}footer .brand{width:165px}footer>p{margin-left:0;max-width:none;width:100%;font-size:12px}footer>a:last-child{margin-left:0}}
@media(max-width:360px){header nav{gap:12px}header nav a{font-size:11px}.brand-name{font-size:12px;letter-spacing:.04em}header .brand,footer .brand{width:160px}}
@media(max-width:600px){header,footer{column-gap:10px}header .brand,footer .brand{width:185px}}
@media(max-width:360px){header,footer{column-gap:6px}header .brand,footer .brand{width:180px;margin-left:-20px}.brand-name{font-size:11px}}