/* Vanilla CSS build: no Figma Make or Tailwind runtime required. */

:root{--midnight:#141922;--plum:#343041;--sage:#A8B8AF;--brass:#C0AA8B;--parchment:#EFE8DD;--paper:#eee5d7;--ink:#22242b;--muted:#6c6a69;--line:#b5a996;--ease:cubic-bezier(.2,.8,.25,1)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--parchment);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #7b5e3e;outline-offset:4px}::selection{background:var(--brass);color:#141922}
    .paper-texture{background-color:var(--parchment);background-image:radial-gradient(ellipse 34% 45% at 1% 30%,rgba(164,135,94,.16),transparent 90%),radial-gradient(ellipse 52% 26% at 97% 4%,rgba(142,114,83,.10),transparent 90%),radial-gradient(ellipse 56% 35% at 58% 90%,rgba(178,151,109,.12),transparent 88%),repeating-linear-gradient(90deg,transparent 0,rgba(94,75,55,.013) 1px,transparent 2px,transparent 8px)}
    .grain{pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.20;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.77' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.22' filter='url(%23n)'/%3E%3C/svg%3E")}
    .frame{width:min(1370px,calc(100% - 102px));margin:auto}.topline{height:35px;background:#20232a;color:#e2d8c8;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.25em;text-transform:uppercase}.topline span{opacity:.74}.topline b{font-weight:400;color:var(--brass);margin:0 16px}
    .nav{border-bottom:1px solid rgba(94,77,57,.22);position:relative;z-index:15;background:rgba(239,232,221,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-content{display:flex;height:88px;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-seal{display:grid;place-items:center;border:1px solid #787062;border-radius:50%;height:43px;width:43px;position:relative}.brand-seal:after{content:'';position:absolute;inset:4px;border:1px dotted rgba(107,87,66,.56);border-radius:50%}.brand-seal svg{width:25px;height:25px;stroke:#434248}.brand-word{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:-.055em}.brand-word em{font-style:normal;color:#787264}.brand-label{letter-spacing:.32em;font-size:8px;display:block;margin-top:4px;color:#786b60;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:37px;margin-left:auto}.nav-links a{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#484443;transition:color .25s}.nav-links a:hover{color:#926a40}.nav-cta{white-space:nowrap;border:1px solid #7d715f;background:transparent;padding:16px 18px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;transition:background .25s,color .25s}.nav-cta:hover{background:var(--ink);color:#f7eee1}.mobile-toggle{display:none;align-items:center;justify-content:center;border:1px solid #b2a48e;background:transparent;width:43px;height:43px;font-size:22px}
    .hero{min-height:790px;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:'';position:absolute;inset:24px 34px 32px;pointer-events:none;border:1px solid rgba(116,95,74,.25);z-index:-1}.hero:after{content:'';position:absolute;inset:33px 43px 41px;pointer-events:none;border:1px solid rgba(116,95,74,.08);z-index:-1}.hero-shell{position:relative;min-height:790px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:85px 0 105px}.corner{position:absolute;width:64px;height:64px;pointer-events:none;stroke:rgba(91,79,72,.36);stroke-width:1;fill:none}.corner.a{top:38px;left:42px}.corner.b{top:38px;right:42px;transform:rotate(90deg)}.corner.c{bottom:46px;left:42px;transform:rotate(-90deg)}.corner.d{bottom:46px;right:42px;transform:rotate(180deg)}
    .calligraphy-ghost{position:absolute;top:-2%;right:-9%;width:min(780px,58vw);height:720px;opacity:.095;z-index:-1;transform:rotate(16deg);pointer-events:none}.calligraphy-ghost svg{width:100%;height:100%}.hero::selection{background:var(--sage)}
    .eyebrow{display:flex;align-items:center;justify-content:center;gap:19px;color:#655f59;font-size:10px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:25px;font-weight:600}.eyebrow:before,.eyebrow:after{content:'';height:1px;width:66px;background:linear-gradient(90deg,transparent,#9f8e76)}.eyebrow:after{transform:scaleX(-1)}
    .seal-center{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:10px;opacity:.82;color:#9c7650}.seal-center:before,.seal-center:after{content:'✦';font-family:Georgia,serif;font-size:11px;color:#b79970}.seal-center svg{width:34px;height:34px}
    .signature-wrap{position:relative;width:min(1040px,100%);margin:0 auto}.signature-svg{display:block;width:100%;height:auto;overflow:visible}.signature-shadow{fill:#342b29;opacity:.007}.signature-main{fill:#22232a;filter:url(#inkEdge)}.ink-front{position:absolute;top:22%;left:3%;width:8%;height:53%;border-radius:45%;background:radial-gradient(ellipse at 50% 50%,rgba(44,35,33,.29),rgba(48,43,41,.12) 23%,transparent 70%);mix-blend-mode:multiply;filter:blur(15px);opacity:0;pointer-events:none}.writing-stroke{fill:none;stroke:#6e5a49;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1180;stroke-dashoffset:1180;opacity:.65}
    .tagline{margin:-4px auto 0;color:#514c4a;font:italic clamp(22px,2.6vw,34px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:.015em;clip-path:inset(0 100% 0 0);width:max-content;max-width:100%}.small-stars{color:#887867;font-size:14px;letter-spacing:19px;margin-top:28px;opacity:0}.hero-desc{margin:34px auto 0;max-width:545px;font-size:13px;line-height:2;color:#655f5a;opacity:0;transform:translateY(12px)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:31px;margin-top:32px;opacity:0;transform:translateY(12px)}.btn-dark{display:inline-flex;align-items:center;gap:33px;background:var(--midnight);color:#f3e9dc;border:1px solid var(--midnight);padding:17px 25px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;transition:background .3s,transform .3s}.btn-dark:hover{transform:translateY(-2px);background:#383341}.btn-link{font-size:10px;text-transform:uppercase;letter-spacing:.2em;border:0;border-bottom:1px solid #7f766b;padding:12px 0 10px;background:transparent;color:#474542;transition:color .2s}.btn-link:hover{color:#986c42}
    .hero-side{position:absolute;left:71px;top:52%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:#887969}.hero-side-right{left:auto;right:71px}.hero-bottom{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.hero-bottom span{font-size:9px;letter-spacing:.25em;color:#877b6c;text-transform:uppercase}.hero-bottom svg{width:18px;stroke:#786b60;animation:hint 2.8s ease-in-out infinite}
    .replay{position:absolute;right:62px;bottom:63px;z-index:6;border:0;background:none;color:#75685b;font-size:10px;letter-spacing:.1em;display:flex;align-items:center;gap:9px;transition:color .2s}.replay:hover{color:#2f2f32}.replay svg{width:15px;height:15px}
    body.playing #title-reveal{animation:writeTitle 3.8s .58s cubic-bezier(.2,.01,.72,1) both}body.playing .ink-front{animation:inkTrace 3.7s .67s linear both}body.playing .writing-stroke{animation:drawFlourish 1.45s 3.7s ease-out both}body.playing .eyebrow{animation:softRise .7s .22s both}body.playing .seal-center{animation:softRise .9s .4s both}body.playing .tagline{animation:tagReveal 1.5s 3.55s ease-out both}body.playing .small-stars{animation:fadeOnly 1.15s 4.1s both}body.playing .hero-desc{animation:riseIn 1s 4.45s both}body.playing .hero-actions{animation:riseIn 1s 4.65s both}
    @keyframes writeTitle{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes inkTrace{0%{left:3%;opacity:0}7%{opacity:.9}88%{opacity:.75}100%{left:92%;opacity:0}}@keyframes drawFlourish{to{stroke-dashoffset:0}}@keyframes softRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOnly{to{opacity:1}}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}@keyframes tagReveal{to{clip-path:inset(0 0 0 0)}}@keyframes hint{50%{transform:translateY(7px)}}
    .rule-band{display:flex;align-items:center;justify-content:center;gap:20px;padding:30px 22px;border-top:1px solid rgba(112,93,71,.26);border-bottom:1px solid rgba(112,93,71,.26);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#645e55}.rule-band:before,.rule-band:after{content:'';height:1px;flex:1;max-width:160px;background:linear-gradient(90deg,transparent,#a29179)}.rule-band:after{transform:scaleX(-1)}.rule-band .diamond{font-family:Georgia,serif;color:#9b7952;font-size:16px}
    .section{padding:118px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:56px}.minor{display:flex;align-items:center;gap:12px;color:#867359;font-size:10px;letter-spacing:.27em;text-transform:uppercase;font-weight:700}.minor:before{content:'✦';font-size:15px}.section-heading h2,.section-title{margin:19px 0 0;font:400 clamp(41px,5vw,72px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.055em;max-width:760px}.section-heading h2 em,.section-title em{color:#8a7159;font-weight:400}.section-lede{color:#777067;line-height:1.95;font-size:13px;max-width:350px;margin:0 0 5px}
    .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{border:1px solid #c2b6a5;background:rgba(252,246,237,.34);padding:37px 32px 31px;min-height:435px;position:relative;transition:transform .4s var(--ease),background .4s,border-color .4s}.service-card:hover{transform:translateY(-6px);background:rgba(255,250,243,.6);border-color:#9f8565}.service-card:before{content:'';position:absolute;inset:8px;border:1px solid rgba(150,128,102,.16);pointer-events:none}.service-num{font-family:Georgia,serif;font-style:italic;color:#988265;font-size:15px;letter-spacing:.03em}.service-etching{height:162px;margin:9px auto 29px;display:flex;align-items:center;justify-content:center;color:#645a51}.service-etching svg{width:100%;max-height:157px;transition:transform .5s var(--ease)}.service-card:hover .service-etching svg{transform:translateY(-5px)}.service-card h3{font:400 27px/1.25 Georgia,serif;letter-spacing:-.04em;margin:0 0 12px}.service-card p{font-size:12px;line-height:1.92;color:#777168;margin:0 0 20px}.service-tag{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#907653;display:block;margin-top:auto}.service-card{display:flex;flex-direction:column}
    .dark-section{background:var(--midnight);color:#efe8dd;position:relative;overflow:hidden}.dark-section:before{content:'';position:absolute;inset:0;opacity:.13;background:radial-gradient(ellipse 35% 55% at 4% 15%,#7b645b,transparent 90%),radial-gradient(ellipse 36% 70% at 90% 80%,#8ca39b,transparent 90%)}.dark-section .frame{position:relative}.dark-section .minor{color:var(--brass)}.dark-section .section-title em{color:var(--sage)}.dark-section .section-lede{color:#bbb5b0}.dark-section .section-heading{margin-bottom:48px}.folio-label{position:absolute;right:0;top:0;font-size:10px;letter-spacing:.23em;color:#b5a18b}
    .work-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:22px}.work-card{border:1px solid rgba(192,170,139,.3);background:#1d2430;overflow:hidden}.work-art{min-height:300px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 60% 20%,rgba(168,184,175,.13),transparent 60%),#1c222c}.work-art.secondary{background:radial-gradient(ellipse at 44% 26%,rgba(149,117,148,.17),transparent 60%),#24232c}.work-art svg{width:93%;height:300px}.work-stamp{position:absolute;top:24px;left:26px;font-size:9px;letter-spacing:.22em;color:#d6cbb7;text-transform:uppercase;border:1px solid #5a5a5b;padding:10px 12px}.work-info{padding:28px 32px;border-top:1px solid rgba(192,170,139,.25)}.work-info h3{font:400 28px Georgia,serif;letter-spacing:-.04em;margin:0 0 9px}.work-info p{font-size:12px;color:#aeb3b5;line-height:1.8;margin:0}.work-disclaimer{font-size:11px;color:#aeb2b4;line-height:1.8;margin-top:25px}
    .philosophy{padding:127px 0 115px}.philosophy-layout{display:grid;grid-template-columns:.42fr .58fr;gap:80px;align-items:center}.philosophy-art{min-height:350px;display:grid;place-items:center;position:relative}.philosophy-art svg{width:100%;max-width:400px;height:auto}.philosophy-content blockquote{margin:27px 0;color:#2c2c31;font:400 clamp(35px,4vw,58px)/1.27 Georgia,serif;letter-spacing:-.04em}.philosophy-content blockquote em{color:#8f7962}.philosophy-content p{font-size:13px;line-height:2;color:#726f68;max-width:510px}.philosophy-art:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#a6b4ac66,transparent 66%);filter:blur(30px)}
    .contact{padding:102px 0 109px;border-top:1px solid #c6b8a3;text-align:center;background:linear-gradient(160deg,rgba(192,170,139,.13),transparent 49%),var(--parchment)}.contact h2{font:400 clamp(48px,5.4vw,77px)/1.2 Georgia,serif;letter-spacing:-.05em;margin:21px 0 18px}.contact h2 em{color:#8b7259}.contact p{margin:0 auto 28px;line-height:1.9;font-size:13px;color:#706a63;max-width:530px}.contact .btn-dark{margin:auto}
    footer{background:var(--midnight);color:#e8dfd2;padding:36px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font:24px Georgia,serif}.footer-note{font-size:10px;color:#b0aca7;letter-spacing:.13em;text-transform:uppercase}.footer-links{display:flex;gap:23px;color:#ccc0b0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
    .scroll-reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}
    .dialog-backdrop{position:fixed;inset:0;background:rgba(20,25,34,.74);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}.dialog-backdrop.open{display:flex}.dialog{background:#efe8dd;color:#26252b;max-width:590px;width:100%;position:relative;border:1px solid #7e705f;padding:41px;box-shadow:0 23px 80px #08080e66}.dialog:before{content:'';position:absolute;inset:8px;border:1px solid #bfb19c;pointer-events:none}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:none;font-size:27px;color:#3c3430}.dialog h3{font:400 39px Georgia,serif;margin:18px 0 12px}.dialog p{font-size:13px;line-height:1.9;color:#6a655e}.dialog label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin:25px 0 10px}.dialog textarea{display:block;resize:vertical;min-height:125px;width:100%;padding:15px;background:#f6eee4;border:1px solid #bba994;color:#26252b}.dialog .btn-dark{margin-top:18px}.dialog-note{font-size:11px!important}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#20242c;color:#f3eadd;z-index:130;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s}.toast.show{opacity:1}
    @media(max-width:1000px){.frame{width:min(100% - 66px,1200px)}.nav-links{gap:19px}.nav-cta{padding:15px}.hero-side{left:50px}.hero-side-right{right:50px}.hero{min-height:730px}.hero-shell{min-height:730px}.hero:before{inset:20px 20px 25px}.hero:after{inset:28px 28px 33px}.corner.a,.corner.c{left:27px}.corner.b,.corner.d{right:27px}.section{padding:90px 0}.service-card{padding:26px 23px}.service-card h3{font-size:24px}.philosophy-layout{gap:40px}}
    @media(max-width:720px){.frame{width:calc(100% - 40px)}.topline{font-size:8px;letter-spacing:.1em}.topline b{margin:0 9px}.nav-content{height:75px}.brand-word{font-size:22px}.brand-seal{height:39px;width:39px}.nav-cta{display:none}.mobile-toggle{display:flex}.nav-links{display:none;position:absolute;top:75px;right:0;left:0;padding:24px 22px;background:#efe8dd;border-bottom:1px solid #b8a995;box-shadow:0 16px 22px #2b262a15}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:21px}.nav-links a{font-size:12px}.hero{min-height:690px}.hero-shell{min-height:690px;padding:85px 23px 117px}.hero:before{inset:14px 11px 16px}.hero:after{inset:20px 17px 22px}.corner{width:35px;height:35px}.corner.a,.corner.c{left:18px}.corner.b,.corner.d{right:18px}.corner.a,.corner.b{top:21px}.corner.c,.corner.d{bottom:26px}.hero-side{display:none}.calligraphy-ghost{width:510px;max-width:none;right:-240px;opacity:.06}.eyebrow{font-size:8px;gap:10px;letter-spacing:.19em;margin-bottom:19px}.eyebrow:before,.eyebrow:after{width:25px}.signature-wrap{width:calc(100% + 14px)}.tagline{font-size:clamp(20px,5.2vw,29px);margin:-4px 0 0}.hero-desc{margin-top:23px;font-size:12px;max-width:320px}.hero-actions{gap:13px;margin-top:24px;flex-wrap:wrap}.btn-dark{padding:16px 18px;gap:22px;font-size:9px}.btn-link{font-size:9px}.replay{right:34px;bottom:45px;font-size:9px}.hero-bottom{bottom:38px;left:85px}.hero-bottom span{font-size:8px}.rule-band{font-size:9px;letter-spacing:.06em;gap:9px}.section{padding:75px 0}.section-heading{display:block;margin-bottom:29px}.section-heading h2,.section-title{font-size:clamp(40px,10vw,57px)}.section-lede{margin-top:20px;font-size:12px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:auto;padding:26px 28px 25px}.service-etching{height:122px;margin:6px auto 15px}.service-etching svg{max-height:122px}.service-card h3{font-size:25px}.service-card p{margin-bottom:13px}.work-grid{grid-template-columns:1fr}.work-art,.work-art svg{height:260px;min-height:260px}.work-info{padding:22px}.philosophy-layout{grid-template-columns:1fr;gap:17px}.philosophy-art{min-height:220px}.philosophy-art svg{max-width:240px}.philosophy-content blockquote{font-size:40px}.contact{padding:84px 20px}.contact h2{font-size:52px}.footer-content{align-items:start;flex-direction:column;gap:20px}.footer-note{line-height:1.6}.dialog{padding:33px 25px}.dialog h3{font-size:31px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}#title-reveal{transform:scaleX(1)!important}.tagline{clip-path:none!important}.hero-desc,.hero-actions,.small-stars{opacity:1!important;transform:none!important}.scroll-reveal{opacity:1!important;transform:none!important}}

/* The folio: illustrated pages, not futuristic project UI */
.brand-seal{border-color:#a08d71;background:rgba(192,170,139,.085)}.brand-seal svg{width:29px;height:29px;stroke:none}
.work-folio{position:relative;border-top:1px solid rgba(113,89,62,.22);border-bottom:1px solid rgba(113,89,62,.25);background-color:#e9decd;background-image:radial-gradient(ellipse at 4% 6%,rgba(156,120,82,.13),transparent 52%),radial-gradient(ellipse at 94% 78%,rgba(112,87,65,.12),transparent 47%),repeating-linear-gradient(90deg,rgba(85,58,39,.012) 0px,transparent 1px,transparent 7px)}
.work-folio .minor{color:#846e55}.work-folio .section-lede{color:#6b6259}.work-folio .section-title em{color:#917553}.work-folio .section-heading{margin-bottom:42px}
.folio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.folio-card{background:#f2e9db;min-width:0;border:1px solid #bbaa90;box-shadow:2px 4px 0 #d2bfa52d,0 19px 39px rgba(79,54,35,.055);padding:10px;position:relative;transition:transform .45s var(--ease),box-shadow .45s}.folio-card:before{content:'';inset:17px;position:absolute;border:1px solid #d4c5b0;pointer-events:none}.folio-card:hover{transform:translateY(-7px) rotate(-.3deg);box-shadow:0 25px 44px #5e443325}.folio-top{padding:17px 18px 2px;display:flex;justify-content:space-between;gap:8px;align-items:center}.folio-small{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#80715f}.folio-ornament{font:15px Georgia,serif;color:#a78962}.folio-art{height:265px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:5px 7px;position:relative}.folio-art:before{content:'';position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#c7b18b30,transparent 69%);pointer-events:none}.folio-drawing{height:100%;width:100%;filter:drop-shadow(0 1px 0 #fff6)}.folio-divider{height:24px;position:relative;text-align:center;color:#998466}.folio-divider:before,.folio-divider:after{content:'';height:1px;position:absolute;top:50%;width:38%;background:#c7b697}.folio-divider:before{left:4%}.folio-divider:after{right:4%}.folio-divider span{font:20px Georgia,serif;line-height:1}.folio-info{padding:12px 19px 25px}.folio-info h3{font:400 30px/1.15 Georgia,serif;color:#342f2e;letter-spacing:-.045em;margin:0 0 12px}.folio-info p{font-size:12px;line-height:1.9;color:#695f56;min-height:70px;margin:0}.folio-footnote{display:block;font:italic 11px Georgia,serif;color:#967d5f;margin-top:22px}.work-folio .work-disclaimer{color:#77695a;max-width:700px;margin-top:23px;font-size:11px}
/* The method: deliberate studio process shown as an open folio */
.method{padding:125px 0 135px}.method-shell{display:grid;grid-template-columns:.80fr 1.20fr;gap:9%;align-items:center}.method-heading{padding:34px 0}.method-heading .section-title{margin-top:25px;font-size:clamp(45px,5.3vw,75px)}.method-heading .section-title em{color:#937759}.method-heading .section-lede{margin-top:28px;max-width:450px}.method-book{position:relative;background:#e9dcc9;border:1px solid #b9a58a;padding:37px 46px 30px;box-shadow:8px 9px 0 #a3937627,0 22px 46px #6f5c4520}.method-book:before{content:'';pointer-events:none;position:absolute;inset:8px;border:1px solid #c5b398}.method-book-head{display:flex;align-items:center;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.21em;font-size:10px;color:#816f5a;padding-bottom:15px;border-bottom:1px solid #b9a58b}.method-motif{font-family:Georgia,serif;letter-spacing:.12em;color:#9c7f59}.method-step{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:27px 0 22px;border-bottom:1px solid rgba(139,113,82,.32)}.method-number{font:italic 37px/1 Georgia,serif;color:#a18965}.method-step h3{font:400 25px/1.2 Georgia,serif;letter-spacing:-.03em;color:#332f2f;margin:0 0 9px}.method-step p{font-size:12px;line-height:1.85;color:#6d655d;margin:0;max-width:450px}.method-book-tail{padding-top:24px;text-align:center;font:italic 13px Georgia,serif;color:#7d6d59}.method-book-tail span{font-size:20px;color:#9f825e;margin-right:10px}
@media(max-width:1050px){.folio-grid{gap:12px}.folio-card{padding:8px}.folio-art{height:211px}.folio-info{padding:12px 12px 21px}.folio-info h3{font-size:24px}.method-shell{gap:4%}.method-book{padding:30px 28px}}
@media(max-width:720px){.work-folio{padding:76px 0}.folio-grid{grid-template-columns:1fr;gap:18px;max-width:470px;margin:auto}.folio-art{height:235px}.folio-info h3{font-size:29px}.folio-info p{min-height:auto}.folio-footnote{margin-top:14px}.method{padding:78px 0 95px}.method-shell{grid-template-columns:1fr;gap:28px}.method-heading{padding:0}.method-book{padding:25px 24px 23px}.method-step{grid-template-columns:39px 1fr;gap:14px;padding:25px 0}.method-step h3{font-size:22px}.method-step p{font-size:12px}.method-number{font-size:30px}.method-book-head{font-size:8px}}

  
/* v3 brand system: directly adapted from the five user-selected marks. */
.calligraphy-ghost{opacity:.028}.brand{gap:5px;min-width:252px}.brand .nav-crescent{width:58px;height:56px;object-fit:contain;flex:none}.brand .nav-wordmark{width:198px;height:65px;object-fit:contain;flex:none}
.nav-content{height:103px}.nav-links{gap:29px}.nav-cta{padding:15px}.brand img{mix-blend-mode:multiply}
.hero{min-height:895px}.hero-shell{min-height:895px;padding:70px 0 110px}
.inscribed-logo{position:relative;width:min(1010px,calc(100vw - 100px));margin:5px auto -8px;min-height:100px;isolation:isolate}
.inscribed-logo .inkbrand-image{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 1px rgba(50,30,45,.055));clip-path:inset(0 100% 0 0)}
.inscription-ink{position:absolute;z-index:5;left:1%;top:12%;width:6%;height:76%;border-radius:50%;background:radial-gradient(ellipse,rgba(39,22,38,.21),rgba(59,30,58,.07) 40%,transparent 74%);filter:blur(15px);mix-blend-mode:multiply;pointer-events:none;opacity:0}
body.playing .inscribed-logo .inkbrand-image{animation:inkmark 4s .52s linear both}
body.playing .inscription-ink{animation:inkmark-head 3.95s .54s linear both}
@keyframes inkmark{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0% 0 0)}}
@keyframes inkmark-head{0%{left:1%;opacity:0}7%{opacity:.85}93%{opacity:.5}100%{left:96%;opacity:0}}
.seal-center{height:35px;margin-bottom:0}.seal-center:before,.seal-center:after{content:'✧';margin:0 13px}
.seal-center .hero-crescent{width:47px;height:47px;object-fit:contain;mix-blend-mode:multiply}
.work-flourish{width:100%;display:flex;justify-content:center;padding:0 0 30px;margin-top:-25px}
.flourish-image{display:block;width:min(480px,75%);max-height:178px;object-fit:contain;mix-blend-mode:multiply}
.method-book{overflow:visible}.wax-medallion{position:absolute;right:-30px;top:-36px;width:118px;height:113px;transform:rotate(13deg);z-index:3;filter:drop-shadow(1px 5px 6px #3e253c2c)}
.wax-image{width:100%;height:100%;object-fit:contain}
.contact-crescent{display:block;width:103px;height:105px;object-fit:contain;margin:0 auto 17px;mix-blend-mode:multiply}
.footer-brand{width:185px;display:flex;align-items:center}.footer-logo{display:block;width:185px;height:69px;object-fit:contain}
@media(max-width:1100px){.brand{min-width:208px}.brand .nav-crescent{width:45px;height:47px}.brand .nav-wordmark{width:165px;height:60px}.nav-links{gap:19px}.inscribed-logo{width:min(920px,calc(100vw - 88px))}}
@media(max-width:720px){.nav-content{height:77px}.brand{gap:3px;min-width:0}.brand .nav-crescent{width:40px;height:45px}.brand .nav-wordmark{width:151px;height:58px}.nav-links{top:77px}.hero{min-height:704px}.hero-shell{min-height:704px;padding:68px 15px 112px}.inscribed-logo{width:calc(100vw - 62px);margin:12px auto 2px}.seal-center{margin-bottom:6px}.seal-center .hero-crescent{width:41px;height:41px}.tagline{margin-top:2px}.work-flourish{margin-top:-8px;padding-bottom:16px}.flourish-image{width:92%;max-height:147px}.wax-medallion{width:81px;height:79px;right:-12px;top:-25px}.footer-logo{width:170px}.footer-brand{width:180px}}
@media(prefers-reduced-motion:reduce){.inscribed-logo .inkbrand-image{clip-path:none!important}.inscription-ink{display:none!important}}


/* v4 hero revision: static emblem + true ink-settling wordmark */
.hero-shell{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero-mark-composition{width:min(920px,100%);display:flex;flex-direction:column;align-items:center;gap:18px;margin:4px auto 8px;position:relative}
.hero-mark-static{display:flex;align-items:center;justify-content:center;position:relative}
.hero-mark-static:before{content:'';position:absolute;inset:14% 22%;background:radial-gradient(circle,rgba(98,72,98,.08),rgba(98,72,98,0) 72%);filter:blur(18px);opacity:.8}
.hero-emblem{display:block;width:min(180px,23vw);min-width:116px;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 4px 8px rgba(57,34,56,.09));opacity:.98;position:relative;z-index:2}
.hero-wordmark-stack{width:min(780px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.hero-ink-reveal{width:min(680px,92%);position:relative;padding:8px 14px 16px;isolation:isolate}
.hero-ink-reveal:before{content:'';position:absolute;left:4%;right:4%;top:16%;bottom:14%;border-radius:999px;background:radial-gradient(ellipse at 8% 50%,rgba(72,44,72,.20),rgba(72,44,72,0) 32%),radial-gradient(ellipse at 50% 52%,rgba(45,34,44,.13),rgba(45,34,44,0) 40%),radial-gradient(ellipse at 82% 50%,rgba(72,44,72,.16),rgba(72,44,72,0) 30%);filter:blur(24px);opacity:0;transform:scale(.95);z-index:1}
.hero-ink-reveal:after{content:'';position:absolute;left:4%;right:4%;top:24%;bottom:22%;background:linear-gradient(90deg,rgba(64,47,61,0),rgba(64,47,61,.08) 18%,rgba(64,47,61,.04) 52%,rgba(64,47,61,0));filter:blur(12px);opacity:0;z-index:2}
.hero-wordmark-image{display:block;width:100%;height:auto;position:relative;z-index:3;mix-blend-mode:multiply;opacity:0;filter:blur(18px) contrast(1.2) saturate(1.05);transform:translateY(5px) scale(.995)}
.ink-bloom{position:absolute;inset:4% 1% 10%;pointer-events:none;z-index:2}
.ink-bloom .blot{position:absolute;top:22%;width:18%;height:66%;border-radius:50%;opacity:0;transform:scale(.25);filter:blur(9px);background:radial-gradient(circle at 35% 45%,rgba(46,28,44,.48),rgba(86,59,84,.24) 38%,rgba(86,59,84,.06) 58%,rgba(86,59,84,0) 72%)}
.ink-bloom .b1{left:3%;top:18%;width:16%}
.ink-bloom .b2{left:20%;top:26%;width:15%}
.ink-bloom .b3{left:39%;top:24%;width:17%}
.ink-bloom .b4{left:59%;top:25%;width:15%}
.ink-bloom .b5{left:77%;top:19%;width:18%}
.hero-studio-line{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:-6px;color:#3e362f}
.studio-rule{display:block;width:102px;max-width:18vw;height:1px;background:linear-gradient(90deg,rgba(116,93,71,0),rgba(116,93,71,.7),rgba(116,93,71,0));opacity:0;transform:scaleX(.6)}
.studio-word{font:600 clamp(26px,2.2vw,34px)/1 Georgia,'Times New Roman',serif;letter-spacing:.52em;text-indent:.52em;opacity:0;transform:translateY(9px);color:#362f2a}
.tagline{opacity:0;transform:translateY(10px);margin-top:2px;clip-path:none}
.small-stars,.hero-desc,.hero-actions{opacity:0;transform:translateY(12px)}
body.playing .hero-mark-static{animation:heroSettle .9s .05s var(--ease) both}
body.playing .hero-ink-reveal:before{animation:inkHalo 1.8s .35s ease-out both}
body.playing .hero-ink-reveal:after{animation:inkSweep 1.35s .55s ease-out both}
body.playing .hero-wordmark-image{animation:inkSettle 2.5s .55s cubic-bezier(.16,.69,.24,.99) both}
body.playing .ink-bloom .b1{animation:inkBlot 1.2s .38s both}
body.playing .ink-bloom .b2{animation:inkBlot 1.15s .75s both}
body.playing .ink-bloom .b3{animation:inkBlot 1.12s 1.08s both}
body.playing .ink-bloom .b4{animation:inkBlot 1.08s 1.38s both}
body.playing .ink-bloom .b5{animation:inkBlot 1.06s 1.68s both}
body.playing .studio-rule{animation:ruleAppear .9s 2.65s var(--ease) both}
body.playing .studio-word{animation:studioRise .9s 2.48s var(--ease) both}
body.playing .tagline{animation:copyAppear .95s 2.95s var(--ease) both}
body.playing .small-stars{animation:copyAppear .85s 3.15s var(--ease) both}
body.playing .hero-desc{animation:copyAppear 1s 3.28s var(--ease) both}
body.playing .hero-actions{animation:copyAppear 1s 3.42s var(--ease) both}
@keyframes heroSettle{from{opacity:.0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes inkHalo{0%{opacity:0;transform:scale(.92)}35%{opacity:.85;transform:scale(1)}100%{opacity:.35;transform:scale(1.05)}}
@keyframes inkSweep{0%{opacity:0;transform:translateX(-5%) scaleX(.7)}50%{opacity:.55;transform:translateX(0) scaleX(1)}100%{opacity:0;transform:translateX(5%) scaleX(1.08)}}
@keyframes inkSettle{0%{opacity:0;filter:blur(20px) contrast(1.45) saturate(1.1);transform:translateY(9px) scale(1.01)}25%{opacity:.18;filter:blur(12px) contrast(1.35) saturate(1.08);transform:translateY(6px) scale(1.005)}55%{opacity:.62;filter:blur(5px) contrast(1.18) saturate(1.04);transform:translateY(2px) scale(1)}78%{opacity:.92;filter:blur(1.5px) contrast(1.06);transform:translateY(0) scale(1)}100%{opacity:1;filter:blur(0) contrast(1);transform:translateY(0) scale(1)}}
@keyframes inkBlot{0%{opacity:0;transform:scale(.18)}20%{opacity:.82;transform:scale(.94)}55%{opacity:.34;transform:scale(1.2)}100%{opacity:0;transform:scale(1.34)}}
@keyframes studioRise{0%{opacity:0;transform:translateY(12px);letter-spacing:.76em;text-indent:.76em;filter:blur(6px)}100%{opacity:1;transform:translateY(0);letter-spacing:.52em;text-indent:.52em;filter:blur(0)}}
@keyframes ruleAppear{from{opacity:0;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1)}}
@keyframes copyAppear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.hero-mark-composition{gap:14px}.hero-emblem{width:min(148px,36vw)}.hero-ink-reveal{width:min(94vw,630px);padding:4px 4px 10px}.studio-word{font-size:23px;letter-spacing:.4em;text-indent:.4em}.studio-rule{width:62px}}
@media(prefers-reduced-motion:reduce){.hero-wordmark-image,.studio-word,.studio-rule,.tagline,.small-stars,.hero-desc,.hero-actions{opacity:1!important;filter:none!important;transform:none!important}.hero-ink-reveal:before{opacity:.24!important;transform:none!important}.hero-ink-reveal:after,.ink-bloom{display:none!important}}


/* v5 final: one quiet watermark, one animated wordmark, no repeated logos. */
.nav-content .brand{display:flex;align-items:center;min-width:0;gap:5px;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1.1;padding:6px 0}
.nav-name{font:italic 30px/1 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#352a2e;white-space:nowrap}
.nav-amp{font-size:.82em;color:#846479}
.nav-studio{font:600 9px/1.1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.47em;color:#72614d;margin-left:4px;margin-top:6px}
.calligraphy-ghost{display:none}
.hero{min-height:810px}.hero-shell{min-height:810px;padding:72px 0 107px;position:relative}
.hero-writing-stage{width:min(1030px,calc(100% - 10px));min-height:330px;position:relative;display:grid;place-items:center;isolation:isolate;margin:6px auto 12px}
.hero-watermark{position:absolute;z-index:0;left:50%;top:48%;width:min(500px,68vw);height:auto;opacity:.085;transform:translate(-50%,-51%) rotate(-8deg);pointer-events:none;filter:blur(.3px);mix-blend-mode:multiply}
.hero-title-area{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(820px,96%);gap:9px}
.hero-ink-reveal{width:min(750px,100%);padding:14px 3px 12px;isolation:isolate;position:relative}
.hero-wordmark-image{display:block;position:relative;z-index:3;width:100%;height:auto;opacity:0;filter:blur(15px);transform:translateY(2px) scale(1.015);mix-blend-mode:multiply}
.hero-ink-reveal:before{content:'';position:absolute;inset:20% 9% 11%;z-index:0;background:radial-gradient(ellipse at center,rgba(90,63,78,.14),rgba(90,63,78,0) 66%);opacity:0;filter:blur(24px)}
.hero-ink-reveal:after{display:none}
.ink-bloom{position:absolute;inset:8% 6% 15%;z-index:2;pointer-events:none}
.ink-bloom .blot{width:16%;height:70%;opacity:0;filter:blur(7px);background:radial-gradient(ellipse,rgba(55,42,52,.4),rgba(64,46,60,.13) 43%,transparent 72%)}
.ink-bloom .b1{left:2%;top:12%}.ink-bloom .b2{left:21%;top:23%}.ink-bloom .b3{left:39%;top:16%}.ink-bloom .b4{left:58%;top:23%}.ink-bloom .b5{left:79%;top:14%}
.hero-studio-line{margin-top:-10px;gap:20px}.studio-word{font:600 clamp(24px,2.4vw,35px)/1 Georgia,serif;letter-spacing:.42em;text-indent:.42em}.studio-rule{width:120px}
.tagline{clip-path:none;margin-top:6px;font-size:clamp(23px,2.4vw,32px)}
.hero-desc{max-width:645px}
body.playing .hero-watermark{animation:watermarkImprint 2.5s .05s ease-out both}
body.playing .hero-wordmark-image{animation:wordmarkInk 3s .28s cubic-bezier(.12,.75,.32,1) both}
body.playing .hero-ink-reveal:before{animation:haloWash 2.8s .20s ease-out both}
body.playing .ink-bloom .b1{animation:inkBlot 1.25s .25s both}
body.playing .ink-bloom .b2{animation:inkBlot 1.35s .58s both}
body.playing .ink-bloom .b3{animation:inkBlot 1.35s .94s both}
body.playing .ink-bloom .b4{animation:inkBlot 1.26s 1.28s both}
body.playing .ink-bloom .b5{animation:inkBlot 1.23s 1.60s both}
body.playing .studio-word{animation:studioRise .85s 2.9s cubic-bezier(.2,.8,.25,1) both}
body.playing .studio-rule{animation:ruleAppear .85s 3.07s both}
body.playing .tagline{animation:copyAppear .85s 3.27s both}
body.playing .small-stars{animation:copyAppear .85s 3.48s both}
body.playing .hero-desc{animation:copyAppear 1s 3.64s both}
body.playing .hero-actions{animation:copyAppear 1s 3.85s both}
@keyframes watermarkImprint{from{opacity:0;transform:translate(-50%,-51%) rotate(-8deg) scale(.98)}to{opacity:.085;transform:translate(-50%,-51%) rotate(-8deg) scale(1)}}
@keyframes wordmarkInk{0%{opacity:0;filter:blur(16px) contrast(1.4);transform:translateY(3px) scale(1.016)}30%{opacity:.29;filter:blur(9px) contrast(1.2);transform:translateY(2px) scale(1.007)}63%{opacity:.75;filter:blur(3px) contrast(1.05);transform:translateY(0) scale(1)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes haloWash{0%{opacity:0;transform:scale(.88)}48%{opacity:1;transform:scale(1.04)}100%{opacity:.35;transform:scale(1.1)}}
@media(max-width:720px){.nav-name{font-size:23px}.nav-studio{font-size:8px;letter-spacing:.35em}.hero{min-height:700px}.hero-shell{min-height:700px;padding:65px 5px 100px}.hero-writing-stage{min-height:220px;margin:2px auto 12px}.hero-watermark{width:min(340px,78vw)}.hero-studio-line{gap:10px;margin-top:0}.studio-word{font-size:22px;letter-spacing:.27em;text-indent:.27em}.studio-rule{width:50px}.hero-title-area{width:98%}.hero-ink-reveal{padding:7px 2px}}
@media(prefers-reduced-motion:reduce){.hero-watermark{opacity:.085!important;transform:translate(-50%,-51%) rotate(-8deg)!important}.hero-wordmark-image,.studio-word,.studio-rule,.tagline,.small-stars,.hero-desc,.hero-actions{opacity:1!important;filter:none!important;transform:none!important}.hero-ink-reveal:before,.ink-bloom{display:none!important}}


/* v4 refinement: one logo only, typographic hero, cleaner brand use */
body.hero-refined .hero{min-height:820px}
body.hero-refined .hero-shell{min-height:820px;padding:72px 0 110px;display:flex;flex-direction:column;align-items:center;text-align:center}
body.hero-refined .hero-writing-stage{width:min(1040px,100%);min-height:360px;display:grid;place-items:center;position:relative;isolation:isolate;margin:10px auto 6px}
body.hero-refined .hero-watermark{position:absolute;left:50%;top:49%;width:min(420px,52vw);height:auto;transform:translate(-50%,-50%) rotate(-8deg);opacity:.055;mix-blend-mode:multiply;filter:sepia(.3) saturate(.65) blur(.2px);pointer-events:none;z-index:0}
body.hero-refined .hero-title-area{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(900px,96%)}
body.hero-refined .hero-title-bloom{position:absolute;inset:12% 4% 24%;pointer-events:none;z-index:1}
body.hero-refined .hero-title-bloom .ink-blot{position:absolute;border-radius:50%;opacity:0;transform:scale(.18);filter:blur(10px);background:radial-gradient(circle at 36% 42%,rgba(48,29,43,.38),rgba(91,61,90,.18) 42%,rgba(91,61,90,.05) 60%,rgba(91,61,90,0) 75%)}
body.hero-refined .hero-title-bloom .b1{left:8%;top:20%;width:13%;height:38%}
body.hero-refined .hero-title-bloom .b2{left:24%;top:34%;width:12%;height:28%}
body.hero-refined .hero-title-bloom .b3{left:43%;top:16%;width:14%;height:44%}
body.hero-refined .hero-title-bloom .b4{left:62%;top:32%;width:12%;height:30%}
body.hero-refined .hero-title-bloom .b5{left:80%;top:20%;width:13%;height:36%}
body.hero-refined .hero-title{margin:0;position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:clamp(8px,1.6vw,22px);font:400 italic clamp(76px,10vw,150px)/.9 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#30262d;text-rendering:optimizeLegibility}
body.hero-refined .hero-title .hero-word{display:inline-block;opacity:0;transform:translateY(10px) scale(1.015);filter:blur(14px) contrast(1.15);background:linear-gradient(180deg,#3d2f3a 0%,#2e252b 48%,#4d3a4d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 0 rgba(0,0,0,0)}
body.hero-refined .hero-title .ampersand{font-size:.92em;color:#4a3647;background:none;-webkit-background-clip:border-box;background-clip:border-box}
body.hero-refined .hero-title .gloam{letter-spacing:-.065em}
body.hero-refined .hero-studio-line{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:2px;color:#3a312d}
body.hero-refined .studio-rule{display:block;width:110px;max-width:18vw;height:1px;background:linear-gradient(90deg,rgba(116,93,71,0),rgba(116,93,71,.74),rgba(116,93,71,0));opacity:0;transform:scaleX(.65)}
body.hero-refined .studio-word{font:600 clamp(24px,2vw,31px)/1 Georgia,'Times New Roman',serif;letter-spacing:.48em;text-indent:.48em;opacity:0;transform:translateY(10px);color:#3b322d}
body.hero-refined .tagline{opacity:0;transform:translateY(12px);margin-top:8px;clip-path:none}
body.hero-refined .small-stars, body.hero-refined .hero-desc, body.hero-refined .hero-actions{opacity:0;transform:translateY(12px)}
body.hero-refined .contact-crescent{display:none!important}
body.hero-refined .contact-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(116,93,71,.28);color:#7c6951;font:24px/1 Georgia,serif;background:radial-gradient(circle at 50% 40%,rgba(192,170,139,.20),rgba(239,232,221,.1) 60%,transparent 100%)}
body.hero-refined .footer-brand-text{display:flex;flex-direction:column;gap:4px;color:#e8dfd2;text-decoration:none}
body.hero-refined .footer-brand-text span{font:italic 29px/1 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
body.hero-refined .footer-brand-text small{font:600 9px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.42em;color:#c6b59c}
body.hero-refined .footer-brand-text .nav-amp{color:#b89bad}
body.hero-refined .footer-brand{width:auto}
body.hero-refined .footer-logo{display:none!important}
body.hero-refined .footer-content{align-items:center}
body.hero-refined .footer-content .footer-note{text-align:center;flex:1}
body.hero-refined .seal-center, body.hero-refined .work-flourish, body.hero-refined .wax-medallion{display:none!important}
body.hero-refined .method-book{padding-top:38px}
body.hero-refined .brand{padding:6px 0}
body.hero-refined .nav-name{font:italic 29px/1 Georgia,'Times New Roman',serif;color:#352a2e;letter-spacing:-.035em}
body.hero-refined .nav-studio{font:600 9px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.47em;color:#72614d;margin-top:6px}
body.hero-refined .hero-desc{max-width:760px}
body.hero-refined.playing .hero-watermark{animation:watermarkFade 1.1s .15s ease-out both}
body.hero-refined.playing .hero-title .ink{animation:inkWord 1.15s .42s cubic-bezier(.22,.78,.22,1) both}
body.hero-refined.playing .hero-title .ampersand{animation:inkWord .95s 1.0s cubic-bezier(.22,.78,.22,1) both}
body.hero-refined.playing .hero-title .gloam{animation:inkWord 1.2s 1.38s cubic-bezier(.22,.78,.22,1) both}
body.hero-refined.playing .hero-title-bloom .b1{animation:inkBlot 1.05s .35s ease-out both}
body.hero-refined.playing .hero-title-bloom .b2{animation:inkBlot .95s .78s ease-out both}
body.hero-refined.playing .hero-title-bloom .b3{animation:inkBlot 1.08s 1.15s ease-out both}
body.hero-refined.playing .hero-title-bloom .b4{animation:inkBlot .95s 1.48s ease-out both}
body.hero-refined.playing .hero-title-bloom .b5{animation:inkBlot 1.0s 1.76s ease-out both}
body.hero-refined.playing .studio-word{animation:studioRise .82s 2.45s cubic-bezier(.2,.8,.25,1) both}
body.hero-refined.playing .studio-rule{animation:ruleAppear .82s 2.56s both}
body.hero-refined.playing .tagline{animation:copyAppear .88s 2.8s both}
body.hero-refined.playing .small-stars{animation:copyAppear .88s 3.02s both}
body.hero-refined.playing .hero-desc{animation:copyAppear 1s 3.18s both}
body.hero-refined.playing .hero-actions{animation:copyAppear 1s 3.36s both}
@keyframes watermarkFade{from{opacity:0;transform:translate(-50%,-49%) rotate(-8deg) scale(.985)}to{opacity:.055;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
@keyframes inkWord{0%{opacity:0;filter:blur(18px) contrast(1.28);transform:translateY(12px) scale(1.025)}28%{opacity:.25}62%{opacity:.78;filter:blur(4px) contrast(1.08)}100%{opacity:1;filter:blur(0) contrast(1);transform:translateY(0) scale(1)}}
@keyframes inkBlot{0%{opacity:0;transform:scale(.2)}18%{opacity:.8;transform:scale(.92)}52%{opacity:.32;transform:scale(1.18)}100%{opacity:0;transform:scale(1.34)}}
@media(max-width:720px){body.hero-refined .hero{min-height:700px}body.hero-refined .hero-shell{min-height:700px;padding:65px 0 98px}body.hero-refined .hero-writing-stage{min-height:250px}body.hero-refined .hero-watermark{width:min(280px,68vw)}body.hero-refined .hero-title{font-size:clamp(56px,13vw,92px);gap:8px}body.hero-refined .studio-word{font-size:21px;letter-spacing:.38em;text-indent:.38em}body.hero-refined .studio-rule{width:62px}}
@media(prefers-reduced-motion:reduce){body.hero-refined .hero-watermark{opacity:.055!important;transform:translate(-50%,-50%) rotate(-8deg)!important}body.hero-refined .hero-title .hero-word,body.hero-refined .studio-word,body.hero-refined .studio-rule,body.hero-refined .tagline,body.hero-refined .small-stars,body.hero-refined .hero-desc,body.hero-refined .hero-actions{opacity:1!important;filter:none!important;transform:none!important}body.hero-refined .hero-title-bloom{display:none!important}}

/* Final production pass */
:root { --focus: #704f34; }
html { scroll-padding-top: 104px; }
body { min-width: 320px; }
a, button { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, textarea:focus-visible { outline-color: var(--focus); }
.nav { position: sticky; top: 0; }
.hero-watermark, .inkbrand-image { user-select: none; }
.dialog-backdrop { opacity: 0; visibility: hidden; display: flex; transition: opacity .25s ease, visibility .25s ease; }
.dialog-backdrop.open { opacity: 1; visibility: visible; }
.dialog { transform: translateY(12px) scale(.985); opacity: 0; transition: transform .3s var(--ease), opacity .25s ease; }
.dialog-backdrop.open .dialog { transform: translateY(0) scale(1); opacity: 1; }

/* The signature is the moment, not a loading screen. */
.inscribed-logo .inkbrand-image { clip-path: inset(0 0 0 0); }
body.playing .inscribed-logo .inkbrand-image { animation-duration: 1.65s; animation-delay: .15s; }
body.playing .inscription-ink { animation-duration: 1.6s; animation-delay: .16s; }
body.playing .eyebrow { animation-delay: .05s; }
body.playing .seal-center { animation-delay: .12s; }
body.playing .tagline { animation-duration: .8s; animation-delay: 1.2s; }
body.playing .small-stars { animation-duration: .5s; animation-delay: 1.35s; }
body.playing .hero-desc { animation-duration: .65s; animation-delay: 1.5s; }
body.playing .hero-actions { animation-duration: .65s; animation-delay: 1.62s; }

@media (max-width: 720px) {
  html { scroll-padding-top: 75px; }
  .nav { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
  .mobile-toggle { position: relative; color: transparent; font-size: 0; }
  .mobile-toggle::before, .mobile-toggle::after, .mobile-toggle span {
    content: ''; position: absolute; left: 11px; right: 11px; height: 1px; background: #403d3c; transition: transform .25s ease, top .25s ease, opacity .2s ease;
  }
  .mobile-toggle::before { top: 14px; }
  .mobile-toggle span { top: 20px; }
  .mobile-toggle::after { top: 26px; }
  .mobile-toggle[aria-expanded="true"]::before { top: 20px; transform: rotate(45deg); }
  .mobile-toggle[aria-expanded="true"] span { opacity: 0; }
  .mobile-toggle[aria-expanded="true"]::after { top: 20px; transform: rotate(-45deg); }
}

@media (prefers-reduced-motion: reduce) {
  .dialog-backdrop, .dialog { transition: none; }
}

/* The hero carries the complete logo; navigation uses the compact monogram. */
body.hero-refined .hero-title {
  width: min(1000px, 90vw);
  display: block;
  line-height: 1;
}
body.hero-refined .hero-title-area {
  width: min(1080px, 98%);
}
body.hero-refined .hero-logo-wordmark {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 3px 2px rgba(50, 30, 45, .12));
}
body.hero-refined .hero-watermark {
  display: none;
}
body.hero-refined.playing .hero-logo-wordmark {
  animation: heroLogoSettle 1.35s .24s cubic-bezier(.16, .69, .24, .99) both;
}
body.hero-refined.playing .tagline {
  animation-delay: 1.25s;
}
body.hero-refined.playing .small-stars {
  animation-delay: 1.42s;
}
body.hero-refined.playing .hero-desc {
  animation-delay: 1.58s;
}
body.hero-refined.playing .hero-actions {
  animation-delay: 1.74s;
}
@keyframes heroLogoSettle {
  from {
    opacity: 0;
    filter: blur(13px) contrast(1.2) drop-shadow(0 2px 1px rgba(50, 30, 45, 0));
    transform: translateY(7px) scale(1.012);
  }
  to {
    opacity: 1;
    filter: blur(0) contrast(1) drop-shadow(0 2px 1px rgba(50, 30, 45, .07));
    transform: none;
  }
}
@media (max-width: 720px) {
  body.hero-refined .hero-title {
    width: min(620px, 94vw);
  }
  body.hero-refined .hero-writing-stage {
    min-height: 280px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.hero-refined .hero-logo-wordmark {
    opacity: 1 !important;
    filter: drop-shadow(0 2px 1px rgba(50, 30, 45, .07)) !important;
    transform: none !important;
  }
}

/* Compact navigation mark keeps the full hero lockup from feeling repeated. */
body.hero-refined .nav-content .brand {
  width: 76px;
  height: 82px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body.hero-refined .header-monogram {
  display: block;
  width: 68px;
  height: auto;
  max-height: 68px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
@media (max-width: 1100px) {
  body.hero-refined .nav-content .brand {
    width: 68px;
  }
  body.hero-refined .header-monogram {
    width: 62px;
  }
}
@media (max-width: 720px) {
  body.hero-refined .nav-content .brand {
    width: 60px;
    height: 70px;
  }
  body.hero-refined .header-monogram {
    width: 56px;
    max-height: 58px;
  }
}

/* Ink & Gloam Studio v5 — small contact form improvements; original design retained */
.dialog { max-height: min(92vh, 850px); overflow-y: auto; }
.dialog input, .dialog select, .dialog textarea {
  display: block; width: 100%; padding: 13px 15px; background: #f6eee4;
  border: 1px solid #bba994; color: #26252b; border-radius: 0;
  font: 13px/1.5 'Trebuchet MS',Arial,sans-serif;
}
.dialog textarea { min-height: 105px; }
.dialog select { appearance: auto; }
.dialog input:focus-visible, .dialog select:focus-visible, .dialog textarea:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.dialog label { margin: 14px 0 7px; }
.dialog-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dialog-field { min-width: 0; }
.dialog-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.dialog .btn-link { margin-top: 18px; white-space: nowrap; }
.dialog .btn-dark { margin-top: 18px; }
.dialog-note { margin-bottom: 0; }
@media (max-width: 600px) { .dialog-field-row { grid-template-columns: 1fr; gap: 0; } .dialog { padding: 27px 22px; } .dialog-actions { gap: 8px 15px; } }


/* v6 — Folio discipline index: crafted like an archival folio tab strip */
.folio-filter { margin: -12px 0 29px; }
.folio-filter-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 15px; }
.folio-filter-title { color:#6c5d4e; font:italic 16px Georgia,'Times New Roman',serif; letter-spacing:.012em; }
.folio-filter-index { font-size:9px; letter-spacing:.25em; color:#8e785e; white-space:nowrap; }
.folio-filter-index span { margin-left:11px; }
.folio-tabs { display:flex; align-items:stretch; gap:7px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#aa9278 transparent; padding:0 0 10px; -webkit-overflow-scrolling:touch; }
.folio-tab { display:inline-flex; flex:none; justify-content:center; align-items:center; gap:10px; min-height:48px; padding:12px 17px; border:1px solid #b8a78f; background:#eee3d2; color:#60564d; font:10px/1.2 'Trebuchet MS',Arial,sans-serif; text-transform:uppercase; letter-spacing:.095em; white-space:nowrap; position:relative; transition:background .25s,color .25s,border-color .25s,transform .25s; }
.folio-tab:hover { border-color:#8e775e; color:#26272c; background:#f6ede1; transform:translateY(-2px); }
.folio-tab.is-active,.folio-tab[aria-pressed="true"] { background:#252831; color:#f0e6d7; border-color:#252831; }
.folio-tab.is-active:after { content:''; position:absolute; bottom:5px; left:18%; right:18%; height:1px; background:#bda788; opacity:.9; }
.folio-tab .tab-count { font:italic 11px Georgia,serif; letter-spacing:0; opacity:.6; }
.folio-tab .tab-ornament { font:14px Georgia,serif; color:#af956d; }
.folio-tab:focus-visible { outline:2px solid #7b5e3e; outline-offset:2px; z-index:2; }
.folio-filter-caption { display:flex; align-items:center; gap:22px; min-height:36px; font:italic 12px/1.5 Georgia,serif; color:#7a6b5a; }
.folio-filter-rule { height:1px; background:linear-gradient(90deg,#bcaa8e,transparent); flex:1; }
.folio-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:21px; }
.folio-grid .folio-card { grid-column:span 2; }
.folio-grid[data-count="5"] .folio-card:nth-child(4) { grid-column:2 / span 2; }
.folio-grid[data-count="5"] .folio-card:nth-child(5) { grid-column:4 / span 2; }
.folio-grid[data-count="1"] { grid-template-columns:minmax(0,min(430px,100%)); justify-content:center; }
.folio-grid[data-count="1"] .folio-card { grid-column:auto; }
.folio-grid .folio-card[hidden] { display:none!important; }
.folio-card.folio-just-shown { animation:folioAppear .48s cubic-bezier(.22,.72,.2,1) both; }
@keyframes folioAppear { from { opacity:0; filter:blur(3px); translate:0 12px; } to { opacity:1; filter:none; translate:0 0; } }
@media(max-width:1050px) and (min-width:721px) {
  .folio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .folio-grid .folio-card,.folio-grid[data-count="5"] .folio-card:nth-child(4),.folio-grid[data-count="5"] .folio-card:nth-child(5) { grid-column:auto; }
  .folio-grid[data-count="5"] .folio-card:nth-child(5) { grid-column:1 / -1; width:min(410px,100%); justify-self:center; }
}
@media(max-width:720px) {
  .folio-filter { margin:0 0 21px; }
  .folio-filter-title { font-size:15px; }
  .folio-filter-index { font-size:8px; letter-spacing:.13em; }
  .folio-tabs { gap:6px; margin-right:-20px; padding-right:20px; }
  .folio-tab { min-height:45px; padding:11px 13px; font-size:9px; }
  .folio-filter-caption { font-size:11px; min-height:40px; }
  .folio-grid,.folio-grid[data-count="1"] { grid-template-columns:1fr; max-width:470px; margin:auto; }
  .folio-grid .folio-card,.folio-grid[data-count="5"] .folio-card:nth-child(4),.folio-grid[data-count="5"] .folio-card:nth-child(5) { grid-column:auto; }
  .folio-grid[data-count="5"] .folio-card:nth-child(5) { width:auto; }
}
@media(prefers-reduced-motion:reduce) { .folio-card.folio-just-shown { animation:none!important; } }

/* v7 — The folio is an editorial artwork gallery, not a second services list. */
.work-folio .section-heading { margin-bottom: 42px; }
.work-folio .section-lede { max-width: 410px; }
.folio-filter { margin-top: 0; }
.folio-grid, .folio-grid[data-count="5"] { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.folio-grid .folio-card,
.folio-grid[data-count="5"] .folio-card:nth-child(4),
.folio-grid[data-count="5"] .folio-card:nth-child(5) {
  grid-column:auto; width:auto; justify-self:stretch;
}
.folio-card {
  display:flex; flex-direction:column; padding:12px;
  background:rgba(250,244,235,.50);
  border:1px solid #ae9b82; box-shadow:0 14px 28px rgba(72,47,27,.055);
}
.folio-card:before { inset:20px; border-color:rgba(174,151,118,.45); }
.folio-card:hover { transform:translateY(-4px); box-shadow:0 17px 32px rgba(72,47,27,.13); }
.folio-top { padding:15px 20px 8px; border-bottom:1px solid rgba(167,142,108,.3); }
.folio-small { letter-spacing:.15em; }
.folio-art { height:315px; padding:14px; }
.folio-art:before { opacity:.7; }
.folio-divider { display:none; }
.folio-info { margin-top:auto; border-top:1px solid rgba(167,142,108,.35); padding:22px 23px 25px; }
.folio-info h3 { font:400 33px/1.2 Georgia,'Times New Roman',serif; margin:0 0 10px; }
.folio-info p { max-width:470px; min-height:0; margin:0; font-size:12px; line-height:1.85; }
.folio-footnote { margin-top:19px; color:#85705c; font-size:11px; }
.folio-grid[data-count="5"] .folio-card:first-child {
  grid-column:1 / -1;
  display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:auto 1fr;
  min-height:420px;
}
.folio-grid[data-count="5"] .folio-card:first-child .folio-top { grid-column:1 / -1; }
.folio-grid[data-count="5"] .folio-card:first-child .folio-art { height:370px; grid-column:1; grid-row:2; }
.folio-grid[data-count="5"] .folio-card:first-child .folio-info {
  grid-column:2; grid-row:2; display:flex; flex-direction:column; justify-content:center;
  align-items:flex-start; margin:0; border-top:0; border-left:1px solid rgba(167,142,108,.3); padding:28px 38px;
}
.folio-grid[data-count="5"] .folio-card:first-child .folio-info h3 { font-size:clamp(32px,3vw,48px); }
.folio-grid[data-count="1"] { grid-template-columns:minmax(0,780px); justify-content:center; }
.folio-grid[data-count="1"] .folio-card { grid-column:auto; }
.folio-grid[data-count="1"] .folio-art { height:385px; }
@media(max-width:900px) {
  .folio-grid[data-count="5"] .folio-card:first-child { grid-template-columns:1fr 1fr; min-height:0; }
  .folio-grid[data-count="5"] .folio-card:first-child .folio-art { height:300px; }
  .folio-grid[data-count="5"] .folio-card:first-child .folio-info { padding:20px; }
  .folio-art { height:230px; }
  .folio-info { padding:18px 16px 22px; }
  .folio-info h3 { font-size:27px; }
}
@media(max-width:720px) {
  .folio-grid, .folio-grid[data-count="5"], .folio-grid[data-count="1"] { grid-template-columns:1fr; max-width:500px; margin:auto; gap:20px; }
  .folio-grid[data-count="5"] .folio-card:first-child { display:flex; grid-column:auto; }
  .folio-grid[data-count="5"] .folio-card:first-child .folio-art { height:255px; }
  .folio-grid[data-count="5"] .folio-card:first-child .folio-info { display:block; padding:19px 18px 24px; border-left:0; border-top:1px solid rgba(167,142,108,.35); }
  .folio-grid[data-count="5"] .folio-card:first-child .folio-info h3 { font-size:31px; }
  .folio-grid[data-count="1"] .folio-art { height:265px; }
  .folio-art { height:245px; }
  .folio-card:before { inset:17px; }
}


/* v8 — Studio's Perspective, intentionally distinct from the Folio's portfolio and the Approach's process */
.studio-perspective { padding-top:112px; padding-bottom:118px; }
.perspective-intro { margin-bottom:43px; }
.perspective-heading-row { margin-top:17px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr); gap:60px; align-items:end; }
.perspective-heading-row h2 { margin:0; max-width:800px; font:400 clamp(43px,5.4vw,75px)/1.12 Georgia,'Times New Roman',serif; letter-spacing:-.055em; }
.perspective-heading-row h2 em { color:#92765b; font-weight:400; }
.perspective-heading-row p { max-width:352px; color:#6c655e; line-height:1.95; font-size:13px; margin:0 0 5px; }
.perspective-composition { display:grid; grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr); gap:38px; align-items:stretch; }
.perspective-illustration { position:relative; border:1px solid #c1b19a; background:radial-gradient(ellipse at 55% 50%,rgba(255,250,242,.69),rgba(235,224,208,.33) 70%); min-height:464px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:22px 25px 19px; }
.perspective-illustration:before { content:''; pointer-events:none; position:absolute; inset:8px; border:1px solid rgba(150,121,91,.2); }
.perspective-plate-top { display:flex; width:100%; justify-content:space-between; gap:10px; text-transform:uppercase; font-size:9px; letter-spacing:.18em; color:#87735f; }
.perspective-geometry { display:block; width:min(390px,100%); height:auto; flex:1; max-height:355px; margin:10px auto 0; }
.perspective-plate-caption { font:italic 17px Georgia,'Times New Roman',serif; color:#85705b; text-align:center; margin:0 auto 9px; }
.perspective-principles { border-top:1px solid #a99881; display:flex; flex-direction:column; }
.perspective-principle { display:grid; grid-template-columns:43px 1fr; align-items:start; column-gap:15px; padding:24px 10px 24px 4px; border-bottom:1px solid rgba(154,132,105,.44); }
.perspective-principle-symbol { font:normal 28px Georgia,serif; color:#9a7c59; line-height:1; padding-top:21px; }
.perspective-principle-kicker { text-transform:uppercase; letter-spacing:.2em; color:#8b7865; font-size:9px; }
.perspective-principle h3 { font:400 clamp(24px,2.4vw,33px)/1.2 Georgia,'Times New Roman',serif; margin:8px 0 9px; letter-spacing:-.03em; }
.perspective-principle p { color:#6a6660; font-size:12px; line-height:1.95; margin:0; max-width:495px; }
.perspective-folio-link { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:auto; padding:25px 4px 0; }
.perspective-folio-link>span { font:italic 16px Georgia,serif; color:#786c62; }
.perspective-folio-link a { font-size:10px; letter-spacing:.13em; text-transform:uppercase; border-bottom:1px solid #93795b; padding-bottom:7px; color:#3b3431; }
.perspective-folio-link a:hover { color:#936d45; }
@media(max-width:1020px){
  .perspective-heading-row { gap:28px; }
  .perspective-composition { gap:24px; }
  .perspective-principle { padding:17px 4px; column-gap:10px; }
  .perspective-principle h3 { font-size:27px; }
}
@media(max-width:720px){
  .studio-perspective { padding-top:76px; padding-bottom:76px; }
  .perspective-intro { margin-bottom:26px; }
  .perspective-heading-row { display:block; margin-top:16px; }
  .perspective-heading-row h2 { font-size:clamp(39px,9.6vw,56px); }
  .perspective-heading-row p { margin:17px 0 0; max-width:490px; font-size:12px; }
  .perspective-composition { grid-template-columns:1fr; gap:29px; }
  .perspective-illustration { min-height:310px; padding:18px 20px 13px; }
  .perspective-geometry { max-height:260px; margin:6px auto; }
  .perspective-plate-top { letter-spacing:.12em; font-size:8px; }
  .perspective-plate-caption { font-size:15px; }
  .perspective-principle { grid-template-columns:29px 1fr; padding:21px 2px; gap:11px; }
  .perspective-principle-symbol { font-size:22px; }
  .perspective-principle h3 { font-size:26px; }
  .perspective-folio-link { padding:24px 1px 0; }
}


/* v9 | Cleaned, consistent, high-resolution vector illustrations for the Folio. */
.folio-art { isolation:isolate; overflow:hidden; background:radial-gradient(ellipse 72% 76% at 52% 49%,rgba(255,253,247,.52),rgba(224,207,181,.09) 70%,transparent 100%); }
.folio-art:before { display:none; }
.folio-illustration { display:block; position:relative; width:100%; height:100%; object-fit:contain; object-position:center; filter:none; transform:scale(1.0); transition:transform .5s cubic-bezier(.2,.8,.25,1); }
.folio-card:hover .folio-illustration { transform:scale(1.028); }
.folio-grid[data-count="5"] .folio-card:first-child .folio-art { padding:16px 19px; }
@media (max-width:720px) { .folio-art { padding:7px 3px; } .folio-grid[data-count="5"] .folio-card:first-child .folio-art { padding:7px 3px; } }
@media (prefers-reduced-motion:reduce) { .folio-illustration { transition:none; } }