@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Karla:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');
:root{--accent:#bd583c;--dark:#171717;--text:#606060;--gold:#e2be76}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--text);font:16px/1.8 ABeeZee,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:relative;z-index:30;background:white;box-shadow:0 1px 3px #0001}.logo img{display:block;width:210px;height:auto}.mobile-toggle{display:none;background:transparent;border:0;font-size:26px}nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}nav>a,nav>.dropdown>button{padding:32px 0}nav a:hover,nav button:hover{color:var(--accent)}.dropdown{position:relative}.dropdown>button{font:inherit;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:9px}.dropdown span{font-size:14px}.submenu{position:absolute;top:100%;left:-20px;background:white;box-shadow:0 5px 15px #0002;border-top:3px solid var(--accent);width:210px;padding:15px 0;display:none}.submenu a{display:block;padding:9px 22px;font-size:14px}.dropdown:hover .submenu,.dropdown:focus-within .submenu,.dropdown.open .submenu{display:block}.search-toggle{border:0;background:none;font-size:30px;cursor:pointer;color:#555}.search-panel{display:none;position:absolute;right:4%;top:94px;width:360px;max-width:92vw;padding:25px;background:white;box-shadow:0 5px 20px #0002}.search-panel.open{display:block}.search-panel label{display:block;font-size:12px;margin-bottom:10px}.search-panel>div{display:flex}.search-panel input{width:100%;min-width:0;padding:8px;border:1px solid #ddd}.search-panel button{background:var(--dark);color:white;border:0;font-size:12px;cursor:pointer}.search-panel ul{list-style:none;padding:0;margin:12px 0 0;font-size:13px}.search-panel li{padding:6px 0}.hero{height:670px;position:relative;background:linear-gradient(90deg,#fff 88%,#171717 88%);overflow:hidden}.hero-accent{position:absolute;left:0;top:0;width:61%;height:465px;background:linear-gradient(145deg,#e7896b,#b3462b)}.hero-copy{position:relative;z-index:3;left:10%;padding-top:146px;width:48%}.profession{font:500 24px/1.5 Montserrat,Arial,sans-serif;letter-spacing:2px;color:white;margin:0 0 15px}h1{font:700 clamp(52px,5.7vw,88px)/.95 Karla,Arial,sans-serif;letter-spacing:-3px;color:#fff;margin:0}h2,h3{font-family:Karla,Arial,sans-serif;color:#222;line-height:1.15;margin:0;font-weight:700}h2{font-size:46px;letter-spacing:3px}h3{font-size:24px;letter-spacing:1px}p{margin:0 0 22px}.hero-portrait{position:absolute;top:0;left:53%;width:39%;height:590px;margin:0;box-shadow:0 30px 40px #0003}.hero-portrait:before{content:"";position:absolute;inset:80px -40px 0 0;background:var(--gold);z-index:0}.hero-portrait img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1);display:block}.social-rail{position:absolute;z-index:5;left:calc(53% - 56px);top:320px;background:#151515;display:flex;flex-direction:column;width:56px;align-items:center}.social-rail a{color:white;font-size:23px;width:56px;height:62px;display:grid;place-items:center}.social-rail a:hover{background:var(--accent)}.section{max-width:1180px;margin:auto;padding:90px 40px}.eyebrow{font:500 12px/1.5 Montserrat,Arial,sans-serif;letter-spacing:2px;color:var(--accent);margin:0 0 14px;text-transform:uppercase}.section-title{margin-bottom:38px}.story{display:grid;grid-template-columns:.9fr 1fr;gap:85px;align-items:center}.story figure{margin:0;position:relative}.story figure:before{content:"";position:absolute;inset:30px 30px -25px -25px;border:10px solid #e6c786}.story img{width:100%;height:570px;object-fit:cover;filter:grayscale(1);position:relative;display:block}.button{display:inline-flex;align-items:center;gap:28px;border:1px solid currentColor;padding:12px 22px;font:500 12px/1.6 Montserrat,Arial,sans-serif;letter-spacing:2px;transition:.2s}.button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.button b{font-size:22px;font-weight:400}.dark{color:#222}.statement{background:var(--dark);color:white;max-width:none;padding:85px 12%;display:flex;gap:50px;align-items:center;justify-content:space-between}.statement h2{color:white;font-size:38px;letter-spacing:0}.statement a{font-size:12px;letter-spacing:2px;color:var(--gold);white-space:nowrap}.resume-links{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:55px 0 70px}.resume-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:45px;color:var(--accent);padding:20px;background:#fafafa}.resume-links span{font:500 12px Montserrat,Arial,sans-serif;letter-spacing:1px;color:#333;margin-top:15px}.resume-links a:hover{background:#f0e4da}.resume-body{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.resume-body>div>h3{margin-bottom:30px}.credit{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #ddd}.credit>span{font:500 11px Montserrat,Arial,sans-serif;color:var(--accent);padding-top:5px}.credit h3{font-size:21px;letter-spacing:0;margin-bottom:12px}.credit p{font-size:14px;margin:0}.resume-body aside{background:#f5f1e9;padding:35px;align-self:start}.resume-body aside h3{margin-bottom:25px}.resume-body aside p{font-size:14px}.favourite{background:#f5f5f5}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.work-grid>a{position:relative;min-height:470px;overflow:hidden;background:#171717}.work-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);position:absolute;opacity:.75;transition:.3s}.work-grid a:hover img{transform:scale(1.03);opacity:.9}.work-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 75%)}.work-grid a>div{position:absolute;left:35px;bottom:35px;z-index:2;color:white}.work-grid h3{color:white;font-size:30px}.work-grid p{margin:10px 0}.work-grid span{font-size:11px;letter-spacing:2px}.gallery-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:40px}.gallery-intro p{margin:0}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.photo-grid button{border:0;padding:0;background:#eee;position:relative;cursor:pointer;overflow:hidden}.photo-grid img{display:block;width:100%;height:320px;object-fit:cover;filter:grayscale(1);transition:.3s}.photo-grid button:hover img{filter:grayscale(0);transform:scale(1.02)}.photo-grid span{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0004;font-size:45px;opacity:0;transition:.2s}.photo-grid button:hover span{opacity:1}.other-section{background:#f5f1e9;max-width:none;padding-left:max(40px,calc((100vw - 1100px)/2));padding-right:max(40px,calc((100vw - 1100px)/2))}.category-links{display:flex;gap:35px;flex-wrap:wrap}.category-links a{border-bottom:1px solid #555;padding-bottom:5px;font-size:14px}.contact-home{text-align:center}.contact-number{display:block;margin-top:25px;font:400 25px Karla,Arial,sans-serif;color:#222}.closing{background:#191919;color:white;text-align:center;padding:80px 25px}.closing h2{color:white;font-size:35px;letter-spacing:2px}.closing .eyebrow{color:var(--gold)}.closing p{margin-top:20px}.closing .button{margin-top:10px}footer{background:#101010;padding:23px 7%;display:flex;gap:30px;justify-content:space-between;font-size:11px;color:#aaa}.page-section{min-height:600px;padding-top:85px}.page-section>.section-title{padding-bottom:35px;border-bottom:1px solid #ddd}.page-intro{margin-bottom:35px}.page-section .photo-grid{grid-template-columns:1fr 1fr;gap:30px}.page-section .photo-grid img{height:650px;filter:none}.about-page{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-page img{width:100%;max-height:650px;object-fit:cover;filter:grayscale(1)}.phone{display:block;font:700 44px Karla,Arial,sans-serif;color:#222;margin:25px 0}.social-link{display:block;margin-top:35px}.empty-state{padding:45px;background:#f6f6f6}.empty-state>span{font-size:45px;color:var(--accent)}.empty-state h3{margin-bottom:20px}.empty-state p{max-width:600px}.media-card{max-width:680px;padding:35px;border-left:4px solid var(--accent);background:#f6f6f6}.media-card h3{margin-bottom:25px}dialog{background:#fff;border:0;padding:15px;max-width:94vw;max-height:95vh}dialog::backdrop{background:#000e}dialog img{max-height:86vh;max-width:85vw;display:block}.close{position:absolute;right:12px;top:12px;border:0;background:#151515;color:white;width:38px;height:38px;font-size:26px;cursor:pointer}@media(max-width:1050px){nav{gap:17px;font-size:12px}.logo img{width:175px}.hero-copy{left:7%;width:50%}.profession{font-size:18px}.story{gap:45px}.section{padding:70px 35px}.resume-body{gap:40px}.photo-grid img{height:270px}}@media(max-width:780px){header{height:85px;padding:0 6%}.logo img{width:185px}.mobile-toggle{display:block}nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:15px 6% 25px;border-top:3px solid var(--accent);box-shadow:0 10px 15px #0002;max-height:80vh;overflow:auto}nav.open{display:block}nav>a,nav>.dropdown>button{display:flex;width:100%;padding:13px 0;font-size:14px}.dropdown>button{justify-content:space-between}.submenu{position:static;width:100%;box-shadow:none;border:0;background:#f7f7f7;padding:5px 0}.dropdown:hover .submenu,.dropdown:focus-within .submenu{display:none}.dropdown.open .submenu{display:block}.submenu a{padding:10px 20px}.search-panel{top:85px}.hero{height:820px;background:linear-gradient(90deg,#fff 85%,#171717 85%)}.hero-accent{width:100%;height:360px}.hero-copy{left:7%;padding-top:60px;width:90%}.profession{font-size:15px;letter-spacing:1.5px}h1{font-size:clamp(42px,9.5vw,67px);letter-spacing:-2px;line-height:1}.hero-portrait{left:16%;top:275px;width:76%;height:480px}.hero-portrait:before{inset:35px -20px 0 0}.social-rail{left:calc(16% - 45px);top:490px;width:45px}.social-rail a{width:45px;height:55px}.section{padding:60px 7%}.story{grid-template-columns:1fr;gap:60px}.story img{height:470px}.story figure{margin-left:20px}h2{font-size:36px;letter-spacing:2px}.statement{display:block;padding:60px 7%}.statement h2{font-size:29px;margin-bottom:30px}.resume-links{grid-template-columns:1fr 1fr;gap:15px;margin:35px 0 45px}.resume-body{grid-template-columns:1fr;gap:40px}.credit{grid-template-columns:65px 1fr;gap:20px}.credit h3{font-size:20px}.credit>span{font-size:9px}.work-grid{grid-template-columns:1fr}.work-grid>a{min-height:500px}.gallery-intro{display:block}.gallery-intro .button{margin-top:20px}.photo-grid{grid-template-columns:1fr 1fr;gap:15px}.photo-grid img{height:280px}.page-section .photo-grid img{height:350px}.category-links{gap:25px}.closing h2{font-size:28px}.about-page{grid-template-columns:1fr;gap:35px}.about-page img{max-height:500px}.phone{font-size:30px}.empty-state{padding:25px}.empty-state h3{font-size:21px}.page-section{min-height:500px}.media-card{padding:25px}footer{flex-wrap:wrap;gap:15px;font-size:10px}.search-toggle{padding-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:780px){header{justify-content:center}.logo{display:block}.logo img{width:210px;max-width:calc(100vw - 130px)}.mobile-toggle{position:absolute;right:6%;top:50%;transform:translateY(-50%);padding:4px}}

/* Show all portfolio photographs in their original colours. */
.hero-portrait img,.story img,.work-grid img,.photo-grid img,.about-page img{filter:none!important}.work-grid img{opacity:1}
