*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#100F0D;color:#F2EFE7;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6}
a{color:#F2EFE7;text-decoration:none}a:hover{color:#A39D8F}
[hidden]{display:none!important}
.ribbon{font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.1em;text-align:center;background:#F2EFE7;color:#100F0D;padding:6px 12px}
.ribbon a{color:#100F0D;text-decoration:underline}
.hd{position:sticky;top:0;z-index:50;background:rgba(16,15,13,.96);border-bottom:1px solid #2A2723;backdrop-filter:blur(8px)}
.hd-in{max-width:1100px;margin:0 auto;padding:16px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.brand{font:500 15px 'EB Garamond',serif;letter-spacing:.22em}
.hd-nav{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:13px}
.muted{color:#A39D8F}
.hd-cta{border:1px solid #F2EFE7;padding:9px 18px;transition:background .3s,color .3s}
.hd-cta:hover{background:#F2EFE7;color:#100F0D}
.wrap{max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.hero{padding:clamp(28px,6vw,60px) 0 clamp(24px,5vw,48px)}
.kicker{font:11px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#A39D8F}
h1{margin:12px 0 0;font:400 clamp(36px,7vw,54px)/1.1 'EB Garamond',serif;text-wrap:pretty}
.sub{margin:12px 0 0;font-size:14px;line-height:1.65;color:#A39D8F;max-width:520px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 34px}
.btn-solid{display:inline-block;background:#F2EFE7;color:#100F0D;padding:14px 26px;font-size:14px;border:0;cursor:pointer;font-family:inherit;transition:background .35s}
.btn-solid:hover{background:#D8D4C8;color:#100F0D}
.btn-line{display:inline-block;border:1px solid #4A463F;color:#F2EFE7;padding:13px 25px;font-size:14px;transition:border-color .35s}
.btn-line:hover{border-color:#F2EFE7;color:#F2EFE7}
.hero-img{width:100%;height:auto;display:block;border:1px solid #2A2723}
.hero-cap{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between}
.cap{font:italic 14px 'EB Garamond',serif;color:#A39D8F}
.tag{font:10px ui-monospace,Menlo,monospace;color:#D9B96A;background:#1C1812;border:1px solid #4a3c1e;padding:2px 7px}
.tag.block{display:inline-block;margin-top:18px;padding:6px 8px;max-width:360px}
.sec{padding:clamp(24px,5vw,48px) 0;border-top:1px solid #2A2723}
.sec-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:baseline;margin-bottom:8px}
h2{margin:0;font:400 clamp(24px,4vw,32px) 'EB Garamond',serif;font-weight:400}
.h2-sm{font-size:clamp(22px,3.5vw,28px)}
.label{font:11px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#A39D8F}
.note{margin:0 0 26px;font-size:13px;color:#A39D8F;max-width:560px;line-height:1.65}
.u{text-decoration:underline}
.masonry{columns:3 260px;column-gap:26px}
.work{margin:0 0 26px;break-inside:avoid;cursor:zoom-in}
.work img{width:100%;height:auto;display:block;border:1px solid #2A2723;transition:transform .5s cubic-bezier(.22,.61,.21,1),box-shadow .5s cubic-bezier(.22,.61,.21,1)}
.work:hover img{transform:translateY(-6px);box-shadow:0 30px 56px -26px rgba(0,0,0,.85)}
.work figcaption{margin-top:8px;display:flex;flex-direction:column;gap:2px}
.w-title{font:italic 14px 'EB Garamond',serif;color:#F2EFE7}
.w-meta{font-size:11px;color:#A39D8F}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.slot{background:repeating-linear-gradient(45deg,#171613 0 12px,#1D1B17 12px 24px);border:1px solid #2A2723;display:flex;align-items:center;justify-content:center}
.slot span{font:10px ui-monospace,Menlo,monospace;color:#A39D8F;text-align:center;padding:0 12px}
.portrait{aspect-ratio:4/5;max-width:280px}
.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.body{margin:0;font-size:14px;line-height:1.75;color:#C9C4B8}
.ig{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:baseline;justify-content:space-between}
.inquire{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;padding-bottom:clamp(40px,7vw,72px)}
.form{display:flex;flex-direction:column;gap:16px}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}
input,select,textarea{width:100%;font-family:inherit;font-size:16px;color:#F2EFE7;border:0;border-bottom:1px solid #4A463F;background:transparent;padding:10px 0;outline:none;transition:border-color .3s}
input:focus,select:focus,textarea:focus{border-bottom-color:#F2EFE7}
input.invalid,textarea.invalid{border-bottom-color:#C96F3F}
select{color:#C9C4B8}select option{color:#100F0D}
::placeholder{color:#6E6A61}
textarea{resize:vertical}
.form-note{margin:0;font-size:13px;line-height:1.7;color:#D9B96A;opacity:0;transition:opacity .4s}
.form-note.show{opacity:1}
.ft{border-top:1px solid #2A2723}
.ft-in{max-width:1100px;margin:0 auto;padding:18px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:12px;color:#6E6A61}
#lightbox{position:fixed;inset:0;z-index:70;background:rgba(5,5,4,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,4vw,48px);animation:fadeIn .25s ease both}
#lightbox img{max-width:100%;max-height:76vh;box-shadow:0 12px 60px rgba(0,0,0,.7);animation:riseIn .35s cubic-bezier(.22,.61,.21,1) both}
.lb-cap{margin-top:14px;font:italic 15px 'EB Garamond',serif;color:#D8D4C8;text-align:center}
.lb-btns{margin-top:16px;display:flex;gap:12px}
.lb-btns button{padding:11px 20px;font-size:13px;cursor:pointer;background:transparent;border:1px solid #6E6A61;color:#D8D4C8;font-family:inherit;transition:border-color .3s}
.lb-btns button:hover{border-color:#D8D4C8}
.lb-btns .lb-close{background:#F2EFE7;border:0;color:#100F0D}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Visible only when the trusted Moortekweb portal initializes review mode. */
.mw-review-enabled [data-mw-id]{position:relative;outline:1px dashed transparent;outline-offset:6px;transition:outline-color .2s,box-shadow .2s}
.mw-review-enabled [data-mw-id]:hover{outline-color:#d8b15b;box-shadow:0 0 0 8px rgba(216,177,91,.08);cursor:crosshair}
.mw-review-enabled [data-mw-id].mw-selected{outline:3px solid #d8b15b;box-shadow:0 0 0 9px rgba(216,177,91,.13)}
.mw-review-enabled [data-mw-id].mw-selected:after{content:'Selected for feedback';position:absolute;z-index:65;top:8px;right:8px;padding:5px 8px;border-radius:999px;background:#d8b15b;color:#171816;font:700 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}

/* photography bridge — exact port of the ChatGPT commissions section Roberto picked (.photography-bridge, #d8b15b ochre) */
.pb{background:#d8b15b;color:#171816;border-top:0;margin:clamp(24px,5vw,48px) calc(-1*clamp(16px,4vw,40px));padding:clamp(3.5rem,8vw,5.5rem) clamp(1rem,4vw,2.25rem)}
.pb-kicker{margin:0 0 1rem;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.68rem;line-height:1.2;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.pb-h2{margin:0;font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;font-size:clamp(2.35rem,6vw,5rem);font-weight:400;line-height:.98;letter-spacing:-.045em;text-wrap:pretty}
.pb-lede{margin:1rem 0 0;max-width:36rem;font-size:1rem;line-height:1.55;color:#171816}
.pb-cells{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;align-items:end}
.pb-cells>div{min-height:18rem;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;border:1px solid #2f2a1f;background:repeating-linear-gradient(135deg,rgba(47,42,31,.12) 0,rgba(47,42,31,.12) 1px,transparent 1px,transparent 18px)}
.pb-cells span{font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;font-size:1.25rem}
.pb-cells small{font-size:.64rem}
.pb-link{margin:1.5rem 0 0;font-size:.84rem;font-weight:700}
.pb a{color:#171816}
.pb a:hover{color:#3a3121}
