:root{color-scheme:dark;--ink:#121212;--paper:#f1eee7;--mocha:#bc9a87;--muted:#aaa7a1;--line:#35332f;--gutter:clamp(22px,5.4vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mocha);outline-offset:6px}::selection{background:var(--mocha);color:var(--ink)}.wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1800px;margin-inline:auto}.skip{position:fixed;top:-70px;left:20px;padding:10px;background:var(--paper);color:var(--ink);z-index:99}.skip:focus{top:10px}
.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px var(--gutter);border-bottom:1px solid var(--line);position:sticky;top:0;background:#121212f5;backdrop-filter:blur(12px);z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-weight:800;font-size:18px;letter-spacing:-.04em;line-height:1.02}.brand img{display:block;object-fit:contain;filter:invert(1)}.brand-bottom{display:block;font-size:12px;letter-spacing:.16em;font-weight:400;margin-top:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:14px}.header nav a{padding-block:8px}.header nav a:hover{color:var(--mocha)}.contact-link{border-bottom:1px solid var(--paper);display:flex;gap:38px}.menu{display:none;color:var(--paper);border:0;background:none;padding:10px 0;min-height:44px}.eyebrow,.small-label{font-size:12px;letter-spacing:.075em;line-height:1.4;font-weight:500}.eyebrow{margin:0}.small-label{color:var(--muted)}
.hero{padding-top:38px;padding-bottom:58px}.hero-top{display:flex;justify-content:space-between;gap:20px;color:#c5c1b9}.hero h1{font-size:clamp(66px,9.1vw,160px);font-weight:800;letter-spacing:-.065em;line-height:.92;margin:53px 0 35px;max-width:1450px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em;color:var(--mocha)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{font-size:17px;line-height:1.55;max-width:440px;color:#c5c1b9}.hero-caption{font-size:12px;letter-spacing:.08em;align-self:flex-end;padding-bottom:19px;text-align:right}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--paper);color:var(--ink);padding:16px 23px;border-radius:100px;min-height:56px;font-size:15px;white-space:nowrap;border:1px solid var(--paper);transition:background .2s,transform .2s}.pill span{font-size:23px;line-height:1}.pill:hover{background:var(--mocha);border-color:var(--mocha);transform:translateY(-3px)}.statement-strip{display:flex;justify-content:space-around;gap:24px;padding:21px var(--gutter);background:var(--mocha);color:var(--ink);font-size:clamp(12px,1.5vw,22px);font-weight:700;letter-spacing:-.025em;border-block:1px solid var(--mocha)}
.work{padding-top:98px;padding-bottom:95px}.section-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:33px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:clamp(38px,4.3vw,74px);line-height:1.06;font-weight:500;letter-spacing:-.045em;margin:0}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.section-intro>p{max-width:380px;color:var(--muted);margin:0 0 5px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.concept{background:#282724;color:var(--paper)}.concept summary{list-style:none;cursor:pointer;min-height:460px;display:flex;flex-direction:column;padding:25px;position:relative;overflow:hidden}.concept summary::-webkit-details-marker{display:none}.concept-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.05em;gap:10px}.concept-top>span{font-size:24px;line-height:16px;transition:transform .2s}.concept[open] .concept-top>span{transform:rotate(45deg)}.poster-text{font-size:clamp(34px,4.25vw,73px);font-weight:800;letter-spacing:-.065em;line-height:1.01;margin-block:auto;padding:52px 0;transition:transform .35s}.poster-text em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.08em}.concept:hover .poster-text{transform:translateX(5px)}.concept-footer{display:flex;flex-direction:column;gap:13px;font-size:15px;line-height:1.4}.concept-type{font-size:12px;letter-spacing:.065em}.concept-one{background:#e6e1d6;color:#161616}.concept-two{background:#92745f;color:#fff9ef}.concept-three{background:#282825}.concept-content{padding:0 25px 24px;border-top:1px solid currentColor}.concept-content p{font-size:16px;line-height:1.6}.honesty-note{font-size:14px;color:var(--muted);margin:20px 0 0;max-width:790px}
.offers{background:var(--paper);color:var(--ink);padding-block:96px}.offers .small-label,.offers .section-intro>p{color:#625d54}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #c9c4ba}.offer{padding:36px 28px 27px;display:flex;flex-direction:column;position:relative}.offer+.offer{border-left:1px solid #c9c4ba}.offer.featured{background:#e1d4c7}.offer-flag{font-size:12px;letter-spacing:.06em;position:absolute;top:-25px;left:-1px;right:-1px;height:25px;background:#24201c;color:var(--paper);text-align:center;padding:4px 8px}.offer h3{font-size:27px;line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:22px 0 12px}.price{font-size:58px;line-height:1;letter-spacing:-.065em;margin:0 0 24px}.price span{font-size:14px;letter-spacing:0;color:#686056;margin-left:9px;white-space:nowrap}.offer-description{color:#514b43;font-size:16px;margin:0;min-height:80px}.offer ul{padding:22px 0 22px 18px;margin:0;font-size:15px;line-height:1.5}.offer li{padding-left:1px;margin-bottom:9px}.offer li::marker{font-size:10px}.offer-fine{font-size:13px;line-height:1.5;color:#5d554b;margin:0 0 20px}.text-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aaa295;padding-top:19px;font-size:15px;margin-top:auto;gap:15px}.text-link span{font-size:24px}.text-link:hover{color:#80543b}.offer-note{color:#625d54;font-size:14px;max-width:950px;line-height:1.6;margin:24px 0 0}
.process{padding-block:96px}.process h2{max-width:900px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:52px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.process-grid article>span{color:var(--mocha);font-size:14px}.process-grid h3{font-size:24px;letter-spacing:-.04em;font-weight:400;line-height:1.2;margin:22px 0 15px}.process-grid p{color:var(--muted);margin:0;max-width:370px}.studio{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:68px 92px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-label{display:flex;flex-direction:column;justify-content:space-between}.location{font-size:12px;line-height:1.7;color:var(--muted);letter-spacing:.03em}.studio-copy>p{font-size:20px;line-height:1.6;letter-spacing:-.015em;max-width:790px;color:#c5c1b9}.studio-copy>p:first-of-type{margin-top:35px}.founder{margin-top:35px;display:flex;flex-direction:column;gap:7px}.founder strong{font-size:18px;font-weight:400}.founder span{font-size:12px;letter-spacing:.09em;color:var(--mocha)}.closing{padding-block:80px 84px}.closing .eyebrow{color:var(--mocha)}.closing h2{font-size:clamp(64px,9.4vw,150px);line-height:.96;letter-spacing:-.065em;font-weight:800;margin:28px 0 36px}.closing h2 em{color:var(--mocha)}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:29px}.footer p{font-size:14px;color:var(--muted)}.footer>span{font-size:12px;letter-spacing:.03em;color:var(--muted)}
.contact-main{min-height:75vh;padding-block:70px 100px}.back{display:inline-block;font-size:14px;color:var(--muted);padding:5px 0;margin-bottom:45px}.contact-main h1{font-size:clamp(64px,8.5vw,128px);line-height:.98;letter-spacing:-.06em;margin:25px 0 50px;font-weight:500}.contact-main h1 em{color:var(--mocha);font-family:Georgia,'Times New Roman',serif;font-weight:400}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid>p{font-size:20px;color:var(--muted);max-width:540px;margin:0}.contact-status{border-top:1px solid var(--line);padding-top:24px}.contact-status h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}.contact-status p{color:var(--muted);max-width:510px}.contact-location{font-size:14px;color:var(--mocha);margin-top:30px;display:block}
@media(min-width:1600px){.hero h1{font-size:155px}.concept summary{min-height:550px}.poster-text{font-size:75px}}
@media(max-width:1050px){.header nav{gap:22px}.hero-caption{display:none}.concept summary{padding:22px;min-height:400px}.offer{padding:30px 21px 24px}.offer h3{font-size:25px}.offer-description{min-height:100px}.price{font-size:50px}.footer p{display:none}.process-grid{gap:28px}.studio{grid-template-columns:.7fr 2fr}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{padding-block:17px}.brand{font-size:16px}.brand img{width:40px;height:40px}.brand-bottom{font-size:12px}.menu{display:block}.menu span{margin-left:15px;font-size:20px}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);padding:10px var(--gutter) 28px;border-bottom:1px solid var(--line);align-items:stretch;gap:6px;flex-direction:column}.header nav.is-open{display:flex}.header nav a{padding-block:10px;font-size:16px}.contact-link{margin-top:6px}.hero{padding-top:28px;padding-bottom:39px}.hero-top{gap:16px}.hero-top span{font-size:12px;max-width:140px}.hero-top span:last-child{text-align:right}.hero h1{font-size:clamp(53px,11.8vw,89px);margin:45px 0 22px;line-height:.98}.hero-bottom{align-items:start;flex-direction:column;gap:10px}.hero-bottom p{font-size:16px;margin:5px 0 17px;max-width:410px}.pill{font-size:15px;padding:14px 21px}.statement-strip{justify-content:space-between;gap:20px;font-size:12px;padding-block:16px;line-height:1.4}.statement-strip span{max-width:120px}.work{padding-block:62px}.section-top{margin-bottom:25px}.section-top .small-label{display:none}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:24px;max-width:500px}.concept-grid{grid-template-columns:1fr;gap:20px}.concept summary{padding:25px;min-height:420px}.poster-text{font-size:clamp(57px,13vw,85px);padding-block:40px;max-width:500px}.concept-footer{font-size:16px}.honesty-note{line-height:1.6}.offers{padding-block:62px}.offer-grid{grid-template-columns:1fr;gap:0;border:0}.offer{border:1px solid #c9c4ba;padding:31px 26px}.offer+.offer{border:1px solid #c9c4ba;margin-top:24px}.offer.featured{margin-top:48px}.offer h3{font-size:30px}.offer-description{min-height:0;max-width:430px}.offer ul{padding-block:25px}.price{font-size:57px}.process{padding-block:62px}.process-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.process-grid article{padding-top:20px}.process-grid h3{margin:15px 0 12px}.process-grid p{max-width:500px}.studio{display:block;padding-block:48px 62px}.studio-label{margin-bottom:30px}.location{display:none}.studio-copy>p{font-size:18px}.closing{padding-block:62px}.closing h2{font-size:clamp(54px,12vw,88px);line-height:1}.footer{align-items:start;padding-block:25px;flex-direction:column}.footer>span{margin-left:2px}.contact-main{padding-top:35px;padding-bottom:60px}.contact-main h1{font-size:clamp(55px,11.5vw,80px)}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid>p{font-size:18px}}
.instagram-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:10px}.instagram-link:hover{color:var(--mocha)}.instagram-contact{margin-top:20px}.footer{flex-wrap:wrap}
.brand-bottom{letter-spacing:.07em}.hero h1{font-size:clamp(60px,8.4vw,145px)}.hero-caption{max-width:180px;line-height:1.5}.hero-bottom p{max-width:490px}.header nav{gap:24px}
@media(max-width:760px){.hero h1{font-size:clamp(42px,10.7vw,81px)}.header{gap:16px}.brand-bottom{font-size:12px;letter-spacing:.025em}.header nav{gap:6px}}
.sample-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:90px 0 30px;padding-top:38px;border-top:1px solid var(--line)}.sample-heading h3{font-size:clamp(37px,4vw,66px);line-height:1.02;letter-spacing:-.05em;font-weight:500;margin:17px 0 0}.sample-heading h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--mocha)}.sample-heading>p{max-width:390px;color:var(--muted);margin:0 0 7px}.sample-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.sample-card{grid-column:span 4;min-height:390px;padding:26px;border:1px solid var(--line);color:var(--ink);background:var(--paper);text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.sample-card:hover{transform:translateY(-8px) rotate(-.35deg);box-shadow:0 28px 70px #0006;border-color:var(--mocha)}.sample-card.mocha{background:#92745f;color:#fff9ef}.sample-card.dark{background:#252522;color:var(--paper)}.sample-number{align-self:flex-end;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1;color:#a59e93}.sample-card.mocha .sample-number{color:#decbbf}.sample-tag{font-size:12px;letter-spacing:.07em;font-weight:700;margin:30px 0 22px;color:#775b4d}.sample-card.mocha .sample-tag,.sample-card.dark .sample-tag{color:#f0dccc}.sample-card strong{font-size:clamp(24px,2vw,34px);line-height:1.05;letter-spacing:-.045em;font-weight:500}.sample-meta{margin-top:auto;padding-top:28px;border-top:1px solid currentColor;opacity:.55;font-size:12px;letter-spacing:.065em}.sample-action{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:12px;letter-spacing:.07em;font-weight:700}.sample-action b{font-size:23px;font-weight:400}.sample-modal{width:min(900px,calc(100% - 32px));max-height:92vh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 40px 100px #000b}.sample-modal::backdrop{background:#090909d9;backdrop-filter:blur(9px)}.sample-modal[open]{animation:modal-in .28s ease-out}.sample-modal-shell{padding:clamp(28px,5vw,64px);position:relative}.sample-close{position:sticky;top:0;z-index:2;margin-left:auto;display:flex;align-items:center;gap:12px;border:1px solid #9c958a;background:var(--paper);color:var(--ink);padding:9px 13px;font-size:12px;letter-spacing:.07em;cursor:pointer}.sample-close span{font-size:24px;line-height:1}.sample-close:hover{background:var(--mocha)}.sample-modal-tag{color:#775b4d;margin:20px 0 16px}.sample-modal h2{font-size:clamp(42px,6vw,80px);line-height:.96;max-width:760px}.sample-modal-summary{font-size:18px;line-height:1.6;color:#625d54;max-width:680px;margin:24px 0 0}.sample-modal-content{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.75;color:#3e3933;margin-top:38px;padding-top:34px;border-top:1px solid #c9c4ba}.sample-modal-content h3{font-family:Arial,Helvetica,sans-serif;font-size:27px;line-height:1.15;letter-spacing:-.035em;color:var(--ink);margin:40px 0 12px}.sample-modal-content li{margin-bottom:10px}.sample-note{font-family:Arial,Helvetica,sans-serif;background:#ded7cc;padding:13px 15px;color:#684b3d;font-size:12px;letter-spacing:.07em;font-weight:700}.modal-open{overflow:hidden}@keyframes modal-in{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1050px){.sample-card{grid-column:span 6}.sample-heading{align-items:start;flex-direction:column;gap:18px}.sample-heading>p{max-width:540px}}
@media(max-width:760px){.sample-heading{margin-top:64px;padding-top:30px}.sample-card{grid-column:span 12;min-height:340px;padding:24px}.sample-card strong{font-size:30px}.sample-modal{width:calc(100% - 18px);max-height:96vh}.sample-modal-shell{padding:23px}.sample-modal h2{font-size:42px}.sample-modal-summary{font-size:16px}.sample-modal-content{font-size:17px}.sample-close{top:0}}
.concept-card{font:inherit;width:100%;border:0;list-style:none;cursor:pointer;min-height:460px;display:flex;flex-direction:column;padding:25px;position:relative;overflow:hidden;text-align:left}.concept-card .concept-top>span{transition:transform .25s}.concept-card:hover .concept-top>span{transform:translate(3px,-3px)}
@media(min-width:1600px){.concept-card{min-height:550px}}
@media(max-width:1050px){.concept-card{padding:22px;min-height:400px}}
@media(max-width:760px){.concept-card{padding:25px;min-height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}