/*
Theme Name: Arnie — Portrait & Reportage
Theme URI: https://arnie.fr/
Author: Arnie
Description: Minimal editorial photography theme for portrait and documentary commissions in Basel, Zurich and Bern. Original theme, not an export of Squarespace.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: arnie
*/
:root{--bg:#f3f1ec;--ink:#1d1d1b;--muted:#67665f;--line:#d6d3cb;--dark:#151512;--accent:#a74830}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:450;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3.7rem,9vw,9rem);margin-bottom:1.25rem}h2{font-size:clamp(2.7rem,6vw,5rem);margin-bottom:1.3rem}h3{font-size:1.55rem}p{max-width:64ch}.small,.eyebrow,.nav,.button,.meta{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.wrap{width:min(1440px,calc(100% - 7vw));margin:auto}.site-head{position:relative;z-index:3;border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem 0}.brand{font-weight:700;font-size:1.5rem;letter-spacing:-.07em}.nav{display:flex;align-items:center;gap:clamp(.9rem,2vw,2.2rem);flex-wrap:wrap}.nav a{white-space:nowrap}.hero{padding:6.5rem 0 4rem;min-height:72vh;display:flex;align-items:end}.hero p{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.45;max-width:660px}.line{border-top:1px solid var(--line)}.section{padding:7rem 0}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:2.2rem}.section-top h2{margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project{display:block}.project-image{aspect-ratio:4/3;overflow:hidden;background:#d6d1c8}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.025)}.project-image .empty{height:100%;display:grid;place-content:center;color:#666;font-size:.8rem;text-align:center;letter-spacing:.12em;text-transform:uppercase}.project-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.project-meta h3{margin:0}.project-meta .meta{padding-top:.4rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.button{display:inline-block;background:var(--ink);color:#fff;padding:1.08rem 1.4rem;border:1px solid var(--ink)}.button:hover{background:transparent;color:var(--ink)}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.editorial{background:var(--dark);color:#f5f3ee}.editorial .muted{color:#b3b0a9}.editorial .line{border-color:#4a4944}.editorial .button{background:#fff;color:#151512;border-color:#fff}.editorial .button:hover{background:transparent;color:#fff}.city-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.city-links a{padding:2rem 1rem 2rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.5rem,3vw,3.25rem);letter-spacing:-.04em}.city-links span{display:block;font-size:.69rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.45}.contact-form{display:grid;gap:1rem;max-width:710px}.contact-form label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.contact-form input:not([type=checkbox]),.contact-form textarea,.contact-form select{display:block;width:100%;padding:1rem;margin-top:.4rem;background:transparent;border:1px solid #a9a69e;color:var(--ink);border-radius:0;font:inherit}.contact-form textarea{min-height:140px;resize:vertical}.contact-form .consent{display:flex;align-items:start;gap:.8rem;letter-spacing:0;text-transform:none;font-size:.88rem}.contact-form .consent input{margin-top:.35rem}.notice{padding:1rem;border:1px solid var(--line);margin-bottom:1rem}.footer{border-top:1px solid var(--line);padding:3rem 0 2rem}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer a{text-decoration:underline;text-underline-offset:3px}.footer p{margin-bottom:.6rem}.entry-head{padding:6rem 0 3rem}.entry-head h1{font-size:clamp(3rem,7vw,7rem)}.content{padding:3rem 0 6rem}.content h2{font-size:2.5rem;margin-top:2.5rem}.content ul{padding-left:1.3rem}.content li{margin-bottom:.6rem}.portfolio-image{width:100%;max-height:75vh;object-fit:contain;background:#e5e2dc}.mobile-label{display:none}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;background:white;padding:10px;z-index:999}.services-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.service{border-top:1px solid var(--line);padding-top:1.5rem}.pagination{margin-top:3rem}.pagination .page-numbers{margin-right:1rem}.hp{position:absolute!important;left:-99999px!important} @media(max-width:760px){.wrap{width:calc(100% - 36px)}.head-inner{align-items:start;flex-direction:column;gap:.7rem}.nav{font-size:.68rem;gap:1.1rem}.hero{min-height:62vh;padding:4rem 0 3rem}.section{padding:4rem 0}.grid,.split,.services-list{grid-template-columns:1fr}.city-links{grid-template-columns:1fr}.city-links a{padding:1.2rem 0}.section-top{display:block}.project-meta h3{font-size:1.2rem}}
