:root{--bg:#230e16;--deep:#180b10;--wine:#4d1829;--cream:#f3e8ce;--gold:#c5a46d;--text:#d3c2a5;--line:#c1a16c35;--x:50%;--y:50%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}body.sealed{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit}::selection{background:#c5a46d;color:#240d16}.svg-defs{position:absolute;width:0;height:0}.grain{position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.045;filter:url(#grain)}.cursor{position:fixed;width:14px;height:14px;border:1px solid #e3c68c;border-radius:50%;z-index:3000;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;opacity:0;display:grid;place-items:center}.cursor span{font-size:9px;letter-spacing:.12em;opacity:0}.cursor.view{width:76px;height:76px;background:#f2e6cbeb;color:#33101d;border-color:transparent}.cursor.view span{opacity:1}.intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 45%,#672b3b 0,#35101f 48%,#16090f 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 1s,visibility 1s}.intro:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),#ebc67c10,transparent 38%);pointer-events:none}.intro.done{opacity:0;visibility:hidden}.intro-halo{position:absolute;width:80vw;height:80vw;border:1px solid #bfa16b15;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #bfa16b05,0 0 0 160px #bfa16b05}.intro-top{position:absolute;top:35px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#d6bb91}.intro-pre{position:relative;font:italic 24px 'Cormorant Garamond',serif;color:#e4ccaa;margin:0 0 65px}.letter-stage{width:min(590px,75vw);aspect-ratio:1.55;perspective:1500px;position:relative}.envelope{position:relative;width:100%;height:100%;transform:rotate(-5deg) rotateX(9deg);transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 35px 35px #0b0308aa)}.envelope-back{position:absolute;inset:0;background:linear-gradient(120deg,#d5c39e,#ead8b4 55%,#ba9f72);border-radius:3px;box-shadow:inset 0 0 50px #96714255}.envelope-pocket{position:absolute;inset:0;z-index:4;background:linear-gradient(31deg,#b5996d55 0 49.7%,transparent 50%),linear-gradient(-31deg,#f5e5c255 0 49.7%,transparent 50%),linear-gradient(#e6d3ac,#c6ac80);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);border-radius:3px;box-shadow:inset 0 -25px 40px #9b7b4133}.envelope-pocket:after{content:'';position:absolute;inset:16px;border:1px solid #90714355;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.envelope-flap{position:absolute;inset:0;z-index:5;transform-origin:top center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.4,0,.2,1),z-index 0s .5s;backface-visibility:hidden}.flap-inner{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 61%);background:linear-gradient(165deg,#f5e8cc 0,#dbc49b 60%,#ad9061);filter:drop-shadow(0 5px 4px #5b40264d)}.flap-inner:after{content:'';position:absolute;inset:12px;background:linear-gradient(148deg,transparent 49.6%,#b99b6655 50%,transparent 50.4%),linear-gradient(212deg,transparent 49.6%,#b99b6655 50%,transparent 50.4%)}.wax-seal{position:absolute;z-index:7;width:105px;height:105px;top:56%;left:50%;transform:translate(-50%,-50%);padding:0;background:none;border:0;filter:drop-shadow(0 5px 4px #35101c99);transition:transform .5s,filter .5s,opacity .4s}.wax-seal svg{width:100%;height:100%}.wax-seal:hover{transform:translate(-50%,-50%) scale(1.1) rotate(7deg);filter:drop-shadow(0 0 20px #e2ae6c66)}.paper-letter{position:absolute;z-index:2;inset:5% 6%;background:radial-gradient(ellipse at top,#f6edda,#dfcda9);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#5a2837;transition:transform 1.2s cubic-bezier(.22,.8,.2,1) .55s,box-shadow 1s .5s}.paper-rule{position:absolute;inset:14px;border:1px solid #9f805055;box-shadow:inset 0 0 0 4px #ebdcbf,inset 0 0 0 5px #a7885340}.letter-jm{font:italic 40px 'Cormorant Garamond';margin-bottom:12px}.letter-greeting{text-align:center;font:24px/1.1 'Bodoni Moda',serif}.paper-letter svg{width:100px;height:24px;color:#a18050;margin-top:15px}.paper-letter small{font-size:6px;letter-spacing:.15em}.opening .wax-seal{transform:translate(-50%,-50%) scale(1.6) rotate(15deg);opacity:0}.opening .envelope-flap{transform:rotateX(180deg);z-index:1}.opening .envelope{transform:rotate(0) rotateX(0)}.opening .paper-letter{transform:translateY(-65%);box-shadow:0 -10px 40px #17061055}.intro.exit .envelope{transform:translateY(60vh) rotate(5deg);opacity:0;transition:transform 1s ease-in,opacity 1s}.intro.exit .intro-pre,.intro.exit .intro-bottom{opacity:0;transition:.5s}.intro-bottom{position:relative;width:min(590px,75vw);display:flex;justify-content:space-between;align-items:center;margin-top:45px}.intro-bottom p{font:21px/1.15 'Cormorant Garamond';margin:0;color:#cfb48e}.intro-bottom em{color:#f4e5c5}.intro-bottom button{border:0;border-bottom:1px solid #aa8859;background:none;padding:15px 0;font-size:9px;letter-spacing:.17em}.intro-bottom button span{margin-left:25px}.skip{position:absolute;bottom:24px;border:0;background:none;color:#ac8b78;font-size:9px;letter-spacing:.08em}.page{overflow:hidden}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid var(--line)}.wordmark{font:italic 45px 'Cormorant Garamond';display:flex;align-items:center;gap:20px}.wordmark>span{border-left:1px solid var(--line);padding-left:20px;font:600 10px/1.7 Manrope;letter-spacing:.12em}.wordmark small{font-size:7px;letter-spacing:.2em;color:#b3947b}nav{display:flex;gap:40px;align-items:center}nav a{font-size:10px;position:relative}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--gold);transition:width .35s}nav a:hover:after{width:100%}nav sup{color:#bca078;font-size:7px}.nav-contact{border:1px solid #bc9b625c;padding:13px 18px}.nav-contact span{margin-left:22px}.hero{min-height:930px;height:100svh;max-height:1150px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:160px 8% 100px 7%;background:radial-gradient(ellipse at var(--x) var(--y),#66304640,transparent 48%),radial-gradient(ellipse at 75% 40%,#4b1d2e,#230e16 70%)}.hero-lines{position:absolute;inset:112px 5% 55px;border-inline:1px solid #b58d5619;pointer-events:none}.hero-lines div{position:absolute;height:100%;width:1px;background:#b58d5614;left:33.333%}.hero-lines div+div{left:66.666%}.hero-copy{position:relative;z-index:3;align-self:center}.eyebrow{font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:10px;color:#c6a77e}.eyebrow i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #ceab70}.hero h1{font:400 clamp(68px,7vw,112px)/.98 'Bodoni Moda',serif;letter-spacing:-.055em;margin:35px 0 35px}.hero h1 em{font-weight:400;color:#d7b982}.outline-word{font-size:.79em;font-style:italic;letter-spacing:-.04em}.hero-bottom{display:flex;align-items:center;gap:55px}.hero-bottom p{font-size:11px;line-height:1.9;color:#baa48e;max-width:260px}.round-link{position:relative;width:96px;height:96px;display:grid;place-items:center;flex-shrink:0}.round-link>span{font-size:27px;color:#d3af78}.round-link svg{position:absolute;inset:0;width:100%;height:100%;animation:rotate 25s linear infinite}.round-link text{font:7.6px Manrope;letter-spacing:1.1px;fill:#c1a478}.hero-art{position:relative;padding:30px;max-width:470px;width:100%;justify-self:end}.art-frame{position:relative;padding:12px;border:1px solid #c9a76e7d;box-shadow:0 30px 70px #0a040950;background:#5a283533;transform:rotate(6deg);transition:transform .65s;transform-style:preserve-3d}.hero-slides{aspect-ratio:4/5;position:relative;overflow:hidden;background:#260e1b}.hero-slides img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.4s,transform 6s}.hero-slides img.current{opacity:1;transform:scale(1)}.frame-corner{position:absolute;width:28px;height:28px;border:1px solid #e5c78f;z-index:3}.tl{top:-5px;left:-5px;border-right:0;border-bottom:0}.tr{top:-5px;right:-5px;border-left:0;border-bottom:0}.bl{bottom:-5px;left:-5px;border-top:0;border-right:0}.br{bottom:-5px;right:-5px;border-top:0;border-left:0}.frame-shine{position:absolute;inset:0;background:radial-gradient(circle at var(--px,30%) var(--py,20%),#ffedbd30,transparent 45%);pointer-events:none}.art-orbit{position:absolute;inset:-18% -10%;border:1px solid #c5a46d26;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.orbit-b{inset:-10% -20%;transform:rotate(24deg);border-color:#c5a46d12}.art-spark{position:absolute;top:-55px;right:0;font-size:65px;color:#dbba82;animation:breathe 5s infinite}.art-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.15em;margin-top:30px;color:#b29678}.art-stamp{position:absolute;bottom:-12px;left:-24px;width:115px;height:115px;border-radius:50%;border:1px solid #b78f58;background:#4c192a;box-shadow:0 10px 30px #13070f66;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7px;letter-spacing:.12em;transform:rotate(-12deg);z-index:4}.art-stamp em{font:italic 32px 'Cormorant Garamond';color:#e6c78f;letter-spacing:0}.art-stamp>span{color:#d1ae76;font-size:18px}.hero-foot{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.18em;color:#a88b72}.manifesto{padding:95px 8%;background:#eee3c9;color:#351723;position:relative}.section-no{font-size:8px;letter-spacing:.2em;color:#bd9b68}.manifesto .section-no{color:#957246}.manifesto>p{font:400 clamp(38px,5.5vw,83px)/1.1 'Bodoni Moda';letter-spacing:-.04em;margin:45px 0 45px;max-width:1000px}.manifesto em{font-weight:400;color:#8b5261}.manifesto-bottom{display:flex;justify-content:space-between;align-items:center}.manifesto-bottom svg{width:190px;height:40px;color:#a48551}.manifesto-bottom>span{font-size:10px;line-height:1.8;color:#7b625a}.work{padding:120px 5%;background:linear-gradient(#230e16,#1e0c14)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 3% 55px}.section-heading h2,.about h2{font:400 clamp(48px,6vw,86px)/1.05 'Bodoni Moda';letter-spacing:-.045em;margin:25px 0 0}.section-heading h2 em{color:#c8a66f;font-weight:400}.section-heading>p{font-size:11px;line-height:1.9;color:#c0aa92}.section-heading>p span{color:#8b7468;display:block;margin-top:15px}.filter-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:40px;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:25px}.filters button{background:none;border:0;padding:0;color:#a18b7e;font-size:9px;transition:color .3s}.filters button.active,.filters button:hover{color:#f2ddaf}.filters button.active:before{content:'✧';margin-right:7px;color:#c5a46d}.result-count{font-size:8px;letter-spacing:.1em;color:#977d67;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}.project{position:relative;min-width:0}.project:nth-child(3n+2){padding-top:75px}.project-media{position:relative;background:#301721;border:0;padding:0;width:100%;aspect-ratio:4/5;overflow:hidden;display:block;transform-style:preserve-3d;transition:transform .5s;box-shadow:0 15px 40px #10070b40}.project-media:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#ffdf9d20,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.project-media:hover:after{opacity:1}.project-media img,.project-media video{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s}.project-media:hover img,.project-media:hover video{transform:scale(1.045);filter:brightness(.85)}.project-media.contain img{object-fit:contain}.project-caption{display:flex;justify-content:space-between;margin-top:15px;font-size:8px;letter-spacing:.06em;gap:12px}.project-caption>span{color:#9f8878;font-size:7px}.video-badge{position:absolute;top:15px;left:15px;z-index:2;font-size:8px;letter-spacing:.12em;background:#250d19b8;padding:8px 10px;border:1px solid #e5c18555}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #efdab3aa;background:#2a0b19bb;border-radius:50%;width:52px;height:52px;color:#f4e3c1;font-size:14px}.load-more{margin:70px auto 0;background:transparent;border:1px solid #bb975e70;padding:20px 28px;display:flex;gap:60px;align-items:center;font-size:8px;letter-spacing:.15em;transition:background .3s}.load-more:hover{background:#c3a16c;color:#28101a}.load-more[hidden]{display:none}.about{padding:95px 8%;background:#e8ddc4;color:#3d1b27}.about-label{display:flex;justify-content:space-between;border-bottom:1px solid #9e805848;padding-bottom:25px}.about-label .section-no{color:#957246}.about-label>span+span{font-size:7px;letter-spacing:.18em;color:#94785d}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:11%;align-items:center;margin:65px 0 90px}.monogram-scene{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#d3bd9455,transparent 70%)}.giant-jm{font:italic 220px/.9 'Cormorant Garamond';letter-spacing:-.2em;color:#6b293d;position:relative;padding-right:30px;text-shadow:1px 1px 0 #faf0d7}.giant-jm span{display:inline-block;transform:translateY(40px)}.monogram-orbit{position:absolute;inset:0 0 10%;border:1px solid #b08f5d77;border-radius:50% 50% 0 0;transform:rotate(-7deg)}.mono-flourish{width:190px;height:35px;color:#a2804d;margin-top:50px}.mono-label{font-size:6px;letter-spacing:.17em;margin-top:25px;color:#977950}.about h2{font-size:clamp(36px,4vw,55px);margin:0 0 30px}.about h2 em{font-weight:400;color:#976273}.about-lead{font:26px/1.3 'Cormorant Garamond'!important;color:#4d2633!important}.about-copy p{font-size:11px;line-height:1.9;color:#80645e;margin:20px 0}.about-signature{font:italic 34px 'Cormorant Garamond';margin-top:30px}.services{border-top:1px solid #957b5755}.services a{display:flex;align-items:center;gap:35px;padding:25px 18px;border-bottom:1px solid #957b5755;transition:background .4s,padding .4s,color .4s;position:relative;overflow:hidden}.services a:hover{background:#6b293d;color:#f0dfbd;padding-left:30px}.services span{font-size:8px;color:#a07e4e}.services strong{font:400 30px 'Cormorant Garamond'}.services i{margin-left:auto;font:24px Manrope;transition:transform .4s}.services a:hover i{transform:rotate(45deg)}.contact{padding:110px 8% 45px;background:radial-gradient(ellipse at var(--x) var(--y),#73324970,transparent 55%),#351221}.contact>p{font-size:11px;color:#baa18c;margin:30px 0}.contact-title{font:400 clamp(55px,8vw,115px)/1.05 'Bodoni Moda';letter-spacing:-.05em;display:block;position:relative;max-width:1050px}.contact-title em{font-weight:400;color:#d1ae77;transition:color .5s}.contact-title>span{position:absolute;right:0;top:0;font:70px Manrope;color:#be985e;transition:transform .5s}.contact-title:hover em{color:#fff0c9}.contact-title:hover>span{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:80px;padding-top:28px;font-size:8px;color:#aa8f75;letter-spacing:.08em}.contact-bottom a{color:#d7be94}footer{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.12em;color:#8f7769}footer button{background:none;border:0;padding:0;font-size:7px;letter-spacing:.12em;color:#b89a73}dialog{width:min(95vw,1250px);height:94svh;max-height:94svh;padding:0;border:1px solid #ba945d66;background:#1d0d15;color:#f1e4c9;overflow:hidden;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0d050aee;backdrop-filter:blur(12px)}.viewer-top,.viewer-bottom{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:8px;letter-spacing:.14em;border-bottom:1px solid var(--line)}.viewer-bottom{border-top:1px solid var(--line);border-bottom:0}.viewer-top button,.viewer-bottom button{background:none;border:0;color:#d7ba88;font-size:8px;letter-spacing:.12em;padding:8px}#dialog-content{height:calc(100% - 110px);display:flex;align-items:center;justify-content:center;padding:15px}#dialog-content img,#dialog-content video{max-width:100%;max-height:100%;object-fit:contain}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.4;transform:scale(.8) rotate(15deg)}}@media(min-width:1600px){.hero{padding-inline:12%}.hero h1{font-size:120px}.hero-art{max-width:500px}}@media(max-width:1000px){.hero{padding-inline:6%;gap:20px;min-height:800px}.hero h1{font-size:76px}.hero-art{padding:16px}.hero-bottom{gap:30px}.art-stamp{left:0;width:90px;height:90px}.gallery{gap:35px 16px}.filters{gap:15px}}@media(max-width:700px){header{height:85px;padding:0 6%}.wordmark{font-size:35px;gap:10px}.wordmark>span{font-size:8px;padding-left:10px}.wordmark small{font-size:5px}nav{gap:16px}nav a{font-size:8px}nav a:nth-child(2){display:none}.nav-contact{border:0;padding:0}.nav-contact span{margin-left:6px}.hero{height:auto;min-height:0;max-height:none;padding:150px 7% 85px;grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(55px,12vw,85px);margin:28px 0 25px}.hero-bottom{justify-content:space-between}.hero-bottom p{font-size:10px}.round-link{width:80px;height:80px}.hero-art{max-width:330px;justify-self:center;margin:20px 0 45px}.hero-lines{inset:85px 4% 45px}.art-spark{font-size:45px;top:-30px}.art-stamp{bottom:-8px;left:-5px}.hero-foot{font-size:5px;bottom:20px}.manifesto{padding:60px 7%}.manifesto>p{font-size:clamp(33px,7vw,50px);margin:35px 0}.manifesto-bottom svg{width:100px}.manifesto-bottom>span{font-size:8px;max-width:190px}.work{padding:75px 5%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:53px}.section-heading>p{margin-top:25px;font-size:10px}.section-heading>p br{display:none}.section-heading>p span{margin-top:5px}.filter-bar{display:block;padding:15px 0}.filters{gap:13px 18px}.filters button{font-size:8px}.result-count{display:block;margin-top:18px;font-size:7px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.project:nth-child(3n+2){padding-top:0}.project:nth-child(even){padding-top:35px}.project-caption{font-size:6px;line-height:1.6;margin-top:10px;display:block}.project-caption>span{font-size:6px;display:block}.video-badge{font-size:6px;padding:6px;top:8px;left:8px}.play-icon{width:40px;height:40px}.about{padding:65px 7%}.about-label>span+span{display:none}.about-grid{grid-template-columns:1fr;gap:45px;margin:40px 0 50px}.monogram-scene{min-height:330px;max-width:300px;width:100%;margin:auto}.giant-jm{font-size:185px}.about h2{font-size:40px}.services a{gap:18px;padding:20px 0}.services strong{font-size:24px}.contact{padding:75px 7% 35px}.contact-title{font-size:clamp(43px,9vw,65px)}.contact-title>span{font-size:32px}.contact-bottom{margin-top:45px;gap:20px;font-size:6px;line-height:1.8}footer{font-size:6px;padding:25px 6%;gap:25px;flex-wrap:wrap}footer button{font-size:6px}.cursor{display:none!important}.intro-top{font-size:7px;top:25px}.intro-top>span+span{display:none}.intro-pre{font-size:20px;margin-bottom:55px}.letter-stage{width:82vw}.wax-seal{width:78px;height:78px}.intro-bottom{width:82vw;margin-top:35px}.intro-bottom p{font-size:18px}.intro-bottom button{font-size:7px}.intro-bottom button span{margin-left:12px}.letter-greeting{font-size:19px}.letter-jm{font-size:26px;margin-bottom:6px}.paper-letter svg{width:70px;height:15px;margin-top:7px}.paper-letter small{font-size:4px}.viewer-top,.viewer-bottom{padding:0 12px;font-size:7px}.viewer-top button,.viewer-bottom button{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor{display:none!important}}
/* Enchanted realms */
#magic-dust{position:fixed;inset:0;z-index:1001;pointer-events:none;mix-blend-mode:screen}.hero{background:radial-gradient(ellipse at var(--x) var(--y),#89522e25,transparent 48%),radial-gradient(ellipse at 80% 40%,#71374c77,transparent 55%),#230e16}.hero-art{padding:35px 30px 20px;isolation:isolate}.arcane-sigil{position:absolute;inset:-100px -50px -65px;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 9px #d7a65166)}.arcane-sigil svg{width:100%;height:100%;overflow:visible}.portal-glow{position:absolute;inset:-20% -30%;z-index:-2;border-radius:50%;background:conic-gradient(from 0deg,transparent,#e5b76a22,transparent,#e3ad7733,transparent);filter:blur(35px);animation:rotate 25s linear infinite}.hero .art-frame{transform:rotate(0);border-radius:45% 45% 0 0;padding:10px;box-shadow:0 0 0 6px #b38c4c0d,0 0 50px #d5ad651f,0 25px 60px #0a040966;overflow:hidden;border-color:#dec18bc7}.hero-slides{border-radius:45% 45% 0 0;aspect-ratio:3/4}.hero .frame-corner{display:none}.hero-art .art-orbit{border-color:#d6b37335}.hero-art .orbit-a{animation:sigil-turn 35s linear infinite}.hero-art .orbit-b{animation:sigil-turn 40s linear infinite reverse}.hero-copy h1 em{text-shadow:0 0 50px #d8ab5b35}.manifesto{position:relative;overflow:hidden}.manifesto:after{content:'✧';position:absolute;font:300px Cormorant Garamond;right:8%;top:-70px;color:#9a7d4520;pointer-events:none}.intro-halo{border-color:#cba06240;box-shadow:0 0 80px #c5a46d0a,inset 0 0 80px #c5a46d0a}.intro-halo:before,.intro-halo:after{content:'';position:absolute;inset:9%;border:1px dashed #bc98642a;border-radius:50%;animation:rotate 100s linear infinite}.intro-halo:after{inset:16%;border-style:solid;border-color:#bc98641a;animation-direction:reverse}.filters{gap:12px 23px}.filters button{font-size:9px;padding:6px 0}.filter-bar{align-items:flex-start}.result-count{padding-top:8px;font-size:7px}.web-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}.web-gallery .project:nth-child(3n+2){padding-top:0}.web-gallery .project:nth-child(even){padding-top:60px}.web-gallery .project-media{aspect-ratio:16/10;border:1px solid #c4a16866;box-shadow:0 20px 45px #07020666}.website-open{position:absolute;bottom:18px;right:18px;z-index:2;padding:12px 16px;background:#32101de8;border:1px solid #c5a46d77;font-size:8px;letter-spacing:.14em;opacity:0;transform:translateY(10px);transition:.4s}.project-media:hover .website-open{opacity:1;transform:none}.documents-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.documents-gallery .project:nth-child(3n+2){padding-top:0}.document-cover{padding:30px!important;display:flex;align-items:center;justify-content:space-between;flex-direction:column;min-height:380px;aspect-ratio:3/4;background:radial-gradient(ellipse at var(--px,50%) var(--py,50%),#a673422f,transparent 65%),linear-gradient(110deg,#28111c,#562333 10%,#381523 95%);border:1px solid #b68b50a1;box-shadow:inset 7px 0 9px #180710,0 15px 40px #10070b88;position:relative}.document-cover:before{content:'';position:absolute;inset:12px;border:1px solid #ae865165;pointer-events:none}.book-number{font-size:7px;letter-spacing:.22em;color:#c8a66c}.book-emblem{font:65px Cormorant Garamond;color:#dcbb7e;text-shadow:0 0 25px #d6b37355}.document-cover h3{font:400 27px/1.15 'Bodoni Moda';letter-spacing:-.03em;text-align:center;color:#ecd6aa;margin:0 0 25px}.book-bottom{font-size:6px;letter-spacing:.15em;color:#c3a572}.brand-links{padding:75px 8% 95px;background:radial-gradient(ellipse at left,#5d294066,transparent 65%),#1c0b13;border-top:1px solid #c5a46d33}.links-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.links-heading h2{font:400 55px 'Bodoni Moda';letter-spacing:-.04em;margin:25px 0 0}.links-heading h2 em{color:#c5a46d;font-weight:400}.links-heading p{font-size:10px;color:#b49b87}.social-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid #b38b5033;border-left:1px solid #b38b5033}.social-links a{position:relative;padding:25px 18px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #b38b5033;border-bottom:1px solid #b38b5033;transition:background .4s}.social-links a:hover{background:#c5a46d1c}.social-links strong{font:400 23px Cormorant Garamond}.social-links span{font-size:8px;color:#a38973}.social-links i{position:absolute;right:18px;top:25px;color:#c5a46d;font-style:normal}.project-media:hover{box-shadow:0 0 28px #b58d4a22,0 20px 45px #09030777}@keyframes sigil-turn{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}@media(max-width:1000px){.documents-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.social-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero-art{max-width:290px;margin-top:45px}.arcane-sigil{inset:-70px -35px -40px}.filter-bar{display:block}.filters{gap:9px 18px}.filters button{font-size:8px}.web-gallery{grid-template-columns:1fr;gap:25px}.web-gallery .project:nth-child(even){padding-top:0}.website-open{opacity:1;transform:none;font-size:7px;padding:9px}.documents-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.document-cover{min-height:250px;padding:25px 19px!important}.document-cover h3{font-size:20px;margin-bottom:15px}.book-emblem{font-size:45px}.book-number{font-size:5px}.book-bottom{font-size:4px}.brand-links{padding:60px 7%}.links-heading h2{font-size:42px}.social-links a{padding:22px 12px}.social-links strong{font-size:21px}.social-links span{font-size:7px}.social-links i{right:12px;font-size:12px}.documents-gallery .project:nth-child(even){padding-top:0}}@media(prefers-reduced-motion:reduce){#magic-dust{display:none}.portal-glow{animation:none}}
/* A new navigation bar, designed as a restrained jewel. */
.royal-header{position:fixed;top:20px;left:4%;width:92%;height:82px;padding:0 26px;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;background:linear-gradient(110deg,#2c1120de,#381724d9,#27101dde);border:1px solid #b99a6250;backdrop-filter:blur(22px);box-shadow:0 12px 45px #10060a33;transition:background .4s,top .4s,height .4s;z-index:30}.royal-header.scrolled{top:12px;height:70px;background:#230e16ed;box-shadow:0 10px 35px #0c030944}.royal-header:before,.royal-header:after{content:'✧';position:absolute;top:50%;transform:translateY(-50%);color:#b99558;font-size:14px;background:#30121f;line-height:1}.royal-header:before{left:-7px}.royal-header:after{right:-7px}.header-left{display:flex;gap:26px;align-items:center}.header-left a{font-size:9px;color:#dccbad;letter-spacing:.03em}.header-work span{margin-left:12px;color:#bfa06c}.royal-brand{display:flex;align-items:center;flex-direction:column;gap:3px;justify-content:center;position:relative}.royal-monogram{font:italic 37px/.9 'Cormorant Garamond';color:#eddbb4;text-shadow:0 0 20px #dbb97b25}.royal-name{font-size:6px;letter-spacing:.25em;color:#bda57f;margin-top:3px}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:26px}.header-note{font-size:6px;letter-spacing:.14em;color:#ac967c;display:flex;gap:7px;align-items:center}.header-note i{width:4px;height:4px;background:#cfaa68;border-radius:50%;box-shadow:0 0 8px #e6c487}.header-cta{font-size:9px;padding:11px 15px;border:1px solid #b995586b;background:linear-gradient(120deg,#c6a46b0a,#c6a46b18);transition:background .35s,color .35s}.header-cta span{margin-left:20px;color:#c5a46d}.header-cta:hover{background:#c9aa72;color:#2a0f1a}.header-cta:hover span{color:#2a0f1a}.menu-toggle,.mobile-menu{display:none}.hero{padding-top:180px}.pdf-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.pdf-gallery .project:nth-child(3n+2){padding-top:0}.pdf-gallery .project-media{aspect-ratio:16/10;background:#381924;border:1px solid #ad874c77;box-shadow:0 18px 35px #10060a66}.pdf-cover img{object-fit:contain!important}.pdf-badge{position:absolute;top:12px;left:12px;padding:7px 10px;background:#260d1bed;border:1px solid #b99a6270;font-size:7px;letter-spacing:.05em;color:#e5cfa7}.pdf-gallery .project-caption{font-size:11px}.pdf-gallery .project-caption>span{font-size:7px;line-height:1.6}.pdf-viewer{display:flex!important;flex-direction:column;gap:0;padding:0!important}.pdf-toolbar{height:46px;display:flex;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);flex-shrink:0;width:100%;font-size:8px;color:#c7ae88}.pdf-toolbar>span{margin-right:auto}.pdf-toolbar a{color:#ecd8b1}.pdf-viewer iframe{border:0;width:100%;flex:1;background:#3a3a3a;min-height:0}.pdf-cover .website-open{font-size:7px;padding:10px 13px}@media(max-width:1000px){.header-note{display:none}.royal-header{padding:0 20px;gap:20px}.header-left{gap:20px}.pdf-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.royal-header{top:13px;left:5%;width:90%;height:70px;padding:0 18px;grid-template-columns:1fr auto 1fr}.royal-header.scrolled{height:64px}.royal-header .header-left,.royal-header .header-right{display:none}.royal-brand{grid-column:2}.royal-monogram{font-size:32px}.royal-name{font-size:5px}.menu-toggle{display:flex;flex-direction:column;gap:6px;grid-column:3;justify-self:end;background:transparent;border:0;padding:10px 0 10px 10px;position:absolute;right:18px;top:20px;width:30px}.menu-toggle span{height:1px;background:#dfc99d;width:20px;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-3.5px) rotate(-45deg)}.royal-header .mobile-menu{position:absolute;top:calc(100% + 8px);left:-1px;right:-1px;padding:22px 25px;background:#2d111fec;border:1px solid #b99a6250;backdrop-filter:blur(22px);display:flex;flex-direction:column;align-items:stretch;gap:0}.mobile-menu[hidden]{display:none!important}.mobile-menu a{font:24px Cormorant Garamond;padding:13px 0;border-bottom:1px solid var(--line)}.hero{padding-top:145px}.pdf-gallery{grid-template-columns:1fr;gap:30px}.pdf-gallery .project:nth-child(even){padding-top:0}.pdf-gallery .project-caption{font-size:12px;display:flex}.pdf-toolbar{gap:12px;padding:0 12px;font-size:6px}.pdf-badge{font-size:6px}.pdf-cover .website-open{opacity:1;transform:none}.pdf-viewer iframe{min-height:300px}}
/* Full artwork, clean masthead, horizontal portfolio carousel. */
.royal-header{position:absolute;top:0;left:0;width:100%;height:110px;padding:0 6%;display:flex;justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #c5a46d25;backdrop-filter:none;box-shadow:none}.royal-header.scrolled{top:0;height:110px;background:transparent;box-shadow:none}.royal-header:before,.royal-header:after{display:none}.clean-brand{font:500 15px Manrope;letter-spacing:.18em;color:#ead9b6}.clean-brand span{display:block;font-size:6px;letter-spacing:.24em;margin-top:8px;color:#ac9276}.royal-header .header-left{gap:35px}.royal-header .header-left a{font-size:10px}.simple-contact{padding:12px 0;border-bottom:1px solid #b18c53}.hero{grid-template-columns:1.15fr 1fr;min-height:880px;padding:175px 9% 110px 7%;gap:65px;background:radial-gradient(ellipse at 75% 45%,#71344555,transparent 55%),radial-gradient(ellipse at var(--x) var(--y),#8c61301a,transparent 45%),#230e16}.hero-lines{display:none}.hero h1{font-size:clamp(64px,6.7vw,105px);letter-spacing:-.05em;line-height:1.04;margin:35px 0}.hero h1 .outline-word{font-size:.58em;letter-spacing:-.025em;white-space:nowrap}.hero-art{max-width:430px;padding:0;position:relative;isolation:isolate}.hero .art-frame{border-radius:0!important;border:0!important;box-shadow:0 35px 75px #09020888!important;padding:0!important;overflow:visible;background:transparent;transform:rotate(3deg);transition:transform .6s}.hero-slides{border-radius:0!important;aspect-ratio:4/5;background:transparent;overflow:visible}.hero-slides img{object-fit:contain!important;border-radius:0!important;filter:none;transform:translateY(10px) scale(.98);box-shadow:0 20px 50px #0b040844}.hero-slides img.current{transform:translateY(0) scale(1)}.art-floating-note{font-size:6px;letter-spacing:.2em;color:#b99a75;text-align:right;position:relative;margin-bottom:22px}.art-aura{position:absolute;inset:-18% -20%;background:radial-gradient(ellipse,#e7b85c18,transparent 65%);filter:blur(25px);pointer-events:none;z-index:-1}.art-aura:before,.art-aura:after{content:'✧';position:absolute;top:4%;right:10%;color:#d9b879;font:28px Cormorant Garamond;filter:none}.art-aura:after{top:auto;right:auto;bottom:12%;left:2%;font-size:15px}.art-caption{font-size:6px;margin-top:24px}.gallery,.gallery.web-gallery,.gallery.pdf-gallery,.gallery.documents-gallery{display:flex!important;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a58550 #c1a16c15;padding:18px 8px 28px;margin:0 -8px;align-items:flex-start;overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{height:3px}.gallery::-webkit-scrollbar-thumb{background:#ad8b55}.gallery .project,.gallery .project:nth-child(3n+2),.gallery .project:nth-child(even){flex:0 0 calc((100% - 65px)/3.15);padding-top:0!important;scroll-snap-align:start;opacity:1!important;transform:none!important;transition:none}.gallery.web-gallery .project{flex-basis:calc((100% - 35px)/2.15)}.gallery.pdf-gallery .project{flex-basis:calc((100% - 60px)/2.8)}.gallery .project-media{border-radius:0!important}.gallery .project-media img,.gallery .project-media video{object-fit:contain!important;background:#200e16}.gallery.web-gallery .project-media{aspect-ratio:16/10}.gallery.pdf-gallery .project-media{aspect-ratio:16/10}.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.carousel-toolbar>span{font-size:8px;letter-spacing:.12em;color:#b3936c}.carousel-actions{display:flex;gap:12px;align-items:center}.carousel-actions button{background:transparent;border:1px solid #a98b5c70;width:42px;height:42px;color:#dfc390;transition:background .3s,color .3s}.carousel-actions button:hover{background:#c5a46d;color:#26101a}.carousel-actions #carousel-pause{font-size:7px;letter-spacing:.12em;width:auto;padding:0 18px;border:0;margin-right:12px}.carousel-actions button[hidden]{display:none}.project-caption{min-height:25px}.work{padding-inline:6%}@media(max-width:1000px){.hero{gap:35px;padding-right:7%;min-height:820px}.hero h1{font-size:74px}.gallery .project{flex-basis:calc((100% - 35px)/2.3)}.gallery.pdf-gallery .project{flex-basis:calc((100% - 35px)/2.25)}}@media(max-width:700px){.royal-header,.royal-header.scrolled{height:90px;padding:0 7%}.clean-brand{font-size:12px;letter-spacing:.14em}.clean-brand span{font-size:5px;letter-spacing:.14em}.royal-header .header-left{display:none}.royal-header .menu-toggle{display:flex;top:33px;right:7%}.royal-header .mobile-menu{left:5%;right:5%;top:80px}.hero{grid-template-columns:1fr;min-height:0;height:auto;padding:145px 7% 80px;gap:35px}.hero h1{font-size:clamp(56px,12vw,82px);margin:28px 0}.hero h1 .outline-word{font-size:.61em}.hero-art{width:80%;max-width:330px;justify-self:center;margin:10px 0 45px}.hero .art-frame{transform:rotate(2deg)}.art-floating-note{font-size:5px;margin-bottom:15px}.gallery,.gallery.web-gallery,.gallery.pdf-gallery{gap:16px;padding-bottom:22px}.gallery .project,.gallery.web-gallery .project,.gallery.pdf-gallery .project{flex-basis:83%}.gallery .project-caption{display:flex;font-size:8px;gap:12px}.gallery .project-caption>span{font-size:6px}.carousel-toolbar{margin-top:15px;padding-top:15px}.carousel-actions button{width:38px;height:38px}.carousel-actions #carousel-pause{font-size:6px;padding:0 8px;margin-right:0}.work{padding-inline:7%}}
/* Consistent dimensions and luminous gold outlines throughout the collection. */
.gallery,.gallery.web-gallery,.gallery.pdf-gallery,.gallery.documents-gallery{gap:26px!important;padding:25px 12px 36px!important;margin-inline:-12px;align-items:stretch!important}.gallery .project,.gallery.web-gallery .project,.gallery.pdf-gallery .project,.gallery.documents-gallery .project{flex:0 0 calc((100% - 52px)/3)!important;padding:0!important;display:flex;flex-direction:column;min-width:0}.gallery .project-media,.gallery.web-gallery .project-media,.gallery.pdf-gallery .project-media,.gallery .project-media.contain{width:100%;aspect-ratio:4/5!important;min-height:0!important;height:auto!important;border-radius:20px!important;border:1px solid #c6a36399!important;background:#24101b!important;box-shadow:0 10px 25px #09030855!important;overflow:hidden!important;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s!important;isolation:isolate}.gallery .project-media img,.gallery .project-media video{width:100%;height:100%;object-fit:contain!important;border-radius:18px!important;transform:none;background:#24101b!important}.gallery .project-media:hover,.gallery .project-media:focus-visible{border-color:#ffe3a1!important;box-shadow:0 0 0 1px #f2cf8455,0 0 18px #e5b85b70,0 0 42px #dca43e36,0 18px 35px #08020777!important}.gallery .project-media:before{content:'';position:absolute;inset:0;border-radius:19px;background:linear-gradient(115deg,transparent 15%,#ffeab71a 38%,#ffdf9752 48%,transparent 65%);transform:translateX(-150%);transition:transform .85s ease;z-index:3;pointer-events:none}.gallery .project-media:hover:before{transform:translateX(130%)}.gallery .project-caption,.gallery.pdf-gallery .project-caption{min-height:46px!important;height:46px;display:flex;align-items:flex-start;justify-content:space-between;margin-top:18px;gap:15px;font-size:9px;line-height:1.5}.gallery .project-caption>div{max-width:63%}.gallery .project-caption>span{font-size:7px;text-align:right;max-width:48%;color:#b69a75}.gallery .project-media:hover img,.gallery .project-media:hover video{transform:scale(1.025)!important;filter:brightness(1.03)!important}.pdf-badge,.video-badge{border-radius:7px;top:13px;left:13px}.website-open{border-radius:8px}.frame-shine{border-radius:20px;z-index:5;opacity:.45}.hero-art{max-width:400px;margin-right:15px;padding:0!important;perspective:1600px}.hero .art-frame{border-radius:20px!important;background:transparent!important;box-shadow:none!important;transform:rotate(0)!important;overflow:visible!important;border:0!important;transform-style:preserve-3d}.hero-slides{aspect-ratio:4/5;position:relative;overflow:visible!important;border-radius:20px!important}.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;border:1px solid #c6a363aa!important;border-radius:20px!important;background:#24101b;box-shadow:0 25px 55px #08020780!important;transition:transform 1.15s cubic-bezier(.22,.8,.22,1),opacity 1s,filter 1s,box-shadow .5s!important;will-change:transform;opacity:1;backface-visibility:hidden}.hero-slides img.current{z-index:3;opacity:1;filter:brightness(1);transform:translate3d(0,0,50px) rotate(0) scale(1)!important}.hero-slides img.rear-right{z-index:2;opacity:.6;filter:brightness(.7);transform:translate3d(42px,-15px,-40px) rotate(8deg) scale(.9)!important}.hero-slides img.rear-left{z-index:1;opacity:.4;filter:brightness(.65);transform:translate3d(-38px,13px,-80px) rotate(-7deg) scale(.88)!important}.hero-art:hover .hero-slides img.current{box-shadow:0 0 0 1px #f2cf8450,0 0 28px #e1b25b4a,0 25px 55px #08020780!important;border-color:#f3d38d!important}.art-floating-note{margin-bottom:42px;font-size:7px}.art-caption{margin-top:36px;align-items:center;gap:15px}.hero-controls{display:flex;align-items:center;gap:16px}.hero-controls button{width:28px;height:28px;background:transparent;border:1px solid #b08d5666;border-radius:50%;color:#dfbd80;font:13px Manrope;transition:background .3s,box-shadow .3s}.hero-controls button:hover{background:#b99055;color:#24101b;box-shadow:0 0 16px #b9905544}.hero-controls>span{font-size:7px;white-space:nowrap}.hero-art .frame-shine{display:none}@media(max-width:1000px){.gallery .project,.gallery.web-gallery .project,.gallery.pdf-gallery .project,.gallery.documents-gallery .project{flex-basis:calc((100% - 42px)/2.3)!important}.hero-art{max-width:350px}}@media(max-width:700px){.gallery,.gallery.web-gallery,.gallery.pdf-gallery,.gallery.documents-gallery{gap:18px!important}.gallery .project,.gallery.web-gallery .project,.gallery.pdf-gallery .project,.gallery.documents-gallery .project{flex-basis:82%!important}.gallery .project-media,.gallery.web-gallery .project-media,.gallery.pdf-gallery .project-media{border-radius:16px!important}.gallery .project-media img,.gallery .project-media video{border-radius:14px!important}.gallery .project-caption,.gallery.pdf-gallery .project-caption{font-size:9px;height:42px;min-height:42px!important;margin-top:14px}.hero-art{max-width:280px;width:75%;margin:30px auto 50px!important}.hero-slides img{border-radius:16px!important}.hero-slides img.rear-right{transform:translate3d(28px,-12px,-40px) rotate(7deg) scale(.9)!important}.hero-slides img.rear-left{transform:translate3d(-25px,10px,-80px) rotate(-6deg) scale(.88)!important}.art-floating-note{font-size:5px;margin-bottom:30px}.art-caption{font-size:5px;gap:8px}.hero-controls{gap:9px}.hero-controls button{width:25px;height:25px}.hero-controls>span{font-size:6px}}
/* Landscape website previews, framed to the same horizontal dimensions. */
.gallery.web-gallery .project{flex:0 0 calc((100% - 42px)/2.15)!important}.gallery.web-gallery .project-media{aspect-ratio:16/10!important;border-radius:20px!important}.gallery.web-gallery .project-media img{object-fit:contain!important;width:100%;height:100%;background:#24101b!important}.manifesto:after{display:none!important}.manifesto{padding-right:30%;min-height:390px}.manifesto>p{font-size:clamp(38px,5.2vw,78px)}.sword-display{position:absolute;right:3%;top:25px;bottom:20px;width:27%;min-height:300px;pointer-events:none;isolation:isolate}.sword-display:before{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#aa7e3833,transparent 65%);z-index:-1}.sword-display canvas{width:100%;height:100%;display:block}.sword-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font:150px serif;color:#8b6638;text-shadow:0 10px 30px #96713b55}.sword-display.fallback .sword-fallback{display:flex}.manifesto-bottom{gap:25px}.manifesto-bottom>span{max-width:330px}@media(max-width:1000px){.gallery.web-gallery .project{flex-basis:70%!important}.manifesto{padding-right:28%}.sword-display{right:0;width:28%}.manifesto>p{font-size:55px}}@media(max-width:700px){.gallery.web-gallery .project{flex-basis:90%!important}.gallery.web-gallery .project-media{aspect-ratio:16/10!important;border-radius:16px!important}.manifesto{padding:60px 7% 35px;min-height:0}.manifesto>p{font-size:clamp(30px,7.2vw,48px);position:relative;z-index:1;margin-bottom:15px}.sword-display{position:relative;width:100%;right:auto;top:auto;bottom:auto;height:230px;min-height:230px;margin:-15px 0 -20px}.manifesto-bottom{position:relative;z-index:1}.manifesto-bottom>span{max-width:200px;font-size:8px}}
.sword-display.fallback canvas{display:none}.sword-display.fallback .sword-fallback{display:flex;perspective:900px;filter:drop-shadow(12px 20px 15px #6b4e2a33)}.css-sword{display:block;width:120px;height:275px;position:relative;transform-style:preserve-3d;animation:sword-turn 11s linear infinite}.css-sword>svg,.sword-face,.sword-back{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d}.sword-edge{transform:translateZ(var(--depth))}.sword-face{transform:translateZ(3px)}.sword-back{transform:translateZ(-3px) rotateY(180deg)}.sword-face svg,.sword-back svg{width:100%;height:100%;display:block}.sword-fallback{font:initial;text-shadow:none}@keyframes sword-turn{from{transform:rotateZ(27deg) rotateY(0deg)}to{transform:rotateZ(27deg) rotateY(360deg)}}@media(max-width:700px){.css-sword{width:90px;height:210px}}@media(prefers-reduced-motion:reduce){.css-sword{animation:none;transform:rotateZ(27deg) rotateY(30deg)}}
/* Landscape covers for every PDF category, matching website cards. */
.gallery.pdf-gallery .project{flex:0 0 calc((100% - 42px)/2.15)!important}.gallery.pdf-gallery .project-media{aspect-ratio:16/10!important;border-radius:20px!important}.gallery.pdf-gallery .project-media img{object-fit:contain!important;width:100%;height:100%;background:#24101b!important}.pdf-mobile-preview{display:none}.pdf-mobile-preview img{max-width:100%;height:auto;object-fit:contain;border-radius:12px;border:1px solid #b79a65}.pdf-mobile-preview a{display:inline-block;padding:15px 22px;border:1px solid #bd9b62;border-radius:8px;color:#ead3a4;text-decoration:none;font-size:11px;letter-spacing:.08em}@media(max-width:1000px){.gallery.pdf-gallery .project{flex-basis:70%!important}}@media(max-width:700px){html{scroll-padding-top:20px}.gallery.pdf-gallery .project{flex-basis:90%!important}.gallery.pdf-gallery .project-media{aspect-ratio:16/10!important;border-radius:16px!important}.filters{gap:5px 9px!important}.filters button{font-size:10px!important;min-height:38px;padding:8px 5px!important}.filters button.active:before{margin-right:4px}.filter-bar{margin-bottom:20px}.result-count{font-size:9px;line-height:1.6}.gallery .project-caption,.gallery.pdf-gallery .project-caption{font-size:10px!important;line-height:1.5}.gallery .project-caption>span{font-size:8px!important}.pdf-badge,.video-badge{font-size:8px!important;padding:6px 8px;max-width:calc(100% - 26px)}.website-open{font-size:8px!important}.carousel-actions button{width:44px;height:44px}.carousel-actions #carousel-pause{min-height:44px;font-size:9px}.carousel-toolbar>span{font-size:9px}.mobile-menu a{min-height:48px}.hero-controls button{width:34px;height:34px}.hero-controls>span{font-size:8px}.hero-bottom p{font-size:11px;line-height:1.8}.about-copy p,.copy{font-size:12px;line-height:1.8}.social-links span{font-size:8px}.pdf-toolbar{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 12px;gap:8px 14px;font-size:9px}.pdf-toolbar>span{flex-basis:100%;font-size:10px}.pdf-toolbar a{font-size:10px;min-height:32px;display:flex;align-items:center}.pdf-viewer iframe{display:none}.pdf-mobile-preview{display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column;justify-content:center;align-items:center;padding:18px;gap:24px;width:100%}.pdf-mobile-preview img{max-height:45vh;flex-shrink:0}.viewer-top,.viewer-bottom{font-size:9px;padding:0 12px}.viewer-top button,.viewer-bottom button{font-size:9px;min-height:44px}.viewer-top{height:54px}.viewer-bottom{height:54px}.dialog,.dialog-wrap{max-width:100%}.contact-bottom{font-size:8px}.contact>p{font-size:12px}.clean-brand span{font-size:6px}.hero-foot{font-size:6px}}
@media(max-width:700px){.mobile-menu a:nth-child(2){display:block!important}}
/* Joyce's supplied portrait is the new focal point of the opening. */
.hero-art.hero-portrait{max-width:490px;width:100%;margin-right:0}.hero .portrait-frame{aspect-ratio:1/1;border:1px solid #c8a369aa!important;border-radius:22px!important;overflow:hidden!important;background:#301520!important;box-shadow:0 25px 65px #0a040a80!important;transition:border-color .5s,box-shadow .5s,transform .6s!important;animation:portrait-arrive 1.2s cubic-bezier(.2,.8,.2,1) both}.joyce-portrait{display:block;width:100%;height:100%;object-fit:contain;border-radius:21px;transform:scale(1);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.hero-portrait:hover .portrait-frame{border-color:#ffe2a2!important;box-shadow:0 0 25px #e0b26344,0 25px 65px #0a040a80!important}.hero-portrait:hover .joyce-portrait{transform:scale(1.015)}.hero-portrait .frame-shine{display:block;position:absolute;inset:0;border-radius:21px;background:radial-gradient(circle at var(--px,30%) var(--py,20%),#ffe6b215,transparent 55%);pointer-events:none;opacity:.65}.hero-portrait .art-floating-note{margin-bottom:24px}.hero-portrait .art-caption{margin-top:22px;font-size:7px}.hero-portrait .art-caption>span+span{color:#d5b175;font-size:16px}@keyframes portrait-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.hero-art.hero-portrait{width:100%!important;max-width:350px!important;margin:10px auto 45px!important}.hero .portrait-frame{border-radius:18px!important}.joyce-portrait{border-radius:17px}.hero-portrait .art-floating-note{font-size:6px;margin-bottom:18px}.hero-portrait .art-caption{font-size:6px;line-height:1.8;margin-top:15px}.hero-portrait .art-caption>span+span{font-size:14px}}@media(prefers-reduced-motion:reduce){.portrait-frame{animation:none!important}}
/* A readable medieval title face, and Joyce's portrait in her biography. */
h1,h2,.hero h1,.section-heading h2,.about h2,.manifesto>p,.contact-title,.links-heading h2{font-family:'Cinzel',serif!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.025em!important}.hero h1 em,.chapter h2 em,.section-heading h2 em,.about h2 em,.manifesto em,.contact-title em,.links-heading h2 em{font-family:'Cinzel',serif!important;font-weight:500!important;font-style:normal!important}.hero h1{font-size:clamp(55px,5.7vw,86px)!important;line-height:1.15!important}.hero h1 .outline-word{font-family:'Cinzel',serif!important;font-style:normal!important;font-size:.49em!important;letter-spacing:0!important;line-height:1.5}.section-heading h2{font-size:clamp(45px,5vw,70px)!important;line-height:1.15!important}.manifesto>p{font-size:clamp(32px,3.5vw,54px)!important;line-height:1.3!important}.about h2{font-size:clamp(28px,3.1vw,43px)!important;line-height:1.25!important}.contact-title{font-size:clamp(48px,6.5vw,92px)!important;line-height:1.2!important}.links-heading h2{font-size:44px!important;line-height:1.25!important}.about-grid{align-items:center}.about-portrait{width:100%;position:relative;padding:0}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px;border:1px solid #a3824a;box-shadow:0 20px 45px #57342230;transition:box-shadow .4s,border-color .4s}.about-portrait:hover img{border-color:#e3bd6e;box-shadow:0 0 25px #c49b4a44,0 20px 45px #57342230}.about-portrait-caption{display:block;font-size:7px;letter-spacing:.16em;color:#8c6b42;margin-top:17px}.about-grid{grid-template-columns:1fr 1.1fr;gap:9%}@media(max-width:1000px){.hero h1{font-size:68px!important}.manifesto>p{font-size:38px!important}}@media(max-width:700px){.hero h1{font-size:clamp(43px,10.8vw,65px)!important;line-height:1.2!important}.hero h1 .outline-word{font-size:.49em!important;white-space:normal;display:inline-block;margin-top:8px}.section-heading h2{font-size:36px!important;line-height:1.2!important}.manifesto>p{font-size:clamp(25px,6.5vw,33px)!important;line-height:1.35!important}.about h2{font-size:29px!important;line-height:1.3!important}.about-grid{grid-template-columns:1fr;gap:36px}.about-portrait{max-width:350px;margin:auto}.about-portrait img{border-radius:16px}.about-portrait-caption{font-size:6px;margin-top:12px}.links-heading h2{font-size:31px!important}.contact-title{font-size:clamp(33px,8.5vw,49px)!important;line-height:1.25!important}.contact-title>span{font-size:26px}}
/* Directional sword icons replace arrow glyphs across static and dynamic content. */
.mini-sword{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;min-width:13px;min-height:13px;vertical-align:-.2em;color:#c9a66b;flex-shrink:0;line-height:1;pointer-events:none}.mini-sword svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--sword-angle,45deg));filter:drop-shadow(0 0 3px #e3b86b22);transition:filter .3s}.carousel-actions .mini-sword,.hero-controls .mini-sword{min-width:20px;min-height:20px}.round-link>span>.mini-sword{width:28px;height:28px}.contact-title>span>.mini-sword{min-width:65px;min-height:65px}.simple-contact .mini-sword,.mobile-menu .mini-sword{margin-left:4px}a:hover .mini-sword svg,button:hover .mini-sword svg{filter:drop-shadow(0 0 5px #f0c67588)}.header-cta:hover .mini-sword,.load-more:hover .mini-sword,.carousel-actions button:hover .mini-sword{color:inherit}.carousel-actions button{display:inline-flex;align-items:center;justify-content:center}.hero-controls button{display:inline-flex;align-items:center;justify-content:center}.contact-title>span{line-height:1}.viewer-bottom button{display:flex;align-items:center;gap:7px}.pdf-toolbar a{display:inline-flex;align-items:center;gap:5px}@media(max-width:700px){.contact-title>span>.mini-sword{min-width:30px;min-height:30px}.mobile-menu .mini-sword{width:20px;height:20px}.mini-sword{min-width:12px;min-height:12px}.carousel-actions .mini-sword,.hero-controls .mini-sword{min-width:19px;min-height:19px}}
.round-link .mini-sword svg{position:static!important;inset:auto!important;width:100%!important;height:100%!important;animation:none!important}.round-link .mini-sword{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
