/* AJANSNET / October 2026. One system: original photography, paper, violet, SF Pro.
   Composition studies: purchased Liko perspective portfolio and Azurio image continuity. */
@font-face{font-family:SF;src:url('/fonts/SFProDisplay-Regular.woff2') format('woff2');font-weight:350 549;font-display:swap}
@font-face{font-family:SF;src:url('/fonts/SFProDisplay-Light.woff2') format('woff2');font-weight:200 349;font-display:swap}
@font-face{font-family:SF;src:url('/fonts/SFProDisplay-Bold.woff2') format('woff2');font-weight:550 850;font-display:swap}
:root{--paper:#f7f5f0;--ink:#27232c;--purple:#46179b;--lavender:#e9e2f1;--yellow:#f5c948;--muted:#6b6470;--line:#d9d2df;--gutter:clamp(22px,4.5vw,88px);--space:clamp(80px,9vw,144px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 SF,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.02}h2{font-size:clamp(46px,5.5vw,88px)}h3{font-size:clamp(25px,2.5vw,38px)}p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,summary{font:inherit;color:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8b60ce;outline-offset:5px}button:disabled{cursor:default;opacity:.35}[hidden]{display:none!important}::selection{background:var(--purple);color:white}.wrap,.an-section-shell{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto}.eyebrow,.an-section-label{font-size:14px;letter-spacing:.015em;line-height:1.5;margin-bottom:28px;color:var(--muted)}.skip{position:fixed;top:-70px;left:20px;padding:12px 22px;z-index:120;background:var(--purple);color:white}.skip:focus{top:15px}.text-link,.an-content-link,.inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 0;border-bottom:1px solid currentColor;font-size:15px;line-height:1.4}.text-link span,.an-content-link span,.inline-link span{transition:transform .35s var(--ease)}.text-link:hover span,.an-content-link:hover span{transform:translate(4px,-4px)}
/* A quiet fixed masthead lets the original mark keep its detail. */
.site-header{position:fixed;inset:0 0 auto;height:96px;z-index:50;display:flex;align-items:center;gap:32px;padding-inline:var(--gutter);background:var(--paper);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}.site-header[data-solid=true]{background:#f7f5f0f5;border-color:var(--line);backdrop-filter:blur(14px)}.brand{width:155px;flex-shrink:0;position:relative}.brand img{width:100%;height:auto}.brand-light{display:none}.desktop-nav{margin-left:auto;display:flex;gap:clamp(18px,2vw,30px);font-size:14px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-contact{display:flex;align-items:center;gap:20px;font-size:14px;padding:13px 20px;border:1px solid var(--line);border-radius:100px}.header-contact:hover{background:var(--purple);color:white;border-color:var(--purple)}.mobile-menu>summary{position:relative;z-index:53;display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;font-size:14px;padding:14px 0}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary span{font-size:26px;line-height:1;transition:transform .3s}.mobile-menu[open]>summary span{transform:rotate(45deg)}.mobile-menu nav{position:fixed;inset:96px 0 0;background:var(--paper);padding:clamp(30px,5vw,80px) var(--gutter);overflow:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;z-index:51;border-top:1px solid var(--line)}.menu-primary{display:flex;flex-direction:column;gap:12px}.menu-primary a{font-size:clamp(36px,4.8vw,76px);line-height:1.15;letter-spacing:-.045em}.menu-primary a:hover{color:var(--purple);transform:translateX(8px)}.menu-secondary{display:flex;flex-direction:column;align-items:start;gap:18px}.menu-secondary p{font-size:clamp(26px,3vw,44px);line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}.menu-secondary small{margin-top:auto;color:var(--muted)}body:has(.mobile-menu[open]){overflow:hidden}.page-progress{position:absolute;bottom:0;left:0;right:0;height:2px}.page-progress i{display:block;height:100%;background:var(--purple);transform:scaleX(var(--page-progress,0));transform-origin:left}
/* The original egg campaign and a production film share the opening composition. */
.hero{padding-top:clamp(138px,12vw,188px)}.hero-intro{display:grid;grid-template-columns:1fr .36fr;gap:5vw;align-items:end;padding-bottom:clamp(42px,5vw,80px)}.hero-heading .eyebrow{color:var(--purple);margin-bottom:34px}.hero h1{font-size:clamp(96px,12vw,196px);line-height:.86;letter-spacing:-.072em}.hero h1 span{color:var(--purple)}.hero-note{padding-bottom:8px;max-width:340px}.hero-note p{font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:var(--muted)}.hero-note .text-link{margin-top:28px;min-width:200px}.hero-signet{display:block;color:var(--purple);font-size:64px;line-height:1;margin-bottom:22px}.egg-wrap{padding:0 24px}.egg-plate{position:relative;aspect-ratio:2.06;overflow:hidden;border-radius:12px;isolation:isolate;background:var(--purple);clip-path:inset(0 calc(var(--hero-scroll,0)*2%) round 12px)}.egg-plate picture{display:block;width:100%;height:100%}.egg-plate img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + var(--hero-scroll,0)*.075));will-change:transform}.egg-plate:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#2110399c);pointer-events:none}.egg-plate figcaption{position:absolute;bottom:7%;left:4%;right:4%;z-index:1;color:white;display:flex;align-items:end;justify-content:space-between;font-size:clamp(30px,4.8vw,76px);letter-spacing:-.04em;line-height:1}.egg-caption-mark{font-size:1.4em}.hero-foot{display:flex;justify-content:space-between;padding-block:24px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}
/* Consistent institutional identities and project surfaces. */
.proof-to-work{background:linear-gradient(var(--paper) 0%,var(--paper) 35%,#eee8f4 85%,var(--paper) 100%)}.institutions{padding-block:var(--space) 30px}.institution-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.institution-heading h2 span{color:var(--purple)}.institution-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:60px 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.institution-logos li{min-height:178px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#ffffff40;transition:background .3s}.institution-logos li:hover{background:white}.institution-logos img{width:100%;height:80px;max-width:175px;object-fit:contain;transition:transform .4s var(--ease)}.institution-logos li:hover img{transform:scale(1.08)}.institution-logos span{text-align:center;font-size:12px;color:var(--muted)}.programmes{display:flex;justify-content:space-between;gap:20px;padding:26px 0;color:var(--muted);font-size:13px}.work-intro{padding-top:var(--space);display:grid;grid-template-columns:1.2fr .6fr;gap:0 8vw}.work-intro .eyebrow{grid-column:1/-1}.work-intro h2 span{color:var(--purple)}.intro-note{align-self:end;max-width:360px;color:var(--muted);font-size:18px}.work-gallery{padding-block:44px 80px;overflow:hidden}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.gallery-toolbar>p{color:var(--muted)}.gallery-buttons{display:flex;align-items:center;gap:10px}.gallery-counter{font-variant-numeric:tabular-nums;font-size:13px;margin-right:22px}.gallery-buttons button{width:48px;height:48px;border:1px solid #9d8db3;background:transparent;border-radius:50%;font-size:24px}.gallery-buttons button:hover:not(:disabled){background:var(--purple);color:white}.gallery-track{display:flex;list-style:none;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:38px var(--gutter) 44px;margin:0;scrollbar-width:none;scroll-padding-inline:var(--gutter);touch-action:pan-x pan-y}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 min(820px,70vw);scroll-snap-align:start;min-width:0;perspective:1800px}.gallery-card{display:block;background:white;border:1px solid #ddd5e4;border-radius:10px;overflow:hidden;transform:rotateY(var(--card-turn,0deg));transition:box-shadow .3s;transform-origin:center;box-shadow:0 12px 24px -24px #211039}.gallery-card:hover{box-shadow:0 18px 45px -28px #2110396b}.gallery-surface{aspect-ratio:1.85;position:relative;background:#e4ddec;padding:42px 34px;display:flex;align-items:center;justify-content:center}.gallery-surface img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #30233d22)}.is-identity .gallery-surface{background:#f2edf7}.is-identity .gallery-surface img{max-width:43%;max-height:66%;filter:none}.gallery-number{position:absolute;left:22px;top:16px;font-size:11px;color:#5a476c}.gallery-discipline{position:absolute;bottom:12px;left:22px;font-size:11px;color:#5a476c}.gallery-caption{display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.gallery-caption p{font-size:13px;color:var(--muted);margin-bottom:7px}.gallery-caption h3{font-size:34px;letter-spacing:-.035em}.gallery-arrow{font-size:32px;color:var(--purple);transition:transform .3s}.gallery-card:hover .gallery-arrow{transform:translate(4px,-4px)}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px}.gallery-skip{border-bottom:1px solid currentColor;padding-bottom:8px}.gallery-progress{height:2px;max-width:220px;width:20%;background:#d6cce0}.gallery-progress i{display:block;height:100%;background:var(--purple);transform-origin:left;transform:scaleX(var(--gallery-progress,.077))}
/* All work, including the real 3D sample, shares one editorial grid. */
.case-main{padding:var(--space) 0;background:var(--paper);border-top:1px solid var(--line)}.case-top{display:flex;align-items:center;justify-content:space-between}.round-link{border:1px solid var(--line);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:25px}.round-link:hover{background:var(--purple);color:white}.case-lead{display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-items:end;margin-top:38px}.case-lead h2{font-size:clamp(76px,11vw,176px);letter-spacing:-.065em;color:var(--purple)}.case-lead p{color:var(--muted);font-size:clamp(18px,1.8vw,24px);line-height:1.5}.case-lead strong{color:var(--ink);font-weight:400}.ramkeg-identity{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-block:50px;max-width:850px;margin-left:var(--gutter);padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;align-items:center}.ramkeg-identity img{width:100%;height:auto}.ramkeg-identity h3{font-size:17px;line-height:1.4;letter-spacing:0}.ramkeg-identity p{font-size:14px;color:var(--muted);margin-top:8px}.ramkeg-identity .inline-link{font-size:12px;padding-block:8px}.case-stage{display:block;position:relative;margin:0 var(--gutter);background:#e9e2f1;border-radius:10px;padding:clamp(20px,5vw,80px);overflow:hidden;perspective:1600px}.case-stage>img{width:100%;max-width:1240px;height:auto;max-height:70vh;object-fit:contain;margin:auto;box-shadow:0 24px 44px -24px #2e18484d;transform:rotateX(calc(var(--media-shift,0)*1deg));transition:transform .2s linear}.media-action{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:35px;background:var(--paper);padding:13px 18px;border-radius:100px;font-size:13px}.case-foot{display:flex;justify-content:space-between;gap:24px;padding-top:24px;color:var(--muted);font-size:13px}.case-lab{padding-block:var(--space);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-top:1px solid var(--line)}.lab-copy h2{font-size:clamp(44px,4.8vw,76px)}.lab-copy h2 span{color:var(--purple)}.lab-copy>p:not(.eyebrow){max-width:390px;margin-block:30px;color:var(--muted);font-size:19px}.geometry-window{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#e0ddd7;isolation:isolate}.geometry-window canvas,.geometry-poster{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.geometry-window canvas{opacity:0;touch-action:pan-y}.geometry-window canvas[data-ready=true]{opacity:1}.lab-caption{position:absolute;top:24px;left:24px;color:#4b464d;font-size:13px}.geometry-controls{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.geometry-controls button{width:42px;height:42px;border:1px solid #95899f;border-radius:50%;background:var(--paper);font-size:23px}.object-note{margin-top:18px;font-size:12px;color:var(--muted)}.paired-work{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:var(--space);border-top:1px solid var(--line)}.offset{padding-top:100px}.work-image,.learning-image{display:block;position:relative;aspect-ratio:1.35;overflow:hidden;background:#e9e2f1;border-radius:10px;padding:30px}.work-image img,.learning-image img{width:100%;height:100%;object-fit:contain;transition:transform .65s var(--ease)}.work-image:hover img,.learning-image:hover img{transform:scale(1.035)}.image-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--purple);font-size:24px}.small-case-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:28px}.small-case-title .eyebrow{margin-bottom:9px;font-size:12px}.small-case-title h3{font-size:clamp(26px,2.6vw,40px)}.small-case-title>span{font-size:12px;color:var(--muted);max-width:100px;text-align:right}.case-small>p,.learning-grid article>p{margin-top:20px;font-size:16px;color:var(--muted);max-width:480px}.learning-pair{padding-block:var(--space);background:linear-gradient(var(--paper),#eee8f4,var(--paper))}.learning-title{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:50px}.learning-title h2 span{color:var(--purple)}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.learning-image{aspect-ratio:1.7}.public-collection{padding-block:var(--space);border-top:1px solid var(--line)}.collection-heading{display:grid;grid-template-columns:1fr .7fr;gap:7vw;align-items:end;margin-bottom:56px}.collection-heading .eyebrow{grid-column:1/-1;margin:0}.collection-heading h2 span{color:var(--purple)}.collection-heading>p:not(.eyebrow){max-width:320px;color:var(--muted)}.public-row{position:relative;display:grid;grid-template-columns:50px 1.2fr 1fr 44px;align-items:center;gap:24px;padding:30px 8px;border-top:1px solid var(--line);transition:background .3s,padding .3s}.public-row:last-child{border-bottom:1px solid var(--line)}.public-row:hover{background:var(--lavender);padding-inline:18px}.row-index{font-size:12px;color:var(--muted)}.public-row h3{font-size:clamp(23px,2.1vw,33px);line-height:1.15;letter-spacing:-.03em}.public-row p{font-size:15px;color:var(--muted)}.public-row>a{font-size:30px;color:var(--purple);text-align:right}.public-row>a:after{content:'';position:absolute;inset:0}
.company-section,.press-section{padding-block:var(--space);border-top:1px solid var(--line)}.company-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw}.company-grid h2{color:var(--purple)}.company-grid>div p{color:var(--muted);font-size:19px;margin-bottom:22px;max-width:530px}.company-grid .text-link{margin-top:16px}.press-section{display:grid;grid-template-columns:1fr 1fr;gap:30px 7vw;align-items:start}.press-section>.eyebrow{grid-column:1/-1;margin:0}.press-section h2{font-size:clamp(42px,4.5vw,70px)}.press-card{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.press-card>img{width:100%;aspect-ratio:1.8;object-fit:cover}.press-card>div{padding:26px}.press-card p{font-size:12px;color:var(--muted);margin-bottom:16px}.press-card h3{font-size:28px;line-height:1.15}.press-card span{display:block;margin-top:25px;font-size:14px;color:var(--purple)}
/* Services and process continue the same paper grid. */
.an-services{padding-block:var(--space);background:var(--lavender);border-radius:18px 18px 0 0}.an-section-heading{display:grid;grid-template-columns:1fr .6fr;gap:8vw;align-items:end;margin-bottom:64px}.an-section-heading h2{color:var(--purple)}.an-section-intro{max-width:420px;color:#62566d;font-size:18px}.an-services-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.an-service-side{position:sticky;top:125px}.an-service-art{position:relative;aspect-ratio:1.2;background:#d8cce6;border-radius:10px;overflow:hidden}.an-service-art>img{position:absolute;width:100%;height:100%;object-fit:cover;padding:0;opacity:0;transition:opacity .5s,transform .6s}.an-service-art>img[data-visible=true]{opacity:1}.an-service-art-caption{display:flex;justify-content:space-between;margin-block:18px 8px;font-size:12px;color:#70617e}.an-service-art-title{font-size:24px;letter-spacing:-.025em}.an-service-side .an-content-link{margin-top:24px}.an-service-row{display:flex;gap:24px;align-items:start;justify-content:space-between;padding:25px 0;border-top:1px solid #bfb1d0;transition:padding .3s}.an-service-row:last-child{border-bottom:1px solid #bfb1d0}.an-service-row h3{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.035em}.an-service-row p{margin-top:14px;max-width:490px;color:#62566d;font-size:16px;line-height:1.5}.an-service-arrow{font-size:29px;transition:transform .3s}.an-service-row:hover,.an-service-row[data-active=true]{color:var(--purple)}.an-service-row:hover .an-service-arrow{transform:translate(4px,-4px)}.an-process{padding-block:var(--space);background:linear-gradient(var(--lavender),var(--paper) 25%)}.an-process-layout{display:grid;grid-template-columns:.85fr 1fr;gap:10vw;align-items:start}.an-process-sidebar{position:sticky;top:120px}.an-process-sidebar h2{font-size:clamp(40px,3.6vw,56px)}.an-process-intro{max-width:350px;color:var(--muted);margin-top:26px;font-size:17px}.an-process-visual{position:relative;display:block;aspect-ratio:2;max-height:230px;overflow:hidden;border-radius:10px;margin-top:26px;background:var(--lavender)}.an-process-position{margin-top:20px;display:flex;align-items:baseline;gap:10px}.an-process-position>span:first-child{font-size:48px;line-height:1;letter-spacing:-.07em;color:var(--purple)}.an-process-total{color:var(--muted);font-size:18px}.an-process-progress{display:block;width:100%;height:2px;appearance:none;border:0;margin:22px 0;background:var(--line);accent-color:var(--purple)}.an-process-progress::-webkit-progress-bar{background:var(--line)}.an-process-progress::-webkit-progress-value{background:var(--purple)}.an-process-index{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:14px;color:var(--muted)}.an-process-index a{display:flex;justify-content:space-between}.an-process-index a[aria-current=step]{color:var(--purple)}.an-process-index a span{opacity:0}.an-process-index a[aria-current=step] span{opacity:1}.an-process-steps{list-style:none;padding:0;margin:0}.an-process-steps>li{padding:30px 0 50px;border-top:1px solid var(--line);min-height:350px;scroll-margin-top:120px}.an-process-step-top{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin-bottom:30px}.an-process-step-top>span:first-child{color:var(--purple)}.an-process-steps h3{font-size:clamp(30px,3.1vw,46px)}.an-process-steps>li>p{color:var(--muted);font-size:17px;line-height:1.6;margin-top:22px}.an-process-output{margin-top:26px;display:grid;gap:8px}.an-process-output span{font-size:12px;color:var(--muted)}.an-process-output strong{font-size:15px;font-weight:400}.an-process-steps>li[data-active=true]{border-top-color:var(--purple)}
/* The original playful FAQ returns as real, draggable DOM blocks. */
.an-faq{padding-block:var(--space);border-top:1px solid var(--line)}.an-faq-layout{display:grid;grid-template-columns:1.2fr .85fr;gap:44px 60px;align-items:start}.an-faq-heading{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .85fr;gap:24px 60px;align-items:end}.an-faq-heading .an-section-label{grid-column:1/-1;margin:0}.an-faq-heading h2{color:var(--purple);grid-row:2/4}.an-faq-heading>p:not(.an-section-label){max-width:300px;color:var(--muted);font-size:19px}.an-faq-heading .an-content-link{justify-self:start;font-size:14px}.faq-play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;font-size:12px;color:var(--muted)}.faq-play-toolbar>div{display:flex;gap:8px}.faq-play-toolbar button{background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:12px}.faq-arena{position:relative;min-height:540px;background:#322242;border-radius:12px;isolation:isolate;overflow:hidden}.faq-watermark{position:absolute;left:30px;top:30px;font-size:clamp(60px,6vw,92px);line-height:.92;letter-spacing:-.055em;color:#b19ac72b;pointer-events:none}.faq-blocks{position:relative;display:flex;flex-wrap:wrap;align-content:end;gap:12px;padding:190px 22px 25px;min-height:540px}.faq-block{position:relative;display:flex;align-items:center;gap:15px;white-space:nowrap;padding:20px 23px;border:0;border-radius:14px;background:#d9c7ee;color:#36244d;font-size:clamp(16px,1.4vw,20px);letter-spacing:-.02em;min-height:70px;user-select:none;box-shadow:0 4px 0 #1c12222b}.faq-block>span{font-size:10px;align-self:start;opacity:.65}.faq-block>b{font-weight:400;margin-left:10px}.faq-block:nth-child(3n){background:var(--yellow);color:#3e3014}.faq-block:nth-child(3n+1){background:#faf8f2}.faq-block:nth-child(5){background:#8455bc;color:white}.faq-block[aria-expanded=true]{box-shadow:inset 0 0 0 3px #8961bd,0 4px 0 #1c12222b}.faq-arena[data-physics=true] .faq-blocks{position:absolute;inset:0;display:block;min-height:0;padding:0}.faq-arena[data-physics=true] .faq-block{position:absolute;top:0;left:0;will-change:transform;touch-action:none;cursor:grab}.faq-arena[data-physics=true] .faq-block:active{cursor:grabbing}.an-faq-list{padding-top:62px}.an-faq-item{border-top:1px solid var(--line)}.an-faq-item:last-child{border-bottom:1px solid var(--line)}.an-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:22px 0;font-size:20px;line-height:1.25;letter-spacing:-.02em}.an-faq-item summary::-webkit-details-marker{display:none}.an-faq-item[open] summary{color:var(--purple)}.an-faq-mark{position:relative;width:17px;height:17px;flex:0 0 17px}.an-faq-mark:before,.an-faq-mark:after{content:'';position:absolute;top:8px;left:0;width:17px;height:1px;background:currentColor;transition:transform .3s}.an-faq-mark:after{transform:rotate(90deg)}.an-faq-item[open] .an-faq-mark:after{transform:rotate(0)}.an-faq-answer{padding-bottom:24px;color:var(--muted);font-size:16px;line-height:1.65}
footer{background:#2b1b3e;color:#f7f5f0;padding:var(--space) 0 30px;position:relative;isolation:isolate;overflow:hidden}.contact-backdrop{position:absolute;inset:0;z-index:-1;background:#2b1b3e}.contact-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.contact-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#21142ee8,#35184bd4 55%,#291138c7)}.footer-top .eyebrow{color:#cdbbdd}.footer-cta{display:flex;align-items:center;justify-content:space-between;font-size:clamp(68px,12vw,180px);line-height:.9;letter-spacing:-.06em}.footer-arrow{font-size:1.3em;color:var(--yellow);transition:transform .5s var(--ease)}.footer-cta:hover .footer-arrow{transform:translate(12px,-12px)}.footer-contact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-block:70px 55px;align-items:start;font-size:clamp(17px,1.7vw,26px);letter-spacing:-.02em}.footer-contact p{font-size:15px;color:#ccbed9;justify-self:end}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff26;padding-top:28px;font-size:12px;color:#ccbed9}.footer-bottom>img{width:135px;filter:brightness(0) invert(1)}.footer-bottom>div{display:flex;gap:24px}

/* Real archive imagery and restrained film compositions, studied in Azurio and Reboost. */
.hero-media-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:18px;max-width:1824px;margin-inline:auto}
.hero-media-grid .egg-plate{aspect-ratio:1.6;clip-path:none}
.hero-media-grid .egg-plate figcaption{font-size:clamp(30px,3.5vw,58px)}
.editorial-film{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;min-width:0;background:#ddd7cf}
.editorial-film video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.editorial-film:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#18121b99);pointer-events:none;z-index:1}
.editorial-film figcaption{position:absolute;bottom:22px;left:22px;right:22px;z-index:2;color:white;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.25}
.editorial-film button{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff80;border-radius:100px;background:#241c3440;color:white;padding:10px 13px;font-size:11px;backdrop-filter:blur(12px);transition:background .25s}
.editorial-film button:hover{background:#46179be0}.editorial-film button:focus-visible{outline-color:white}
.company-section.wrap{width:100%;max-width:none;padding-inline:var(--gutter);background:#28212f;color:var(--paper);border:0}
.company-section>.eyebrow,.company-section>.company-grid,.company-media,.company-statement{max-width:1600px;margin-inline:auto}
.company-section>.eyebrow{color:#c0adc9}.company-grid h2{color:#e0cff1}.company-grid>div p{color:#c3b9c9}
.company-grid .text-link{color:#ede2f4}
.company-media{display:grid;grid-template-columns:.72fr 1fr;gap:24px;margin-top:70px;align-items:start}
.company-sign{position:relative;overflow:hidden;border-radius:10px;margin-top:80px;background:#ebe7e1}
.company-sign img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform 1.2s var(--ease)}
.company-sign:hover img{transform:scale(1.035)}
.company-sign figcaption{position:absolute;bottom:22px;left:24px;font-size:12px;color:#4d4255}
.company-media .editorial-film{aspect-ratio:1.4}
.company-statement{margin-top:70px;font-size:clamp(38px,6vw,96px);line-height:1.05;letter-spacing:-.05em;max-width:1200px;text-align:center}
.company-statement span{color:#b596d8}
.an-service-art>img.service-project{object-fit:contain;padding:24px}
.an-process-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s}
.an-process[data-process-view="1"] .an-process-visual img:nth-child(1),.an-process[data-process-view="2"] .an-process-visual img:nth-child(2),.an-process[data-process-view="3"] .an-process-visual img:nth-child(3),.an-process[data-process-view="4"] .an-process-visual img:nth-child(4){opacity:1}
.process-mobile-media{display:none}
@media(min-width:761px) and (max-height:850px){.an-process-sidebar{position:static}.an-service-side{top:110px}.an-process-visual{aspect-ratio:1.5}}

@media(min-width:1700px){.ramkeg-identity{margin-left:max(var(--gutter),calc((100vw - 1600px)/2))}.case-stage{max-width:1600px;margin-inline:auto}}
@media(max-width:1100px){.desktop-nav{display:none}.header-contact{margin-left:auto}.hero-intro{grid-template-columns:1fr .42fr;gap:5vw}.hero h1{font-size:12vw}.hero-note p{font-size:17px}.hero-signet{font-size:45px}.institution-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.an-services-layout{gap:5vw}.an-faq-layout{gap:30px;grid-template-columns:1.1fr 1fr}.faq-block{padding:17px;font-size:17px}.faq-play-toolbar{align-items:start;flex-direction:column;padding-bottom:12px;min-height:85px}.an-faq-list{padding-top:85px}.an-process-layout{gap:7vw}.ramkeg-identity{max-width:calc(100% - var(--gutter)*2)}}
@media(max-width:760px){:root{--space:80px;--gutter:24px}.site-header{height:78px;gap:22px}.brand{width:128px}.header-contact{font-size:12px;padding:10px 14px;gap:12px}.mobile-menu>summary{font-size:12px}.mobile-menu nav{top:78px;grid-template-columns:1fr;gap:40px;padding:30px var(--gutter)}.menu-primary a{font-size:40px}.menu-secondary p{display:none}.menu-secondary small{margin-top:22px}.hero{padding-top:128px}.hero-intro{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.hero h1{font-size:clamp(76px,15vw,118px)}.hero-heading .eyebrow{font-size:12px;margin-bottom:26px}.hero-note{display:grid;grid-template-columns:1fr auto;gap:20px;max-width:none;padding:0}.hero-note p{font-size:15px;max-width:380px}.hero-signet{display:none}.hero-note .text-link{align-self:end;font-size:12px;min-width:0;gap:20px;margin:0;white-space:nowrap}.egg-wrap{padding-inline:12px}.egg-plate{aspect-ratio:1.2;border-radius:8px;clip-path:none}.egg-plate img{object-position:center}.egg-plate figcaption{font-size:38px;left:6%;right:6%}.hero-foot{font-size:10px;width:calc(100% - 24px);padding-block:18px}.institution-heading{display:block}.institution-heading .text-link{margin-top:24px}.institution-logos{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}.institution-logos li{min-height:140px;padding:18px 12px;gap:12px}.institution-logos img{height:58px}.institution-logos span{font-size:10px}.programmes{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.work-intro{display:block}.intro-note{margin-top:28px;font-size:16px}.gallery-track{gap:16px;padding-block:26px 30px}.gallery-item{flex-basis:85vw}.gallery-surface{padding:38px 20px;aspect-ratio:1.45}.gallery-caption{padding:20px}.gallery-caption h3{font-size:29px}.gallery-caption p{font-size:11px}.gallery-arrow{font-size:25px}.gallery-counter{margin-right:6px}.gallery-toolbar>p{font-size:11px}.gallery-buttons button{width:40px;height:40px}.gallery-number,.gallery-discipline{font-size:10px}.gallery-bottom{font-size:12px}.case-top{align-items:start;gap:24px}.case-top .eyebrow{max-width:260px}.round-link{flex:0 0 44px;width:44px;height:44px}.case-lead{display:block;margin-top:10px}.case-lead h2{font-size:20vw}.case-lead p{font-size:18px;margin-top:28px;max-width:450px}.ramkeg-identity{grid-template-columns:90px 1fr;padding:18px;gap:18px;margin-block:30px}.ramkeg-identity h3{font-size:13px;line-height:1.45}.ramkeg-identity p{font-size:12px}.case-stage{padding:22px 18px 58px}.media-action{font-size:11px;bottom:12px;right:12px;padding:10px 15px}.case-foot{font-size:11px}.case-foot>span{max-width:50%}.case-lab{grid-template-columns:1fr;gap:36px}.lab-copy h2{font-size:clamp(44px,8vw,62px)}.lab-copy>p:not(.eyebrow){font-size:17px}.geometry-window{max-width:550px}.paired-work{gap:50px;grid-template-columns:1fr}.offset{padding-top:0}.work-image{aspect-ratio:1.5;padding:22px}.small-case-title h3{font-size:30px}.small-case-title>span{font-size:11px}.learning-title{display:block}.learning-grid{grid-template-columns:1fr;gap:50px}.learning-image{aspect-ratio:1.5;padding:22px}.collection-heading{display:block}.collection-heading .eyebrow{margin-bottom:28px}.collection-heading>p:not(.eyebrow){margin-top:24px;font-size:16px}.public-row{grid-template-columns:26px 1fr 34px;gap:18px;padding-block:25px}.public-row h3{font-size:25px}.public-row p{grid-column:2;grid-row:2;font-size:14px}.public-row>a{grid-column:3;grid-row:1/3}.row-index{align-self:start;padding-top:7px}.company-grid{grid-template-columns:1fr;gap:30px}.company-grid>div p{font-size:17px}.press-section{grid-template-columns:1fr;gap:30px}.press-card{max-width:600px}.an-section-heading{display:block;margin-bottom:40px}.an-section-intro{margin-top:28px;font-size:16px}.an-services-layout{grid-template-columns:1fr}.an-service-side{position:static;display:none}.an-service-row{padding-block:24px}.an-service-row h3{font-size:28px}.an-service-row p{font-size:15px}.an-process-layout{grid-template-columns:1fr;gap:36px}.an-process-sidebar{position:static}.an-process-position,.an-process-progress,.an-process-index{display:none}.an-process-steps>li{min-height:0;padding-block:26px 40px}.an-process-steps h3{font-size:34px}.an-process-steps>li>p{font-size:16px}.an-faq-layout{grid-template-columns:1fr;gap:24px}.an-faq-heading{display:block}.an-faq-heading .an-section-label{margin-bottom:28px}.an-faq-heading>p:not(.an-section-label){margin-top:26px;font-size:17px}.an-faq-heading .an-content-link{margin-top:16px}.faq-play-toolbar{min-height:65px;flex-direction:row;align-items:center}.faq-play-toolbar p{max-width:150px;line-height:1.4}.faq-play-toolbar>div{gap:5px}.faq-play-toolbar button{font-size:10px;padding:8px}.faq-arena,.faq-blocks{min-height:440px}.faq-blocks{gap:10px;padding-top:160px}.faq-block{font-size:16px;padding:15px;gap:10px;min-height:57px}.faq-block>b{margin-left:0}.faq-watermark{font-size:68px}.an-faq-list{padding-top:0}.an-faq-item summary{font-size:19px;padding-block:22px}.an-faq-answer{font-size:15px}.footer-cta{font-size:clamp(60px,15vw,105px)}.footer-arrow{font-size:1em}.footer-contact{grid-template-columns:1fr;gap:18px;padding-block:44px 35px;font-size:22px}.footer-contact p{justify-self:start;font-size:14px;margin-top:10px}.footer-bottom{flex-wrap:wrap;gap:24px}.footer-bottom>div{width:100%;justify-content:space-between}.footer-bottom>img{width:110px}}
@media(max-width:420px){.header-contact{display:none}.mobile-menu{margin-left:auto}.hero h1{font-size:16vw}.hero-note{display:block}.hero-note p{font-size:16px}.hero-note .text-link{margin-top:18px;font-size:13px}.egg-plate{aspect-ratio:1}.egg-plate figcaption{font-size:32px}.hero-foot span:last-child{display:none}.institution-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.institution-logos li{min-height:142px}.institution-logos img{height:65px}.institution-logos span{font-size:11px}.faq-block{font-size:14px;padding:13px;gap:7px}.faq-play-toolbar p{font-size:10px;max-width:130px}.gallery-counter{display:none}.ramkeg-identity{grid-template-columns:1fr}.ramkeg-identity>img{max-width:140px}.public-row h3{font-size:22px}.footer-cta{font-size:16vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.egg-plate{clip-path:none}.egg-plate img,.gallery-card,.case-stage>img{transform:none!important}}

@media(max-width:1100px) and (min-width:761px){.editorial-film figcaption{align-items:start;flex-direction:column}.company-media{gap:18px}.company-sign{margin-top:50px}}
@media(max-width:760px){
.hero-media-grid{grid-template-columns:1fr;gap:12px}.hero-media-grid .egg-plate{aspect-ratio:1.25}.hero-media-grid .editorial-film{aspect-ratio:2.1}.hero-media-grid .egg-plate figcaption{font-size:clamp(32px,6vw,48px)}
.editorial-film figcaption{left:18px;right:18px;bottom:16px;font-size:12px}.editorial-film button{padding:8px 12px}
.company-media{grid-template-columns:1fr;margin-top:40px;gap:18px}.company-sign{margin-top:0}.company-sign img{aspect-ratio:1.4}.company-media .editorial-film{aspect-ratio:1.5}.company-statement{margin-top:44px;font-size:clamp(37px,7vw,58px);text-align:left}
.an-service-side{display:block}.an-service-art{aspect-ratio:1.65}.an-service-side .an-content-link{display:none}.an-service-art-title{font-size:20px}.an-service-art-caption{margin-top:14px}.an-process-sidebar .an-process-visual{display:none}
.process-mobile-media{display:block;margin-block:24px 6px;overflow:hidden;border-radius:8px}.process-mobile-media img{width:100%;aspect-ratio:1.65;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.company-sign:hover img{transform:none}}