:root{--black:#12110f;--beige:#eee6d8;--paper:#f5eee2;--ochre:#d79a16;--yellow:#f1c329;--muted:#766d60;--line:rgba(18,17,15,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--beige);color:var(--black);font-family:Manrope,Arial,sans-serif}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo-slot{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:500 13px "DM Mono",monospace;letter-spacing:.08em}.logo-slot img{display:block;max-height:43px;max-width:175px}.sun{width:16px;height:16px;border-radius:50%;background:var(--ochre);box-shadow:0 0 0 4px var(--yellow)}
.nav-link,.under-link{color:inherit;text-decoration:none;font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.nav-link span{margin-left:12px;font-size:16px}
.hero{min-height:550px;padding:87px 0 70px;display:flex;flex-direction:column;justify-content:space-between}.kicker{margin:0;color:var(--muted);font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.06em}h1{margin:26px 0;font-size:clamp(70px,11.7vw,152px);line-height:.79}em{color:var(--ochre);font-weight:500}
.hero-head{display:flex;align-items:center;justify-content:space-between;gap:2rem}.hero-head .hero-logo{display:block;width:clamp(260px,29vw,420px)!important;height:auto!important;max-height:280px!important;object-fit:contain;flex:0 0 auto}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-bottom p{width:280px;margin:0;color:#514a40;font-size:14px;line-height:1.7}.under-link{border-bottom:1px solid var(--black);padding-bottom:8px}.under-link span{margin-left:24px;font-size:17px}
.portfolio{padding:95px 0 75px;background:var(--black);color:var(--beige);overflow:hidden}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-title .kicker{color:#a99d8c}.section-title h2{margin:15px 0 0;font-size:52px;line-height:.9}.section-title>p{max-width:230px;margin:0;color:#a99d8c;font-size:12px;line-height:1.6}.book-wrap{perspective:2100px}.book{height:min(39vw,490px);min-height:390px;display:flex;position:relative;background:#d8c9b5;box-shadow:0 28px 55px rgba(0,0,0,.39)}.book:after{content:"";position:absolute;z-index:30;top:0;bottom:0;left:50%;width:6px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.24),rgba(0,0,0,.2))}.left-page{width:50%;position:relative;padding:28px;color:var(--black);background:linear-gradient(115deg,#e8ddcd,#d2c0a8)}.left-page span{color:#766957;font:10px "DM Mono",monospace;letter-spacing:.13em}.left-page p{position:absolute;bottom:27px;width:210px;margin:0;font:20px/1.3 "Playfair Display",serif}.right-page{width:50%;position:relative;perspective:1500px}.page{position:absolute;inset:0;padding:28px;overflow:hidden;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;background:var(--paper);color:var(--black);box-shadow:-8px 0 18px rgba(0,0,0,.12);transition:transform .8s cubic-bezier(.62,.02,.16,1),box-shadow .8s}.page.turned{transform:rotateY(-179.8deg);pointer-events:none;box-shadow:13px 0 20px rgba(0,0,0,.18)}.cover{color:var(--beige);background:linear-gradient(135deg,#2b2823,#11100e 73%)}.cover:before,.end:before{content:"";position:absolute;inset:13px;border:1px solid rgba(241,195,41,.48)}.cover>div{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center}.cover .kicker{color:var(--yellow)}.cover h3,.end h3{margin:17px 0;font-size:clamp(43px,5.4vw,71px);line-height:.78}.cover div>p:last-of-type{margin:0;color:#bbb0a1;font-size:12px}.cover small,.end>small{position:absolute;right:0;bottom:0;color:var(--yellow);font:10px "DM Mono",monospace}.work{padding:0;background:#292622}.work img{display:block;width:100%;height:100%;object-fit:cover}.caption{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;align-items:start;gap:15px;color:var(--beige);background:linear-gradient(transparent,rgba(0,0,0,.78));font:10px "DM Mono",monospace;letter-spacing:.07em}.caption>span{color:var(--yellow)}.caption b,.caption small{display:block}.caption b{margin-bottom:4px;font:500 17px "Playfair Display",serif;letter-spacing:0}.end{display:flex;flex-direction:column;justify-content:center;background:#ddc79a}.end h3{font-size:clamp(31px,4.2vw,53px);line-height:.9}.end a{position:relative;color:inherit;border-bottom:1px solid var(--black);padding-bottom:8px;text-decoration:none;font:500 10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.end a span{margin-left:19px;font-size:15px}.controls{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:29px}.controls button{width:43px;height:43px;border:1px solid rgba(238,230,216,.4);border-radius:50%;color:var(--beige);background:transparent;cursor:pointer;font-size:18px;transition:.2s}.controls button:hover:not(:disabled){color:var(--black);background:var(--yellow);border-color:var(--yellow)}.controls button:disabled{opacity:.28;cursor:not-allowed}.counter{min-width:158px;text-align:center;color:var(--beige);font:11px "DM Mono",monospace;letter-spacing:.08em}.counter i{display:inline-block;width:27px;height:1px;margin:0 9px 3px;background:#7f7567}.counter small{display:block;margin-top:8px;color:#a99d8c;font-size:9px;text-transform:uppercase}
.about{display:grid;grid-template-columns:100px 1fr .78fr;gap:30px;align-items:start;padding:145px 0}.about>span{color:var(--ochre);font:11px "DM Mono",monospace}.about-copy h2{margin:18px 0 28px;font-size:clamp(39px,5vw,64px);line-height:.94}.about-copy>p:last-child{max-width:430px;margin:0;color:#524b42;font-size:14px;line-height:1.8}.artist-photo{margin:0;aspect-ratio:4/5;overflow:hidden;background:#d8c9b5}.artist-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08);transition:filter .3s ease,transform .4s ease}.artist-photo:hover img{filter:grayscale(15%) contrast(1.03);transform:scale(1.03)}
footer{padding:67px 0 26px;background:#191714;color:var(--beige)}.footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:76px}.footer-main .kicker{color:#aaa092}.email{display:inline-block;margin-top:17px;color:var(--beige);text-decoration:none;font:clamp(27px,4vw,49px)/1 "Playfair Display",serif;letter-spacing:-.04em}.booking-note{margin:17px 0 0}.booking-note a{color:var(--yellow);font:10px "DM Mono",monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.socials{display:grid;min-width:185px;align-content:start;gap:12px}.socials a{display:flex;justify-content:space-between;border-bottom:1px solid #5c554b;padding-bottom:10px;color:var(--beige);text-decoration:none;font:11px "DM Mono",monospace}.socials a span{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #464037;padding-top:21px;color:#938a7e;font:9px "DM Mono",monospace;letter-spacing:.1em}
@media(max-width:680px){.container{width:calc(100% - 32px)}.header{height:70px}.hero{min-height:500px;padding:65px 0 48px}.hero h1{font-size:clamp(61px,19vw,100px)}.hero-head{gap:1rem}.hero-head .hero-logo{width:130px!important;max-height:130px!important}.hero-bottom,.section-title,.footer-main{align-items:flex-start;flex-direction:column}.portfolio{padding:70px 0 56px}.section-title h2{font-size:43px}.section-title>p{margin-top:20px}.book{height:119vw;min-height:430px}.left-page,.book:after{display:none}.right-page{width:100%}.page{transform-origin:center bottom}.page.turned{transform:translateY(-2%) rotateX(179deg)}.about{grid-template-columns:1fr;gap:25px;padding:90px 0}.about>span{display:none}.artist-photo{max-width:420px}.footer-main{padding-bottom:55px}.footer-bottom{font-size:8px}.cover h3{font-size:55px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
