:root{--paper:#e7e3d2;--ink:#302f25;--moss:#78795e;--pale:#f3efe2;--line:#bbb9a2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ba803c;outline-offset:4px}.skip{position:absolute;left:-100vw}.skip:focus{left:1rem;background:white;z-index:9}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;gap:24px}.brand{font:500 23px/1 Arial,sans-serif;letter-spacing:-1.7px}.nav{display:flex;gap:clamp(18px,2.7vw,48px);align-items:center}.nav a,.micro,.cta,.switch button,.menu{font:500 10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.nav a:hover,.foot a:hover{text-decoration:underline;text-underline-offset:5px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid currentColor;padding:13px 18px;background:transparent;color:inherit}.cta:hover{background:var(--ink);color:var(--paper)}.menu{display:none}.hero{height:clamp(510px,66vh,750px);position:relative;display:grid;place-items:center;text-align:center;color:#f7f1de;background:#565747;isolation:isolate;overflow:hidden}.hero img,.plate img,.work img,.work video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.68) contrast(.82) brightness(.96)}.hero img{position:absolute;inset:0;z-index:-3;object-position:center 52%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#312c2482,#332e237a 55%,#423d2f60),radial-gradient(ellipse at 72% 16%,#e3cf9c40,transparent 58%)}.hero h1,.section-title,.intro h2,.about h2{font-weight:400;text-transform:uppercase;letter-spacing:.075em;line-height:1.12;margin:0}.hero h1{font-size:clamp(35px,4.65vw,78px);text-shadow:0 1px 18px #30271b44}.hero p{font:italic clamp(17px,1.55vw,24px)/1.5 Georgia,serif;margin:12px 0 26px}.hero .cta{background:#ede7d43a;backdrop-filter:blur(4px);border-color:#f2ead49c}.hero .cta:hover{background:var(--paper);color:var(--ink)}.intro,.about{display:grid;grid-template-columns:1fr 1fr}.intro{background:var(--moss);color:var(--pale)}.intro-copy,.about-copy{padding:clamp(50px,7vw,115px);align-self:center}.intro h2,.about h2,.section-title{font-size:clamp(26px,2.6vw,45px)}.intro-copy p,.about-copy p{max-width:37ch;margin:20px 0 25px}.textlink{border-bottom:1px solid;padding-bottom:4px;font-size:13px}.plate{min-height:400px;position:relative;overflow:hidden}.plate img{position:absolute;inset:0}.work{padding:clamp(55px,7vw,108px) 6%}.work-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.switch{display:flex;gap:18px}.switch button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:var(--ink)}.switch button[aria-pressed=true]{border-color:var(--ink)}.work-body{display:grid;grid-template-columns:1.65fr 1fr;background:#d8d5c2}.work-media{height:clamp(280px,30vw,470px);position:relative;overflow:hidden}.work-media video{position:absolute;inset:0}.work-text{align-self:center;padding:40px 12%}.work-text h3{font:normal clamp(30px,3.8vw,62px)/1.05 Georgia,serif;margin:12px 0}.work-text p{max-width:32ch}.about{background:#393c30;color:var(--pale)}.about .plate{min-height:360px}.price{padding:65px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.price h2{font:normal clamp(24px,3vw,44px) Georgia,serif;margin:0}.price p{margin:6px 0 0}.foot{display:flex;justify-content:space-between;align-items:center;padding:34px 5%;font-size:13px;gap:20px}
@media(max-width:800px){header{height:60px;padding:0 6%;position:relative;z-index:4}.brand{font-size:20px}.menu{display:block;border:0;background:none;color:inherit;padding:10px 0}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:24px 6%;align-items:flex-start}.nav.open{display:flex;flex-direction:column}header>.cta{margin-left:auto;font-size:9px;padding:8px 10px}.hero{height:73svh;min-height:450px;max-height:720px}.hero h1{font-size:clamp(31px,7.4vw,53px)}.intro,.about,.work-body{grid-template-columns:1fr}.intro-copy,.about-copy{padding:50px 8%}.plate,.about .plate{min-height:270px}.work{padding:50px 6%}.work-head,.price{align-items:flex-start;flex-direction:column}.work-text{padding:32px 7%}.foot{flex-wrap:wrap}.work-media{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}

:root{--paper:#d9d6bf;--pale:#f2edda;--moss:#77785d;--ink:#32372b}
body{background:#eeebdf}header{height:54px;background:var(--paper);padding-inline:4%}
.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.06em;font-size:26px}
.cta{border-radius:30px;padding:10px 20px;letter-spacing:.09em}
.hero{height:auto;aspect-ratio:2.75;min-height:385px;max-height:680px}
.hero h1{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-weight:400;letter-spacing:-.077em;font-size:clamp(68px,8vw,140px);line-height:1}
.hero h1 span{font-weight:400;letter-spacing:-.13em}.hero p{font:400 11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;margin:12px 0 24px}
.hero img{filter:saturate(.55) contrast(.82) brightness(.82)}.hero:after{background:linear-gradient(90deg,#2d31273b,#353b2e59,#43372333),radial-gradient(ellipse at 65% 10%,#eddbb547,transparent 65%)}
.studio-note{background:#797b61;color:#f6f0df;text-align:center;padding:55px 8% 59px}
.studio-note h2{font:400 clamp(30px,3.7vw,62px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}
.studio-note p{margin:0 auto;max-width:43ch;font:16px/1.55 Georgia,serif}
.intro{background:#dedac6;color:var(--ink);grid-template-columns:46% 54%}
.intro-copy,.about-copy{padding:clamp(42px,6.5vw,100px)}
.intro h2,.about h2,.section-title{font:400 clamp(30px,3.3vw,56px)/1.1 Georgia,serif;text-transform:none;letter-spacing:-.045em}
.intro .plate{min-height:375px}.work{background:#ebe8d9}.work-body{background:#d7d5bf}.switch button{border:1px solid #a3a48d;border-radius:22px;padding:8px 13px}.switch button[aria-pressed=true]{background:#4b503f;color:#f6f2df}.switch{gap:7px}
.about{background:#414938}.price{background:#d9d6bf}.foot{background:#333c2f;color:#edead9}
@media(max-width:800px){header{height:55px}.hero{aspect-ratio:auto;height:69svh;min-height:430px}.hero h1{font-size:clamp(62px,16vw,100px)}.intro{grid-template-columns:1fr}.studio-note{padding:40px 9%}.intro .plate{min-height:235px}.hero .cta{font-size:9px}}


/* The dash from the wordmark doubles as the studio signature. */
.hero h1 { display:inline-flex; align-items:baseline; }
.hero h1 span { display:inline-block; color:#e4cfa5; transform-origin:center; }
.hero .signature { position:absolute; bottom:24px; inset-inline:4%; display:flex;
  align-items:center; justify-content:space-between; font:italic 16px/1 Georgia,serif; }
.signature::before { content:""; position:absolute; left:52px; right:52px;
  top:50%; height:1px; background:linear-gradient(90deg,#f5ebd082,transparent 35%,transparent 65%,#f5ebd082); }
.work-text .micro { display:inline-flex; align-items:center; gap:10px; }
.work-text .micro::before { content:""; width:30px; height:2px; background:#77785d; }
@keyframes sign { from { transform:scaleX(.18); opacity:.25; } to { transform:scaleX(1); opacity:1; } }
@media(prefers-reduced-motion:no-preference) {
  .hero h1 span { animation:sign 1.3s cubic-bezier(.19,1,.22,1) both; }
}

.hero h1 b {font-weight:inherit;display:inline-block}
.hero h1 {overflow:hidden;padding:.1em .09em .12em;margin:-.1em -.09em -.12em}
@keyframes word-rise {from {transform:translateY(115%) rotate(5deg)} to {transform:none}}
@keyframes light-pass {from {transform:translateX(-38%);opacity:0} 35% {opacity:.8} to {transform:translateX(38%);opacity:0}}
@keyframes section-arrival {from {opacity:.15;transform:translateY(24px)} to {opacity:1;transform:none}}
@keyframes image-travel {from {transform:translateY(-4%) scale(1.11)} to {transform:translateY(4%) scale(1.11)}}
@media(prefers-reduced-motion:no-preference){
 .hero h1 b {animation:word-rise 1.05s cubic-bezier(.18,.82,.21,1) both}
 .hero h1 b:last-child {animation-delay:.16s}
 .hero::before {content:"";position:absolute;inset:-12%;pointer-events:none;z-index:-1;background:linear-gradient(112deg,transparent 28%,#f4e3be33 47%,transparent 66%);animation:light-pass 4.3s ease-in-out both}
 .arriving {animation:section-arrival .85s cubic-bezier(.2,.78,.3,1) both}
 @supports(animation-timeline:view()){
   .plate img {animation:image-travel linear both;animation-timeline:view()}
 }
}

.sub {background:#ebe8d9}
.sub h1,.sub h2,.sub h3 {font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:1.04}
.sub h1 {font-size:clamp(48px,5.9vw,96px);margin:.3em 0}
.sub h2 {font-size:clamp(35px,4.5vw,70px);margin:0 0 22px}
.sub p {max-width:48ch}
.subhero,.feature,.questions {display:grid;grid-template-columns:1fr 1fr;align-items:center}
.subcopy,.feature-copy,.questions,.catalog,.service-intro {padding:clamp(38px,6vw,96px)}
.subhero {background:#d9d6bf}
.subhero .portrait {align-self:stretch;min-height:clamp(370px,39vw,620px);overflow:hidden}
.portrait img {display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.85)}
.portrait {position:relative}.portrait img{position:absolute;inset:0}
.subcopy p {margin-bottom:28px}
.feature {padding:clamp(45px,6vw,95px) 5%;grid-template-columns:1.35fr 1fr}
.feature-copy {padding:clamp(26px,4vw,68px)}
.feature .micro,.catalog .micro,.subcopy .micro {display:block;margin-bottom:18px}
.conceptshot {border:0;background:#d8d4be;display:block;width:100%;padding:0;position:relative;cursor:zoom-in}
.conceptshot img {display:block;width:100%;height:auto}
.conceptshot span {position:absolute;right:15px;bottom:15px;border-radius:30px;padding:6px 14px;background:#f5f1e6;color:#33392e;font-size:12px}
.questions {background:#434d3b;color:#f5f0dd;gap:8%;align-items:start}
.questions details {border-top:1px solid #a1a994;padding:16px 0}
.questions summary {font:20px Georgia,serif;cursor:pointer}
.questions details p {margin-bottom:0}
.sub dialog {max-width:min(95vw,1150px);padding:12px;border:0;background:#ebe8d9}
.sub dialog::backdrop{background:#191d17dd}
.sub dialog img {display:block;max-height:76vh;max-width:100%;object-fit:contain;margin:auto}
.sub dialog button {display:block;margin:0 0 8px auto}
.service-intro{background:#72765b;color:#fff8e4}
.catalog article {display:grid;grid-template-columns:1.1fr 1.2fr .65fr;gap:5%;border-top:1px solid #b2b39a;padding:32px 0;align-items:start}
.catalog h2{font-size:clamp(30px,3.1vw,50px)}
.catalog p {margin:0 0 18px}.amount{font:30px Georgia,serif}
.nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:no-preference){.subhero h1,.service-intro h1 {animation:section-arrival .8s ease-out both}}
@media(max-width:800px){.subhero,.feature,.questions,.catalog article{grid-template-columns:1fr}.questions{gap:18px}.feature-copy{padding:32px 0 0}.subhero .portrait{min-height:270px}.catalog article{gap:6px}.catalog h2{margin-bottom:10px}}