/* raerennaphoto — identity system.
   The Canva SVG's actual Circe Contrast letter outlines are used for the
   wordmark and main role line without shipping any commercial font files.
   Cinzel is loaded for small uppercase secondary copy. The original
   photographed-card italic is retained until it can be exported from Canva.
*/
:root{--bg:#090909;--fg:#dddcd8;--muted:#8e8d89;--rule:#272727;--wordmark:'Helvetica Neue',Arial,sans-serif;--secondary:'Cinzel',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--wordmark);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{outline-offset:5px}::selection{background:#ccc;color:#090909}
.skip-link{position:fixed;top:-100px;left:10px;z-index:300;background:#fff;color:#000;padding:12px;font-size:11px}.skip-link:focus{top:10px}
.entry{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#090909;transition:opacity .92s ease .3s,visibility 0s linear 1.22s}
.entry.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.entry-center{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-2.5vh);position:relative;isolation:isolate}
.entry-center::before{content:"";position:absolute;left:50%;top:18%;width:min(860px,98vw);height:240px;transform:translate(-50%,-50%) scale(.82);opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(234,235,231,.22) 0%,rgba(220,223,225,.065) 31%,transparent 68%);filter:blur(34px);transition:opacity .9s ease,transform 1.15s ease}
.entry.is-gone .entry-center::before{opacity:1;transform:translate(-50%,-50%) scale(1.15)}
.entry-wordmark{display:block;width:min(690px,81vw);line-height:0;margin:0;padding:0;max-width:none}
.entry-wordmark img{display:block;width:100%;height:auto;opacity:1;transform:scale(1);filter:blur(0) brightness(1);transition:filter 1.12s cubic-bezier(.25,.65,.2,1),transform 1.12s ease,opacity 1.12s ease;will-change:filter,transform,opacity}
.entry.is-gone .entry-wordmark img{opacity:0;transform:scale(1.055);filter:blur(17px) brightness(2.1) drop-shadow(0 0 30px rgba(240,245,250,.75))}
.enter-button{border:0;background:transparent;color:#94938e;cursor:pointer;font-family:var(--secondary);font-size:9px;letter-spacing:.24em;margin-top:clamp(80px,15vh,160px);padding:14px 24px}.enter-button:hover{color:#fff}.entry.is-gone .enter-button{opacity:0;transform:translateY(9px);pointer-events:none}.enter-button{transition:opacity .43s ease,transform .43s ease,color .2s ease}
.site-shell{opacity:0;transition:opacity 1.1s ease .38s}.site-shell.is-open{opacity:1}.site-header{height:79px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(20px,4.3vw,76px);background:#090909ed;backdrop-filter:blur(12px);border-bottom:1px solid #1c1c1c}
.brand-wordmark{display:inline-flex;align-items:center;width:clamp(160px,17.5vw,236px);flex-shrink:0;line-height:0}
.brand-wordmark img,.about-name img{display:block;width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:clamp(13px,2.5vw,45px)}.desktop-nav a,.mobile-nav a,.eyebrow,.scroll-note,.section-caption,.book-caption,.footer-meta,.book-end,.inquire-button,.lightbox-caption{font-family:var(--secondary);font-weight:400;font-size:9px;letter-spacing:.13em;line-height:1.6}.desktop-nav a{color:#b4b2af;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff}.menu-toggle,.mobile-nav{display:none}
.work-intro{height:21vh;min-height:135px;display:flex;align-items:end;justify-content:space-between;padding:24px clamp(20px,4.3vw,76px) 24px;scroll-margin-top:80px}.eyebrow,.scroll-note{color:#9a9995}.scroll-stage{height:340vh;position:relative}.sticky-gallery{height:calc(100svh - 80px);position:sticky;top:79px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(9px,1.05vw,19px);overflow:hidden;padding:0 clamp(20px,4.3vw,76px)}.gallery-track{display:flex;flex-direction:column;gap:clamp(9px,1.05vw,19px);will-change:transform;min-width:0}.gallery-item{border:0;display:block;padding:0;position:relative;width:100%;margin:0;background:#161616;overflow:hidden;cursor:zoom-in}.gallery-item img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:grayscale(5%);transition:transform .85s ease}.gallery-item:nth-child(2n) img{aspect-ratio:4/5}.gallery-item:hover img{transform:scale(1.018)}.mobile-gallery{display:none}
.books{padding:clamp(125px,18vw,260px) clamp(20px,4.3vw,76px);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(16px,3vw,55px)}.book-card{display:block;min-width:0}.book-card:nth-child(2){margin-top:clamp(90px,16vw,240px)}.book-cover{display:block;background:#171717;overflow:hidden}.book-cover img{display:block;width:100%;height:clamp(440px,69vw,820px);object-fit:cover;filter:grayscale(5%);transition:transform .75s ease}.book-card:hover .book-cover img{transform:scale(1.024)}.book-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding:20px 0;color:#c0beba}
.about-section,.inquiries-section{border-top:1px solid var(--rule);margin:0 clamp(20px,4.3vw,76px);min-height:45vh;padding:25px 0 130px;scroll-margin-top:80px}.section-caption{color:var(--muted)}.about-content{margin:clamp(65px,9vw,135px) 0 0 auto;max-width:430px}.about-name{display:block;width:clamp(175px,24vw,278px);max-width:100%;line-height:0}.about-content p{font-family:var(--secondary);font-size:10px;line-height:2.4;color:#a5a39f;font-weight:400;letter-spacing:.06em;margin-top:25px}.inquiries-content{max-width:430px;margin:clamp(65px,9vw,135px) 0 0 auto}.inquire-button{display:flex;justify-content:space-between;border:1px solid #7f7b76;padding:20px 24px;color:#ddd;transition:background .2s,color .2s}.inquire-button:hover{background:#ddd;color:#080808}.email-link{display:inline-block;font-size:12px;letter-spacing:.05em;color:#aaa;margin-top:31px;border-bottom:1px solid #4c4a47;padding-bottom:5px}
.book-end{margin:80px clamp(20px,4.3vw,76px) 145px;padding-top:23px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;color:#aaa}.book-end a:hover{color:#fff}.footer{border-top:1px solid var(--rule);padding:65px clamp(20px,4.3vw,76px) 35px}.footer-wordmark{display:inline-flex;margin-bottom:66px}.footer-meta{display:flex;justify-content:space-between;gap:20px;color:#81817e}.footer a:hover{color:#fff}
.lightbox{position:fixed;inset:0;border:0;padding:0;margin:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;background:rgba(5,5,5,.985);color:#eee;overflow:hidden}.lightbox[open]{display:flex;align-items:center;justify-content:center;flex-direction:column}.lightbox::backdrop{background:#000e}.lightbox-image{max-height:77dvh;max-width:88vw;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:15px;font:300 35px/1 var(--wordmark);border:0;background:none;color:#eee;cursor:pointer}.lightbox-caption{font-size:9px;letter-spacing:.12em;color:#a9a6a1;margin-top:20px}.lightbox-controls{position:absolute;bottom:25px;display:flex;gap:65px}.lightbox-controls button{border:0;background:none;font-size:26px;color:#bcbab8;cursor:pointer}
@media(max-width:820px){.desktop-nav{gap:15px}.desktop-nav a{font-size:8px;letter-spacing:.09em}.brand-wordmark{width:154px}}
@media(max-width:650px){.entry-wordmark{width:88vw}.enter-button{font-size:8px;margin-top:90px}.site-header{height:66px;padding:0 20px}.brand-wordmark{width:178px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:34px;height:38px;border:0;background:none;padding:6px;cursor:pointer}.menu-toggle span{width:100%;height:1px;background:#d1d1cf}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;top:65px;right:0;left:0;padding:26px 20px 34px;background:#0b0b0b;border-bottom:1px solid #242424}.mobile-nav a{display:block;padding:15px 0;font-size:10px;color:#c6c5c2}.work-intro{height:17vh;min-height:128px;padding:18px 20px}.scroll-stage{display:none}.mobile-gallery{display:flex;flex-direction:column;gap:13px;padding:0 20px}.mobile-gallery .gallery-item img{aspect-ratio:auto;height:auto;max-height:none}.books{grid-template-columns:1fr;padding:110px 20px;gap:76px}.book-card:nth-child(2){margin-top:0}.book-cover img{height:68vh;min-height:360px}.about-section,.inquiries-section{margin:0 20px;min-height:35vh;padding-bottom:95px;scroll-margin-top:65px}.about-content,.inquiries-content{margin:65px 0 0}.footer{padding:50px 20px 28px}.footer-wordmark{margin-bottom:65px}.footer-meta{font-size:8px}.book-end{margin:40px 20px 95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry,.site-shell,.entry-wordmark img,.entry-center::before,.enter-button,.gallery-item img,.book-cover img{transition:none!important}.entry.is-gone .entry-wordmark img{filter:none;transform:none}.entry.is-gone .entry-center::before{opacity:0}.gallery-track{will-change:auto}}

/* V5 — classic original entrance restored from supplied website files.
   No glow or blur; original brand-artwork letter spacing is unchanged. */
.entry{position:fixed;inset:0;background:#070707;z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,3.3vw,58px);transition:opacity 1.1s ease,visibility 1.1s ease}
.entry.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.entry-top,.entry-bottom{display:flex;justify-content:space-between;gap:1rem;color:#7b7772}
.entry-center{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;transform:translateY(-1vh);position:static;isolation:auto}
.entry-center::before,.entry.is-gone .entry-center::before{content:none;display:none}
.entry-mark{margin:0;padding:0;line-height:1;width:min(75vw,651px);font-size:0;letter-spacing:0;text-shadow:none}
.entry-mark img{display:block;width:100%;height:auto;object-fit:contain;filter:none;opacity:1;transform:none}
.entry.is-gone .entry-mark img{filter:none;opacity:1;transform:none}
.enter-button{margin-top:clamp(85px,17vh,180px);padding:8px 4px;border:0;background:none;color:#c5c0b7;cursor:pointer;font-family:var(--secondary);font-size:10px;letter-spacing:.28em;display:flex;align-items:center;gap:24px;opacity:1;transform:none;transition:color .25s ease}
.enter-button:hover{color:#fff}
.enter-line{display:block;width:65px;height:1px;background:#b1aca4;transform-origin:left center;transition:transform .35s ease}
.enter-button:hover .enter-line{transform:scaleX(1.5)}
.entry.is-gone .enter-button{opacity:1;transform:none;pointer-events:none}
@media(max-width:720px){.entry{padding:22px 18px}.entry-mark{width:min(91vw,651px)}.enter-button{margin-top:clamp(85px,17vh,180px);font-size:9px}}
@media(prefers-reduced-motion:reduce){.entry,.enter-line{transition:none!important}}

/* V6 — true artwork from the supplied front and reverse of the business card.
   The original minimalist ENTER + horizontal rule + arrow are intentionally unchanged.
   No font approximation is used for the brand or card's italic lettering. */
.entry-mark{width:min(83vw,799px)}
.card-signature{padding:clamp(86px,10vw,160px) 20px clamp(90px,11vw,175px);margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;max-width:1050px;color:#d6d2cb}
.card-signature img{display:block;width:100%;height:auto;object-fit:contain}
.card-line-title{width:min(81vw,677px)}
.card-line-disciplines{width:min(86vw,853px);margin-top:25px}
.card-small-rule{width:56px;height:1px;background:#a29d96;opacity:.8;margin-top:17px}
.card-line-italic{width:min(56vw,370px);margin-top:17px}
.card-line-city{width:min(13vw,114px);margin-top:15px}
.card-line-instagram{width:min(29vw,268px);margin-top:14px}
.card-line-instagram a{display:block;transition:opacity .2s}
.card-line-instagram a:hover{opacity:.65}
.card-mobile-title,.card-mobile-disciplines{display:none}
@media(max-width:650px){
 .entry-mark{width:min(92vw,799px)}
 .card-signature{padding:75px 20px 100px}
 .card-line-title>img,.card-line-disciplines>img{display:none}
 .card-mobile-title,.card-mobile-disciplines{display:block;color:#d6d2cb;font-family:var(--secondary);font-size:10px;font-weight:400;line-height:2.1;letter-spacing:.16em}
 .card-mobile-disciplines{font-size:9px;line-height:2.3;letter-spacing:.14em}
 .card-mobile-disciplines b{font-weight:400;padding:0 .25em}
 .card-line-title,.card-line-disciplines{width:100%;max-width:370px}
 .card-line-disciplines{margin-top:25px}
 .card-small-rule{margin-top:18px;width:42px}
 .card-line-italic{width:min(83vw,370px);margin-top:19px}
 .card-line-city{width:min(24vw,114px);margin-top:17px}
 .card-line-instagram{width:min(54vw,268px);margin-top:16px}
}

/* V7: The business card's descriptive side becomes the top-of-Work-page signature.
   Removed location, handle and flanking dots from it. A linked handle is in the footer.
   All branded letter shapes are scalable SVG artwork traced from the supplied card;
   those paths do not alter the approved letter spacing and require no font file. */
.entry-mark{width:min(83vw,799px)}
.entry-mark img,.brand-wordmark img,.about-name img{width:100%;height:auto}
.card-signature-top{padding:clamp(58px,8vw,108px) 20px clamp(48px,6.5vw,86px);max-width:1080px}
.card-signature-top img{image-rendering:auto}
.card-signature-top .card-line-title{width:min(78vw,677px)}
.card-signature-top .card-small-rule{margin-top:22px}
.card-signature-top .card-line-disciplines{width:min(84vw,853px);margin-top:24px}
.card-signature-top .card-line-italic{width:min(42vw,308px);margin-top:19px}
.card-signature-top .card-line-city,.card-signature-top .card-line-instagram{display:none}
.card-signature-top .card-mobile-title,.card-signature-top .card-mobile-disciplines{display:none}
.footer-meta a:has(.footer-ig-handle){display:inline-flex;align-items:center;gap:10px;line-height:0}
.footer-ig-handle{display:block;width:clamp(128px,16vw,175px);height:auto;opacity:.8;transition:opacity .2s}
.footer-ig-arrow{font-size:13px;color:#aaa;line-height:1}
.footer-meta a:hover .footer-ig-handle{opacity:1}
@media(max-width:650px){
 .card-signature-top{padding:68px 17px 45px}
 .card-signature-top .card-line-title>img,.card-signature-top .card-line-disciplines>img{display:none}
 .card-signature-top .card-mobile-title,.card-signature-top .card-mobile-disciplines{display:block;font-family:var(--secondary);font-weight:400;font-size:11px;line-height:1.9;letter-spacing:.16em;color:#d8d5d0}
 .card-signature-top .card-mobile-disciplines{font-size:10px;letter-spacing:.12em;line-height:2.15}
 .card-signature-top .card-line-title{width:min(92vw,380px)}
 .card-signature-top .card-line-disciplines{width:min(92vw,380px);margin-top:19px}
 .card-signature-top .card-small-rule{margin-top:15px}
 .card-signature-top .card-line-italic{width:min(76vw,308px);margin-top:15px}
 .work-intro{min-height:84px;height:13vh}
 .footer-ig-handle{width:132px}
}

/* V8: Original Canva SVG paths, never bitmap upscaled or font-simulated.
   Scaling the cropped SVG viewBox does not change a single original glyph path.
   Keep the original classic entry with ENTER / line / arrow intact. */
.entry-mark{width:min(82vw,845px)}
.entry-mark img{width:100%;height:auto;object-fit:contain}
.brand-wordmark img,.about-name img{display:block;width:100%;height:auto}
.card-signature-top .card-line-title{width:min(83vw,820px)}
.card-line-title img{display:block;width:100%;height:auto}
.card-signature-top .card-mobile-title{display:none!important}
.card-signature-top .card-line-disciplines{width:min(90vw,990px);margin-top:30px}
.card-categories-copy{display:block;font:400 clamp(10px,1.06vw,13px)/1.9 var(--secondary);letter-spacing:.245em;color:#d2d0cb;text-align:center}
.card-categories-copy b{font-weight:400;padding:0 .5em}
.card-signature-top .card-line-italic{width:min(42vw,308px);margin-top:21px}
.footer-ig-handle{width:clamp(135px,15vw,182px);height:auto}
@media(max-width:650px){
 .entry-mark{width:92vw}
 .card-signature-top{padding:67px 18px 39px}
 .card-signature-top .card-line-title{width:min(96vw,550px)}
 .card-signature-top .card-line-title>img{display:block!important}
 .card-signature-top .card-line-disciplines{width:min(94vw,440px);margin-top:22px}
 .card-signature-top .card-categories-copy{font-size:9px;letter-spacing:.12em;line-height:2.35}
 .card-categories-copy b{padding:0 .22em}
 .card-signature-top .card-line-italic{width:min(77vw,308px);margin-top:17px}
 .footer-ig-handle{width:143px}
}


/* V9 — card typography becomes the full-width centered identity header.
   Both the name and profession are unmodified glyph paths exported by Canva,
   so they render as true resolution-independent vectors (not screenshot traces).
   Other site navigation lives in the footer and book cards; the category names
   are small Cinzel descriptions rather than misleading links. */
.identity-header{position:relative;display:block;width:100%;background:#090909;border-bottom:1px solid #1a1a1a;padding:clamp(62px,8vw,116px) clamp(20px,4vw,72px) clamp(70px,7vw,103px)}
.identity-header-inner{position:relative;max-width:1470px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.identity-wordmark{display:block;width:min(94vw,1275px);max-width:100%;line-height:0;transition:opacity .25s ease}
.identity-wordmark:hover{opacity:.8}
.identity-wordmark img{display:block;width:100%;height:auto;object-fit:contain}
.identity-subheader{display:block;width:min(63vw,680px);margin-top:clamp(37px,4.2vw,60px);line-height:0;opacity:.96}
.identity-subheader img{display:block;width:100%;height:auto;object-fit:contain}
.identity-rule{display:block;width:49px;height:1px;background:#928d87;opacity:.58;margin-top:clamp(25px,2.5vw,38px)}
.identity-categories{margin:clamp(24px,2.2vw,34px) 0 0;max-width:95%;font:400 clamp(9px,.9vw,12px)/2.3 var(--secondary);letter-spacing:.215em;color:#b5b4af}
.identity-categories span{font-family:Georgia,serif;padding:0 .9em;font-size:1.05em;color:#8b8984}
.identity-whisper{position:absolute;right:0;bottom:calc(-1 * clamp(49px,5.5vw,78px));width:clamp(105px,11vw,160px);line-height:0;opacity:.32;pointer-events:none}
.identity-whisper img{display:block;width:100%;height:auto}
/* The photographic gallery can now occupy the entire height, without
   the former 79px sticky navigation bar. */
.work-intro{height:clamp(105px,10vh,140px);min-height:105px;padding-bottom:19px;scroll-margin-top:0}
.sticky-gallery{height:100svh;top:0}
.footer-navigation{display:flex;align-items:center;flex-wrap:wrap;column-gap:clamp(22px,4vw,57px);row-gap:16px;padding:0 0 48px;margin-bottom:51px;border-bottom:1px solid #242424}
.footer-navigation a{font:400 9px/1.8 var(--secondary);letter-spacing:.15em;color:#a8a7a3;transition:color .2s}
.footer-navigation a:hover{color:#fff}
@media(min-width:1600px){.identity-header{padding-top:124px}}
@media(max-width:800px){
 .identity-header{padding:73px 24px 82px}
 .identity-wordmark{width:100%}
 .identity-subheader{width:min(80vw,640px);margin-top:39px}
 .identity-categories{font-size:10px;letter-spacing:.11em;max-width:100%;line-height:2.5}
 .identity-categories span{padding:0 .33em}
 .identity-whisper{bottom:-52px;right:0;width:124px}
 .footer-navigation{column-gap:25px}
}
@media(max-width:650px){
 .identity-header{padding:clamp(64px,9vh,88px) 18px 78px}
 .identity-wordmark{width:100%}
 .identity-subheader{width:min(94vw,580px);margin-top:43px}
 .identity-rule{margin-top:28px;width:35px}
 .identity-categories{max-width:360px;font-size:9px;line-height:2.6;letter-spacing:.09em;margin-top:21px}
 .identity-categories span{padding:0 .17em}
 .identity-whisper{width:105px;bottom:-53px;opacity:.29}
 .work-intro{height:115px;min-height:115px;padding:20px 18px 22px}
 .footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:13px;padding-bottom:28px;margin-bottom:33px}
 .footer-navigation a{font-size:8px;letter-spacing:.09em}
}


/* V10 — image-first typography: full-width wordmark, a true five-cell category
   navigation strip, then the title immediately before the photographic work.
   The SVG paths are the actual Canva exports. */
.identity-header{padding:clamp(64px,7vw,110px) 0 0;border-bottom:0}
.identity-header-inner{max-width:1560px;padding:0 clamp(18px,3vw,54px)}
.identity-wordmark{width:min(94vw,1330px)}
.discipline-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin-top:clamp(72px,8.5vw,128px);border-top:1px solid #353534;border-bottom:1px solid #353534}
.discipline-cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:72px;padding:12px 7px;text-align:center;font:400 clamp(9px,.9vw,11px)/1.7 var(--secondary);letter-spacing:.165em;color:#aaa9a5;border-right:1px solid #353534;transition:background .23s ease,color .23s ease}
.discipline-cell:last-child{border-right:0}
.discipline-cell:hover,.discipline-cell:focus-visible{background:#1c1c1b;color:#eee}
.discipline-cell.is-active{background:#171716;color:#efede8;box-shadow:inset 0 -1px #9c9992}
.identity-postnav{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(54px,5.9vw,88px) 20px clamp(53px,5vw,70px);text-align:center;min-width:0}
.identity-subheader{width:min(64vw,700px);margin:0;opacity:.94}
.identity-long-rule{display:block;height:1px;width:clamp(112px,17vw,242px);background:#777470;opacity:.72;margin-top:clamp(30px,3.5vw,50px)}
.identity-whisper{position:absolute;right:clamp(22px,5vw,86px);bottom:clamp(21px,2.8vw,43px);width:clamp(100px,10vw,154px);opacity:.27;line-height:0}
.work-intro{height:65px;min-height:65px;padding:12px clamp(20px,4.3vw,76px) 18px}
.footer{padding:clamp(32px,4vw,55px) clamp(20px,4.3vw,76px) clamp(30px,3vw,44px)}
.footer-meta{align-items:center;flex-wrap:wrap;gap:26px}
.footer-social{display:inline-flex;align-items:center;gap:9px;min-height:32px}
.footer-ig-handle{width:clamp(135px,15vw,183px)}
.about-section{padding-bottom:clamp(90px,10vw,155px)}
.about-content{max-width:580px;margin:clamp(57px,7vw,105px) 0 0 auto}
.about-content .about-bio{margin:0;font-family:Georgia,serif;font-size:clamp(19px,2vw,27px);line-height:1.68;letter-spacing:0;font-weight:400;color:#d0cfcb}
.about-content .about-location{font:400 10px/1.8 var(--secondary);letter-spacing:.14em;color:#84837f;margin-top:clamp(29px,3vw,42px)}
.about-location span{padding:0 .85em}
@media(max-width:800px){
 .identity-header{padding-top:72px}
 .identity-wordmark{width:100%}
 .discipline-nav{margin-top:65px}
 .discipline-cell{min-height:64px;font-size:9px;letter-spacing:.075em;padding:9px 4px}
 .identity-postnav{padding:59px 18px 66px}
 .identity-subheader{width:min(84vw,650px)}
 .identity-long-rule{width:clamp(105px,23vw,165px);margin-top:34px}
 .identity-whisper{right:19px;bottom:18px;width:111px}
 .about-content{max-width:530px}
}
@media(max-width:650px){
 .identity-header{padding-top:clamp(56px,8vh,80px)}
 .identity-header-inner{padding:0 15px}
 .discipline-nav{margin-top:clamp(66px,10vh,87px);grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #373735;border-bottom:1px solid #373735}
 .discipline-cell{grid-column:span 2;min-height:56px;font-size:9px;letter-spacing:.035em;padding:10px 4px;line-height:1.5;border-bottom:1px solid #343432}
 .discipline-cell:nth-child(3){border-right:0}
 .discipline-cell:nth-child(4),.discipline-cell:nth-child(5){grid-column:span 3;border-bottom:0}
 .identity-postnav{padding:54px 16px 68px}
 .identity-subheader{width:min(94vw,570px)}
 .identity-long-rule{width:112px;margin-top:34px}
 .identity-whisper{width:96px;bottom:15px;right:15px;opacity:.25}
 .work-intro{height:70px;min-height:70px;padding:19px 20px 14px}
 .about-content{margin:53px 0 0;max-width:100%}
 .about-content .about-bio{font-size:20px;line-height:1.7}
 .about-content .about-location{font-size:9px;line-height:2;letter-spacing:.08em}
 .footer-meta{font-size:8px;gap:16px}
 .footer-ig-handle{width:137px}
}
@media(prefers-reduced-motion:reduce){.discipline-cell{transition:none}}


/* V11: quieter card-style specialty navigation; compact header, slightly
   smaller original Canva vector wordmark. All five category links stay live. */
.identity-header{padding-top:clamp(64px,6.1vw,91px)}
.identity-header-inner{padding-inline:clamp(20px,3.5vw,62px)}
.identity-wordmark{width:min(84vw,1190px)}
.discipline-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  width:100%;
  margin-top:clamp(37px,4.3vw,62px);
  border-top:1px solid #343332;
  border-bottom:1px solid #343332;
  padding:0 clamp(14px,3vw,52px);
}
.discipline-cell{
  position:relative;display:flex;justify-content:center;align-items:center;
  min-height:50px;padding:9px 5px;
  border:none!important;background:none!important;box-shadow:none!important;
  color:#b2aea8;font:400 clamp(9px,.95vw,11px)/1.5 var(--secondary);
  letter-spacing:.14em;text-decoration:none;
  transition:color .2s ease;
}
.discipline-cell:not(:last-child)::after{
  content:'·';position:absolute;right:0;top:50%;transform:translate(50%,-50%);
  color:#a8a5a0;font-family:Georgia,serif;font-size:18px;font-weight:400;
  pointer-events:none;
}
.discipline-cell:hover,.discipline-cell:focus-visible{color:#fff!important}
.discipline-cell.is-active{color:#fff!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.identity-postnav{padding:clamp(34px,3.65vw,52px) 20px clamp(40px,3.9vw,57px)}
.identity-long-rule{margin-top:clamp(26px,2.5vw,36px)}
.identity-whisper{bottom:clamp(12px,1.6vw,23px)}
@media(max-width:800px){
 .identity-header{padding-top:60px}
 .identity-wordmark{width:min(88vw,1190px)}
 .discipline-nav{margin-top:43px;padding:0 12px}
 .discipline-cell{min-height:48px;font-size:9px;letter-spacing:.085em}
 .discipline-cell:not(:last-child)::after{font-size:16px}
 .identity-postnav{padding:40px 18px 49px}
 .identity-long-rule{margin-top:25px}
 .identity-whisper{bottom:12px}
}
@media(max-width:650px){
 .identity-header{padding-top:clamp(50px,7vh,62px)}
 .identity-header-inner{padding:0 18px}
 .identity-wordmark{width:min(87vw,540px)}
 .discipline-nav{margin-top:clamp(38px,6vh,51px);grid-template-columns:repeat(6,minmax(0,1fr));padding:5px 14px}
 .discipline-cell{grid-column:span 2;min-height:38px;font-size:9px;letter-spacing:.07em;padding:6px 2px;border:0!important}
 .discipline-cell:nth-child(4),.discipline-cell:nth-child(5){grid-column:span 3}
 .discipline-cell:nth-child(3)::after{display:none}
 .discipline-cell:nth-child(4)::after{display:block}
 .identity-postnav{padding:35px 16px 52px}
 .identity-long-rule{margin-top:26px}
 .identity-whisper{bottom:11px;right:15px}
}
@media(prefers-reduced-motion:reduce){.discipline-cell{transition:none}}


/* V12: Editorial italic About: harmonious with the original business card's
   “somewhere between dreams” phrase. Accessible, selectable live text. */
.about-content{max-width:650px}
.about-content .about-bio{
  font-family:'EB Garamond', 'Baskerville', 'GFS Baskerville', Georgia,serif;
  font-style:italic;
  font-size:clamp(28px,2.75vw,39px);
  font-weight:400;
  line-height:1.5;
  letter-spacing:.005em;
  color:#d4d0c9;
  text-wrap:pretty;
}
.about-content .about-location{
  font-family:var(--secondary);
  font-style:normal;
  margin-top:clamp(32px,3.2vw,48px);
}
@media(max-width:800px){
  .about-content{max-width:600px}
  .about-content .about-bio{font-size:clamp(27px,3.5vw,34px);line-height:1.53}
}
@media(max-width:650px){
  .about-content{max-width:100%}
  .about-content .about-bio{font-size:clamp(26px,6.8vw,32px);line-height:1.43}
  .about-content .about-location{font-size:9px;letter-spacing:.09em;margin-top:33px}
}

/* V13 — restrained Instagram link instead of repeated handle artwork. */
.footer-social{display:inline-flex;align-items:center;gap:10px;min-height:38px;color:#a8a6a0;white-space:nowrap;text-decoration:none;transition:color .2s ease}
.footer-social:hover,.footer-social:focus-visible{color:#f0ede8}
.footer-ig-icon{display:block;flex:none;width:17px;height:17px}
.footer-ig-label{display:inline-block;font:400 10px/1.2 var(--secondary);letter-spacing:.22em;color:inherit}
@media(max-width:650px){.footer-social{gap:8px}.footer-ig-icon{width:15px;height:15px}.footer-ig-label{font-size:9px;letter-spacing:.13em}}


/* V14 — compact italic biography; new achievements paragraph retains original bio. */
.about-content .about-bio{font-size:clamp(23px,2.15vw,31px);line-height:1.54}
.about-content .about-credentials{margin-top:clamp(23px,2.5vw,38px);font-size:clamp(21px,1.85vw,27px);line-height:1.58;color:#bbb6ae}
@media(max-width:800px){
 .about-content .about-bio{font-size:clamp(23px,3vw,28px);line-height:1.5}
 .about-content .about-credentials{font-size:clamp(21px,2.8vw,25px);line-height:1.55}
}
@media(max-width:650px){
 .about-content .about-bio{font-size:clamp(22px,5.4vw,25px);line-height:1.48}
 .about-content .about-credentials{font-size:clamp(21px,5.1vw,23px);line-height:1.52;margin-top:24px}
}
