@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper: #f5efe6;--paper-strong: #fbf8f4;--ink: #171310;--ink-soft: #544b44;--gold: #bfa484;--gold-soft: rgba(191, 164, 132, .22);--line: rgba(23, 19, 16, .14);--line-strong: rgba(23, 19, 16, .28);--panel: rgba(255, 255, 255, .58);--shadow-soft: 0 18px 60px rgba(28, 22, 16, .08);--shadow-deep: 0 28px 120px rgba(28, 22, 16, .12);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 20px;--content-width: min(1160px, calc(100vw - 48px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top center,rgba(255,255,255,.92),transparent 30%),linear-gradient(135deg,rgba(191,164,132,.1),transparent 32%),linear-gradient(180deg,var(--paper-strong),var(--paper));font-family:Cormorant Garamond,Georgia,serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#ffffff42,#ffffff42),repeating-linear-gradient(135deg,rgba(191,164,132,.04) 0,rgba(191,164,132,.04) 2px,transparent 2px,transparent 24px);mix-blend-mode:multiply}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{position:relative;isolation:isolate}.app-shell{width:var(--content-width);margin:0 auto;padding:28px 0 40px;position:relative}.ambient{position:fixed;inset:auto;width:34vw;height:34vw;border-radius:50%;filter:blur(70px);opacity:.3;pointer-events:none;z-index:-1}.ambient--left{top:5%;left:-10%;background:#bfa4842e}.ambient--right{bottom:5%;right:-8%;background:#ffffff8c}.site-header,.site-nav,.button,.eyebrow,.hero__meta-card,.project-card__top,.project-tag,.project-card__link,.detail-list,.site-footer,.marquee{font-family:IBM Plex Mono,Courier New,monospace}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 0 30px}.brand{display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;font-size:.78rem;letter-spacing:.22em}.brand__line,.site-footer__divider{width:50px;height:1px;background:var(--line-strong)}.site-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.site-nav a{color:var(--ink-soft)}.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:42px;align-items:center;padding:30px 0 48px}.eyebrow{margin:0 0 14px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.hero h1,.section__heading h2{margin:0;line-height:.92;letter-spacing:-.04em;font-size:clamp(3.2rem,7vw,6.3rem);font-weight:600}.hero__summary,.panel p,.contact__panel p{margin:24px 0 0;color:var(--ink-soft);line-height:1.55;font-size:clamp(1.18rem,2vw,1.42rem);max-width:37rem}.hero__actions,.contact__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:var(--shadow-soft)}.button--primary{color:var(--paper-strong);background:linear-gradient(135deg,var(--ink),#2c231c)}.button--ghost{background:#ffffff73}.hero__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.hero__meta-card,.hero__card,.project-card,.panel,.contact__panel{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}.hero__meta-card{display:grid;gap:8px;padding:18px 18px 20px;border-radius:18px;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.hero__meta-card a{font-size:.82rem;color:var(--ink);word-break:break-word}.hero__meta-label{color:var(--ink-soft)}.hero__visual{position:relative;min-height:620px}.hero__card{border-radius:var(--radius-xl)}.hero__card:before,.project-card:before,.panel:before,.contact__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 30%);pointer-events:none}.hero__card--back{position:absolute;top:10%;right:6%;bottom:6%;left:16%;background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 38%),linear-gradient(160deg,#bfa48438,#ffffff1f);transform:rotate(-6deg);box-shadow:var(--shadow-deep)}.hero__card--front{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:24px;padding:34px}.hero__sigil{width:min(100%,420px);padding:16px;border-radius:24px;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 55%),linear-gradient(180deg,#fffc,#ffffff7a);box-shadow:inset 0 0 0 1px #1713100f}.hero__card p{max-width:26rem;text-align:center;margin:0;color:var(--ink-soft);font-size:1.12rem;line-height:1.5}.marquee{overflow:hidden;margin:4px 0 34px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--ink-soft)}.marquee__track{display:flex;gap:48px;width:max-content;animation:drift 28s linear infinite}.marquee__track span:after{content:"•";margin-left:48px;color:var(--gold)}.section{padding:44px 0}.section__heading{display:grid;gap:10px;margin-bottom:28px}.section__heading h2{font-size:clamp(2.25rem,4.3vw,3.8rem)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;min-height:390px;padding:28px;border-radius:var(--radius-lg);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.project-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:var(--shadow-deep)}.project-card--obsidian{background:linear-gradient(180deg,#ffffff9e,#ffffff70),radial-gradient(circle at top left,rgba(23,19,16,.08),transparent 40%)}.project-card--parchment{background:linear-gradient(180deg,#ffffffb8,#f8efe48a),radial-gradient(circle at top right,rgba(191,164,132,.12),transparent 45%)}.project-card--compass{background:linear-gradient(180deg,#ffffffa3,#ffffff7a),radial-gradient(circle at center,rgba(191,164,132,.1),transparent 52%)}.project-card__top{display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;font-size:.73rem;letter-spacing:.14em;color:var(--ink-soft)}.project-card h3{margin:24px 0 0;font-size:2.2rem;font-weight:600;line-height:.95}.project-card p{margin:16px 0 0;color:var(--ink-soft);line-height:1.5;font-size:1.14rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:10px;margin:auto 0 26px;padding-top:28px}.project-tag{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.project-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.project-card__arrow{color:var(--gold)}.atelier__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.panel,.contact__panel{border-radius:var(--radius-lg);padding:30px}.detail-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.detail-list li{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.detail-list li span:last-child{color:var(--ink-soft);text-align:right}.contact__panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.site-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding-top:18px;color:var(--ink-soft);text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-33%)}}@media(max-width:1040px){.hero,.atelier__grid,.contact__panel,.project-grid{grid-template-columns:1fr}.hero__visual{min-height:540px;order:-1}}@media(max-width:720px){:root{--content-width: min(100vw - 28px, 100%)}.site-header{flex-direction:column;align-items:flex-start}.hero__meta{grid-template-columns:1fr}.hero__visual{min-height:460px}.hero__card--back{top:10%;right:6%;bottom:8%;left:10%}.project-card,.panel,.contact__panel{border-radius:var(--radius-md)}}
