@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Inter:wght@300;400&display=swap');

:root{--paper:#f6f2e8;--paper2:#ebe4d5;--ink:#1f1c18;--muted:#756d61;--line:rgba(31,28,24,.18);--side:44px;--font-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--font-sans:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-serif);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.side-index{position:fixed;inset:0 auto 0 0;width:var(--side);z-index:20;background:rgba(250,247,239,.92);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:16px 0;backdrop-filter:blur(8px)}.spine-logo{display:block;width:21px;height:84px;margin-bottom:18px}.spine-logo svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.vertical-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-sans);font-weight:300;font-size:11px;letter-spacing:.08em}.vertical-nav a{padding:8px 0;opacity:.78}.vertical-nav a:hover{opacity:1}.site-main{margin-left:var(--side)}
.panel{min-height:100vh;position:relative;overflow:hidden;padding:clamp(42px,6vw,90px);isolation:isolate}.panel::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,var(--paper),var(--paper2))}.panel::after{display:none}.hero-panel{padding-top:clamp(18px,2.3vw,32px)}.hero-copy{position:relative;z-index:5;max-width:760px}.eyebrow,.section-kicker{font:300 11px/1.2 var(--font-sans);letter-spacing:.20em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.hero-copy h1{font-family:var(--font-serif);font-size:clamp(64px,11.6vw,170px);line-height:.82;letter-spacing:.012em;margin:0 0 20px;font-weight:300}.hairline{width:90px;height:1px;background:var(--ink);opacity:.55;margin:18px 0 40px}.hero-copy h2{font-family:var(--font-serif);font-size:clamp(34px,5.4vw,84px);line-height:.93;font-weight:300;max-width:640px;margin:0 0 22px}.hero-copy p:not(.eyebrow){font-size:clamp(18px,1.75vw,27px);line-height:1.42;max-width:590px;color:#373129;font-weight:300}
.bg-layer{position:absolute;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;mix-blend-mode:multiply;filter:grayscale(.08) contrast(.96) saturate(.86);opacity:.42;z-index:1;-webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.72) 58%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.72) 58%,transparent 78%)}.hero-panel .bg-layer{z-index:1}.bg-daisies{left:-9%;top:-12%;width:74%;height:54%;background-image:url('/assets/img/daisies.jpg');opacity:.48;mix-blend-mode:screen;filter:saturate(.78) contrast(.92) brightness(1.12);-webkit-mask-image:radial-gradient(ellipse at 30% 22%,#000 0 34%,rgba(0,0,0,.56) 56%,transparent 76%);mask-image:radial-gradient(ellipse at 30% 22%,#000 0 34%,rgba(0,0,0,.56) 56%,transparent 76%)}.bg-mechanical{top:0;right:-7%;width:58%;height:58%;background-image:url('/assets/img/mechanical-face.jpg');opacity:.46;background-position:center top;-webkit-mask-image:radial-gradient(ellipse at 62% 24%,#000 0 42%,rgba(0,0,0,.62) 61%,transparent 82%);mask-image:radial-gradient(ellipse at 62% 24%,#000 0 42%,rgba(0,0,0,.62) 61%,transparent 82%)}.bg-score{left:23%;top:22%;width:48%;height:50%;background-image:url('/assets/img/circular-score.jpg');background-size:contain;opacity:.22;transform:rotate(-4deg);-webkit-mask-image:radial-gradient(circle at 48% 50%,#000 0 44%,rgba(0,0,0,.42) 64%,transparent 82%);mask-image:radial-gradient(circle at 48% 50%,#000 0 44%,rgba(0,0,0,.42) 64%,transparent 82%)}.bg-figure{right:2%;top:21%;width:38%;height:72%;background-image:url('/assets/img/mood-figure.jpg');background-size:contain;background-position:center top;opacity:.36;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 72%,transparent 100%)}.hero-panel::before{background:linear-gradient(115deg,var(--paper),var(--paper2))}.hero-panel::after{display:none!important}
.content-panel{display:grid;align-items:center}.section-block{position:relative;z-index:5;max-width:670px}.section-block.wide{max-width:760px}.section-block.offset-right{margin-left:auto;margin-right:8vw}.section-block h2{font-family:var(--font-serif);font-size:clamp(60px,10vw,142px);font-weight:300;line-height:.86;letter-spacing:.01em;margin:0 0 30px}.section-block p{font-size:clamp(21px,2.2vw,36px);line-height:1.22;margin:0 0 22px;font-weight:300}.meta{font:300 13px var(--font-sans)!important;letter-spacing:.10em;text-transform:uppercase;color:var(--muted)}.text-link{display:inline-block;margin-top:12px;font:300 12px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:8px}.item-list{border-top:1px solid var(--line);max-width:640px;background:linear-gradient(90deg,rgba(246,242,232,.52),rgba(246,242,232,.12));backdrop-filter:blur(1px)}.item{display:grid;grid-template-columns:1fr auto;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}.item span{font-family:var(--font-serif);font-size:clamp(26px,3.2vw,46px);line-height:1.02;font-weight:300}.item em{font:300 14px var(--font-sans);color:var(--muted);font-style:normal}
.bg-fog{inset:-4% -10% -4% 34%;background-image:url('/assets/img/fog-creature.jpg');opacity:.38;background-position:center;-webkit-mask-image:radial-gradient(ellipse at 58% 52%,#000 0 44%,rgba(0,0,0,.52) 63%,transparent 84%);mask-image:radial-gradient(ellipse at 58% 52%,#000 0 44%,rgba(0,0,0,.52) 63%,transparent 84%)}.bg-tree{inset:-3% -4% -4% 31%;background-image:url('/assets/img/faces-tree.jpg');opacity:.34;background-size:contain;background-position:center right;-webkit-mask-image:radial-gradient(ellipse at 66% 50%,#000 0 48%,rgba(0,0,0,.52) 68%,transparent 86%);mask-image:radial-gradient(ellipse at 66% 50%,#000 0 48%,rgba(0,0,0,.52) 68%,transparent 86%)}.bg-sigils{inset:4% -2% 0 39%;background-image:url('/assets/img/mood-sigils.jpg');opacity:.30;background-size:contain;background-position:center right;-webkit-mask-image:radial-gradient(ellipse at 62% 46%,#000 0 43%,rgba(0,0,0,.48) 64%,transparent 84%);mask-image:radial-gradient(ellipse at 62% 46%,#000 0 43%,rgba(0,0,0,.48) 64%,transparent 84%)}.bg-archive{inset:-6% -6% -6% 26%;background-image:url('/assets/img/mood-archive.jpg');opacity:.31;background-position:center;-webkit-mask-image:radial-gradient(ellipse at 60% 52%,#000 0 47%,rgba(0,0,0,.46) 67%,transparent 87%);mask-image:radial-gradient(ellipse at 60% 52%,#000 0 47%,rgba(0,0,0,.46) 67%,transparent 87%)}.bg-spine{right:-2%;top:2%;width:52%;height:94%;background-image:url('/assets/img/mood-spine.jpg');opacity:.31;background-size:contain;background-position:center right;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 74%,transparent 100%)}
.call-panel::before,.testi-panel::before,.note-panel::before,.noi-panel::before,.projects-panel::before{background:linear-gradient(115deg,var(--paper),var(--paper2))}
.footer{position:absolute;left:clamp(42px,6vw,90px);right:clamp(42px,6vw,90px);bottom:22px;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:22px;justify-content:space-between;font:300 12px var(--font-sans);color:var(--muted);letter-spacing:.05em;z-index:5}.single-page,.archive-page{background:#fbfaf5;overflow:hidden}.single-page::before,.archive-page::before{background:#fbfaf5!important}.single-page::after,.archive-page::after{display:block;content:"";position:absolute;top:0;right:0;bottom:0;width:clamp(170px,22vw,310px);z-index:1;pointer-events:none;background:url('/assets/img/0da7f7553253124390f5cf4d2917e918.jpg') center right/cover no-repeat;opacity:1;mix-blend-mode:normal}.single-inner,.archive-inner{position:relative;z-index:5;max-width:820px;margin:0 auto 0 clamp(24px,8vw,128px);padding-top:10vh;padding-left:0;padding-right:clamp(24px,3vw,46px);background:transparent;border:0;backdrop-filter:none}.single-inner h1,.archive-inner h1{font-family:var(--font-serif);font-size:clamp(56px,8vw,120px);line-height:.9;font-weight:300;margin:0 0 28px}.single-body,.prose{font-size:22px;line-height:1.55;font-weight:300}.archive-item{display:block;border-top:1px solid var(--line);padding:28px 0}.archive-item span{display:block;font-family:var(--font-serif);font-size:36px;line-height:1.02;font-weight:300}.archive-item em,.archive-item p{color:var(--muted);font-style:normal;font:300 15px var(--font-sans)}
@media(max-width:760px){:root{--side:38px}.panel{padding:36px 24px}.hero-copy h1{font-size:54px}.bg-figure{opacity:.16;width:66%;right:-18%}.bg-mechanical{width:92%;opacity:.20;right:-30%}.bg-score{left:4%;width:86%;opacity:.14}.bg-daisies{width:120%;opacity:.30}.section-block.offset-right{margin-left:0}.item{display:block}.item em{display:block;margin-top:8px}.footer{position:relative;left:auto;right:auto;bottom:auto;display:block;margin-top:60px}.footer span{display:block;margin:8px 0}.single-page::after,.archive-page::after{width:96px;opacity:.82}.single-inner,.archive-inner{margin-left:0;max-width:calc(100% - 72px);padding-right:18px}}