:root{--header-height:120px}body{max-width:none}p{font-size:18px;line-height:1.8;color:#625e52}h1,h2,h3{text-wrap:balance}h3{line-height:1.25}.header{gap:24px}.brand,.brand img{width:175px}.brand img{height:108px}nav{margin-left:auto;gap:clamp(16px,2.2vw,35px)}nav a{font-size:13px;letter-spacing:.1em}nav a[aria-current=page]:after{right:0}.menu-toggle{display:none}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:var(--ink);color:white;padding:15px}.skip:focus{top:12px}.section{padding:90px 9%;border-top:1px solid var(--rule)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.text-link{display:inline-block;border-bottom:1px solid var(--ochre);padding:10px 0;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.04em;color:var(--ink)}.text-link span{padding-left:12px}.text-link:hover{color:var(--ochre)}.page-hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;align-items:center;gap:6%;padding:50px 7% 70px 9%;border-bottom:1px solid var(--rule)}.page-hero h1{font-size:clamp(43px,4.5vw,68px)}.page-hero .lead{max-width:470px;font-size:21px}.page-hero figure{height:610px;margin:0}.page-hero img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.split{padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--rule)}figure{margin:0}figure img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.split figure img{max-height:720px;object-fit:contain}.split h2{margin-bottom:24px}.split.reverse figure{order:2}.split.reverse>div{order:1}figcaption,.caption{font-family:Arial,sans-serif;font-size:13px;line-height:1.65;color:#736c5e;margin-top:15px} .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.service-grid article{border-top:1px solid var(--rule);padding-top:28px;display:flex;flex-direction:column;align-items:start}.service-grid h3{margin:10px 0 0;font-size:29px}.service-grid p{font-size:17px}.service-grid .text-link{margin-top:auto}.service-grid .eyebrow{margin-bottom:12px}.tone{background:#e8e6da}.invite{text-align:center;background:#e8e6da;padding:85px 24px}.invite h2{font-size:clamp(39px,4.2vw,62px)}.invite .button{margin-top:16px}.reading{max-width:820px;margin:0 auto;padding:75px 35px}.reading h2{font-size:37px;margin:35px 0 20px}.reading h2:first-child{margin-top:0}.reading h3{margin-top:35px}.reading p{font-size:19px;line-height:1.85}.deliverables{list-style:none;padding:0;margin:28px 0}.deliverables li{font-size:18px;padding:15px 0;border-bottom:1px solid var(--rule)}.credits{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;margin-top:45px}.credits>div{border-top:1px solid var(--rule);padding:20px 0}.credits dt{font-size:21px}.credits dd{margin:10px 0 0;font-size:17px;color:#625e52;line-height:1.65}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 50px}.journal-grid img{height:430px;object-fit:cover;object-position:center}.journal-grid .eyebrow{margin-top:25px;margin-bottom:15px}.journal-grid h2{font-size:34px;margin-bottom:20px}.contact-layout{padding:80px 9%;display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.contact-layout h2{font-size:40px}form label{display:block;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;margin-bottom:22px}input,textarea,select{display:block;width:100%;margin-top:8px;background:#fff9;border:1px solid #b7ad9b;border-radius:0;padding:13px;font:16px/1.5 Arial,sans-serif;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--olive);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note,#form-status{font:14px/1.7 Arial,sans-serif}.form-note a{text-decoration:underline}.button{border:0;cursor:pointer;font-size:13px;line-height:1.5}.hero-content{width:65%;padding-top:80px}.hero{min-height:820px}.hero-foot{font-size:12px}footer{padding:35px 0;align-items:start}footer p{font-family:Georgia,serif;font-size:15px;letter-spacing:0;text-transform:none;margin:10px 0}footer a{font-size:12px}.principles{margin-top:50px}.principles p{max-width:none}@media(max-width:1050px){.header{padding:0 4%}.brand,.brand img{width:145px}nav{gap:16px}nav a{letter-spacing:0;font-size:13px}.service-grid{grid-template-columns:1fr 1fr;gap:40px}.page-hero{min-height:560px}.page-hero figure{height:500px}.split{gap:6%;padding:65px 7%}.section{padding:65px 7%}}@media(max-width:760px){:root{--header-height:95px}.header{padding:0 6%}.brand,.brand img{width:145px;height:88px}.menu-toggle{display:block;margin-left:auto;padding:12px 17px;border:1px solid var(--rule);background:var(--paper);font:14px Arial;color:var(--ink)}nav{display:none;position:absolute;top:95px;left:0;right:0;background:var(--paper);padding:20px 7% 30px;border-bottom:1px solid var(--rule);margin:0}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}nav a{font-size:16px;padding:12px}.hero{min-height:820px}.hero-content{width:100%;padding:75px 7% 100px}.hero h1{font-size:51px}.hero-art{opacity:.33;width:130%;height:100%;top:0;mask-image:linear-gradient(90deg,transparent,#000 75%)}.hero-sub{font-size:20px}.page-hero{grid-template-columns:1fr;gap:25px;padding:45px 7%;min-height:0}.page-hero h1{font-size:44px}.page-hero figure{height:390px}.page-hero .lead{font-size:19px}.eyebrow{margin-bottom:20px}.split,.contact-layout{grid-template-columns:1fr;gap:30px;padding:55px 7%}.split.reverse figure,.split.reverse>div{order:initial}.split figure img{max-height:520px}.split h2{font-size:35px}.section-top{align-items:start;flex-direction:column}.credits{grid-template-columns:1fr}.reading{padding:50px 7%}.reading h2{font-size:33px}.reading p{font-size:18px}.journal-grid{grid-template-columns:1fr;gap:50px}.journal-grid img{height:390px}.journal-grid h2{font-size:31px}.invite{padding:60px 7%}.service-grid{gap:35px 24px}.service-grid h3{font-size:25px}.service-grid p{font-size:16px}footer{flex-wrap:wrap;gap:20px}footer>div{width:100%}.hero-foot{font-size:11px}.contact-layout h2{font-size:35px}}@media(max-width:420px){.service-grid,.form-row{grid-template-columns:1fr}.hero h1{font-size:45px}.page-hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Give landscape room views room to breathe; preserve complete image composition. */
.page-hero:has(figure.landscape){grid-template-columns:.85fr 1.25fr;gap:5%}.page-hero figure.landscape{height:auto}.split:has(figure.landscape){grid-template-columns:1.2fr 1fr;gap:6%}.split.reverse:has(figure.landscape){grid-template-columns:1fr 1.2fr}.journal-grid figure img{height:auto;aspect-ratio:4/5;object-fit:contain}.detail-pair{padding:20px 9% 80px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:4%}.detail-pair img{height:520px;object-fit:contain}.detail-band{padding:70px 9%;background:#e8e6da}.detail-band h2{margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.detail-grid img{height:400px;object-fit:contain}.detail-grid figcaption{font-size:14px}@media(max-width:760px){.page-hero:has(figure.landscape),.split:has(figure.landscape),.split.reverse:has(figure.landscape){grid-template-columns:1fr}.detail-pair,.detail-grid{grid-template-columns:1fr;gap:35px}.detail-pair{padding:10px 7% 50px}.detail-pair img{height:auto;max-height:560px}.detail-band{padding:50px 7%}.detail-grid img{height:auto;max-height:420px}}
/* Photography retains true material colours against the illustrated page palette. */
figure.photograph img{mix-blend-mode:normal}

/* Size the whole figure to the visible image, so captions share its edges. */
figure:has(figcaption){--image-max-height:720px;width:min(100%,calc(var(--image-ratio) * var(--image-max-height)));min-width:0;justify-self:center}
.detail-pair figure:has(figcaption){--image-max-height:520px}
.detail-grid figure:has(figcaption){--image-max-height:400px}
figure:has(figcaption) img{width:100%;height:auto;max-height:none;aspect-ratio:auto}
figcaption{width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.split figure:has(figcaption){--image-max-height:520px}.detail-pair figure:has(figcaption){--image-max-height:560px}.detail-grid figure:has(figcaption){--image-max-height:420px}}

/* Personal introduction and the maker's own work. */
.intro-person{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:8%;align-items:center}
.intro-person .ines-portrait{width:100%;max-width:390px;justify-self:center}
.intro-person h2{margin-bottom:24px}.intro-person p{max-width:620px}
.meet-hero{grid-template-columns:1.15fr .85fr;gap:8%}
.meet-hero .ines-portrait{height:auto;max-width:440px;justify-self:center}
.meet-hero .ines-portrait img{height:auto;mix-blend-mode:normal}
.award-story figure{--image-max-height:580px}.origins-story figure{--image-max-height:580px}
/* Overview links stay directly available beside separate submenu controls. */
.nav-group{position:relative;display:flex;align-items:center;gap:3px}
.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:40px;border:0;background:none;color:var(--ink);cursor:pointer;font-size:19px}
.submenu-toggle:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
.submenu-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.submenu{position:absolute;top:100%;left:-20px;min-width:265px;width:max-content;max-width:320px;margin:0;padding:12px 20px;list-style:none;background:var(--paper);border:1px solid var(--rule);box-shadow:0 14px 24px #39392f12;z-index:30}
.submenu[hidden]{display:none}.submenu a{display:block;white-space:normal;font-size:14px;letter-spacing:.025em;text-transform:none;line-height:1.5;padding:12px 0}
.nav-group[data-active=true]>a:after{right:0}
@media(min-width:1051px){nav{gap:clamp(12px,1.6vw,28px)}}
@media(max-width:1050px) and (min-width:761px){.header{padding-inline:3%;gap:12px}.header .brand,.header .brand img{width:125px}nav{gap:10px}nav>a,.nav-group>a{font-size:12px}.submenu-toggle{width:20px}}
@media(max-width:760px){.intro-person,.meet-hero{grid-template-columns:1fr;gap:32px}.intro-person .ines-portrait{max-width:300px}.meet-hero .ines-portrait{max-width:350px;height:auto}.nav-group{flex-wrap:wrap;justify-content:space-between;align-items:center}.nav-group>a{flex:1}.submenu-toggle{width:36px;height:44px}.submenu{position:static;flex-basis:100%;width:100%;min-width:0;max-width:none;padding:0 12px;margin:0 0 12px;box-shadow:none;border:0;border-left:1px solid var(--rule)}.submenu a{font-size:14px;padding:10px 0}nav.open{align-items:start;max-height:calc(100dvh - 95px);overflow-y:auto}}


/* Use the image’s intrinsic ratio so article text and imagery share a left edge. */
.journal-grid figure img{width:100%;height:auto;max-height:none;aspect-ratio:auto}
.journal-grid article{text-align:left;min-width:0}

/* Personal character and the supplied transparent award mark. */
.hero-award{position:absolute;right:5%;bottom:52px;width:clamp(210px,24vw,340px);height:auto;z-index:1}
.hero-content{padding-top:48px;padding-bottom:120px}
.hero h1{font-size:clamp(44px,4.3vw,68px);text-wrap:initial}
.hero{min-height:720px}
#enquiry{scroll-margin-top:calc(var(--header-height) + 24px)}
@media(max-width:760px){.hero{min-height:780px}.hero-content{padding-top:45px;padding-bottom:200px}.hero h1{font-size:clamp(36px,6.5vw,49px)}.hero-award{width:220px;right:6%;bottom:60px}.hero-foot{font-size:10px}}

/* Award follows the approach button in the homepage text column. */
.hero-content .hero-award{position:static;display:block;width:clamp(210px,21vw,290px);height:auto;margin:24px 0 0;}
.hero-content{padding-bottom:60px}
.hero:has(.hero-content .hero-award){min-height:850px}
.button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.hero-content .hero-award{width:220px;margin-top:22px}.hero:has(.hero-content .hero-award){min-height:800px}}