/* Classy: an independent, work-first catalogue. Reference: project-index studio sites. */
.world.classy.catalogue{--cat-paper:#eae9e3;--cat-ink:#292c27;background:var(--cat-paper);color:var(--cat-ink);font-family:var(--sans);--wpad:0;overflow:clip}.catalogue-rail{position:fixed;top:0;left:0;bottom:0;width:250px;padding:38px 28px 35px;display:flex;flex-direction:column;z-index:15;background:var(--cat-paper)}.catalogue-name{font-size:23px;letter-spacing:-.07em;font-weight:500;line-height:1.2}.catalogue-name>span{display:block;font-size:10px;letter-spacing:0;margin-top:12px;line-height:1.7;max-width:150px;font-weight:400}.catalogue-rail nav{display:flex;flex-direction:column;gap:6px;margin-top:80px}.catalogue-rail nav a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:18px}.catalogue-rail nav a>span{font-size:9px;color:#7b8076}.catalogue-rail nav a:hover{color:#828d70}.catalogue-rail-note{margin-top:auto;font-size:10px;line-height:1.9;display:grid;gap:22px}.catalogue-rail-note>a{font-size:11px;min-height:44px;display:flex;align-items:center;gap:6px}.catalogue-main{margin-left:250px;padding:35px 45px 0 35px;max-width:1800px}.catalogue-intro{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:35px;align-items:start;padding:0 0 55px}.catalogue-intro>span,.catalogue-section-label>span,.catalogue-contact>span{font:9px/1.8 var(--sans);letter-spacing:.1em}.catalogue-intro h1{font:400 clamp(32px,3.2vw,50px)/1.06 var(--sans);letter-spacing:-.055em;margin:0}.catalogue-intro h1 em{font-family:var(--sans);font-style:normal;color:#7c876d}.catalogue-intro>p{font:12px/1.8 var(--sans);max-width:300px}.catalogue-project{border-top:1px solid #a8aca044;scroll-margin-top:20px}.catalogue-project:last-child{border-bottom:1px solid #a8aca044}.catalogue-project h2{font:inherit;letter-spacing:0}.catalogue-project-toggle{width:100%;background:none;border:0;display:grid;grid-template-columns:38px 1fr 180px 24px;align-items:center;gap:15px;padding:22px 0;color:inherit;text-align:left;min-height:80px}.catalogue-project-toggle>span:nth-child(2){font-size:24px;letter-spacing:-.06em;font-weight:400}.catalogue-project-toggle .catalogue-number{font-size:10px;color:#7b8076}.catalogue-project-toggle small{font-size:10px;font-weight:400}.catalogue-project-toggle b{font-size:20px;font-weight:400}.catalogue-project-toggle[aria-expanded=true]>span:nth-child(2){color:#69765c}.catalogue-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:45px;overflow:hidden}.catalogue-art-skoolie{background:#d5ded0}.catalogue-phones{display:flex;align-items:center;justify-content:center;gap:35px;width:100%}.catalogue-phones .world-image{width:23%;max-width:190px;min-width:0;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.catalogue-phones .world-image:nth-child(2){transform:translateY(-12px)}.catalogue-phones .world-image:hover{transform:translateY(-8px)}.catalogue-phones img{width:100%;border-radius:15px;box-shadow:0 15px 30px #3043331a}.catalogue .world-image>span{font-family:var(--sans);font-size:9px;text-align:center;padding-top:15px}.catalogue-art-nura{background:#bda58b;padding:45px 70px 70px}.catalogue-art-nura>.world-image:first-child{width:100%;box-shadow:0 20px 40px #49322422}.catalogue-art-nura>.world-image:first-child>span{display:none}.catalogue-nura-mobile{position:absolute;right:30px;bottom:15px;width:16%;transform:rotate(3deg);box-shadow:0 10px 30px #49322422}.catalogue-nura-mobile img{border-radius:7px}.catalogue-nura-mobile>span{display:none!important}.catalogue-art-rally{background:#1d2722;min-height:460px}.catalogue-art-rally video{display:block;height:400px;max-width:100%;border-radius:16px}.catalogue-project-caption{display:flex;align-items:start;gap:25px;padding:18px 0 30px;font-size:11px;line-height:1.8}.catalogue-project-caption p{max-width:430px;margin-right:auto}.catalogue-project-caption a{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;min-height:30px;border-bottom:1px solid #a8aca0}.catalogue-panel:not([hidden]){animation:catalogue-unfold .7s cubic-bezier(.2,.8,.2,1) both}.catalogue-studies,.catalogue-about{padding-top:110px}.catalogue-section-label{display:grid;grid-template-columns:.8fr 2.3fr;gap:35px;margin-bottom:40px}.catalogue-section-label>p{font:400 28px/1.15 var(--sans);letter-spacing:-.045em}.catalogue-study{border-top:1px solid #a8aca044;position:relative}.catalogue-study-link{display:grid;grid-template-columns:38px 1fr 150px 110px 24px;gap:15px;align-items:center;min-height:120px}.catalogue-study-link>span{font-size:10px;color:#7b8076}.catalogue-study-link h3{font:400 25px var(--sans);letter-spacing:-.05em}.catalogue-study-link small{font-size:10px}.catalogue-study-link img{width:110px;height:75px;object-fit:cover;transition:transform .65s,filter .65s;filter:saturate(.6)}.catalogue-study-link:hover img{transform:scale(1.08);filter:saturate(1)}.catalogue-study-link b{font-weight:400;font-size:20px}.catalogue-source{font-size:9px;position:absolute;left:53px;bottom:12px;display:inline-flex;align-items:center;gap:5px}.catalogue-about-grid{display:grid;grid-template-columns:.8fr 2.3fr;gap:35px}.catalogue-about figure{margin:0;align-self:start}.catalogue-about figure img{width:100%;max-height:280px;object-fit:contain;object-position:bottom;filter:grayscale(1);mask-image:linear-gradient(#000 78%,transparent)}.catalogue-about figcaption{font-size:9px;line-height:1.8;margin-top:15px}.catalogue .world-bio>p{font:14px/1.9 var(--sans);max-width:650px}.catalogue .world-bio dl{margin-top:25px}.catalogue .world-bio dl>div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:18px 0;border-top:1px solid #a8aca044}.catalogue .world-bio dt{font-size:10px;letter-spacing:0;color:#727b68;margin:0}.catalogue .world-bio dd{font-size:12px;line-height:1.8}.catalogue .verified-credentials h3{font:400 22px var(--sans);letter-spacing:-.04em}.catalogue .verified-credentials a{font-size:12px}.catalogue-services{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:35px;padding-top:25px;border-top:1px solid #a8aca044;font-size:10px}.catalogue-contact{padding:110px 0 50px}.catalogue-contact-title{display:flex;align-items:center;justify-content:space-between;font:400 clamp(65px,9vw,145px)/1.1 var(--sans);letter-spacing:-.075em;margin:25px 0 40px}.catalogue-contact-title>span{font-size:.55em}.catalogue-contact>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:12px}.catalogue-footer{padding:20px 0 30px;border-top:1px solid #a8aca044;display:flex;justify-content:space-between;gap:25px;font-size:9px}.catalogue-footer>span{color:#727b68}.catalogue :focus-visible{outline:2px solid #66785a;outline-offset:5px}.catalogue .icon-ne{vertical-align:middle}@keyframes catalogue-unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.catalogue-main{margin-left:280px}.catalogue-rail{width:280px}.catalogue-art{min-height:570px}.catalogue-phones .world-image{max-width:220px}}
@media(max-width:1100px){.catalogue-rail{width:200px;padding:30px 20px}.catalogue-main{margin-left:200px;padding:30px 25px 0 20px}.catalogue-intro{grid-template-columns:1fr 1.5fr;gap:25px}.catalogue-intro>p{grid-column:2;max-width:400px}.catalogue-phones{gap:20px}.catalogue-art{padding:30px;min-height:350px}.catalogue-phones .world-image{width:28%}.catalogue-project-toggle{grid-template-columns:30px 1fr 130px 20px}.catalogue-study-link{grid-template-columns:30px 1fr 90px 85px 20px;gap:10px}.catalogue-study-link img{width:85px;height:60px}.catalogue-study-link small{font-size:9px}.catalogue-source{left:40px}.catalogue-section-label,.catalogue-about-grid{grid-template-columns:1fr 2fr;gap:25px}.catalogue .world-bio dl>div{grid-template-columns:80px 1fr;gap:15px}}
@media(max-width:760px){.catalogue-rail{position:relative;width:100%;padding:25px 20px 15px;display:block}.catalogue-name{font-size:24px}.catalogue-name>span{max-width:none;font-size:10px;margin-top:5px}.catalogue-rail nav{margin-top:22px;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 20px}.catalogue-rail nav a{font-size:10px;gap:6px;min-height:38px}.catalogue-rail nav a>span{font-size:8px}.catalogue-rail-note{display:none}.catalogue-main{margin:0;padding:25px 20px 0}.catalogue-intro{display:grid;grid-template-columns:1fr;gap:22px;padding-bottom:35px}.catalogue-intro>span{font-size:8px}.catalogue-intro h1{font-size:38px;max-width:330px}.catalogue-intro h1 br{display:none}.catalogue-intro>p{grid-column:auto;max-width:400px;font-size:12px}.catalogue-project-toggle{min-height:72px;grid-template-columns:25px 1fr 20px;gap:10px;padding:17px 0}.catalogue-project-toggle>span:nth-child(2){font-size:24px}.catalogue-project-toggle small{grid-column:2;grid-row:2;font-size:9px}.catalogue-project-toggle b{grid-column:3;grid-row:1/3}.catalogue-number{grid-row:1/3}.catalogue-art{padding:28px 15px;min-height:0}.catalogue-phones{gap:12px;overflow-x:auto;justify-content:start;scroll-snap-type:x mandatory;padding:12px 5px 15px;scroll-padding:5px}.catalogue-phones .world-image{width:65%;flex:0 0 65%;max-width:220px;scroll-snap-align:start}.catalogue-phones .world-image:nth-child(2){transform:none}.catalogue-phones img{border-radius:13px}.catalogue .world-image>span{font-size:9px}.catalogue-project-caption{display:grid;grid-template-columns:1fr auto;gap:10px 15px;padding-bottom:25px}.catalogue-project-caption p{grid-column:1/-1;font-size:12px;max-width:100%}.catalogue-project-caption a{font-size:11px;justify-self:start}.catalogue-art-nura{padding:30px 22px 55px;min-height:250px}.catalogue-nura-mobile{width:24%;right:8px;bottom:15px}.catalogue-art-rally{padding:30px}.catalogue-art-rally video{height:360px}.catalogue-studies,.catalogue-about{padding-top:65px}.catalogue-section-label{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.catalogue-section-label>p{font-size:25px}.catalogue-study-link{grid-template-columns:22px 1fr 75px 15px;gap:8px;min-height:112px}.catalogue-study-link h3{font-size:23px}.catalogue-study-link small{display:none}.catalogue-study-link img{width:75px;height:56px}.catalogue-study-link b{font-size:18px}.catalogue-source{left:30px;bottom:12px;font-size:9px}.catalogue-about-grid{display:flex;flex-direction:column;gap:30px}.catalogue-about figure{max-width:155px;align-self:end}.catalogue-about figure img{max-height:190px}.catalogue-about figcaption{font-size:8px;margin-top:8px}.catalogue .world-bio>p{font-size:14px}.catalogue .world-bio dl>div{grid-template-columns:80px 1fr}.catalogue-services{gap:12px 20px;font-size:10px}.catalogue-contact{padding-top:70px}.catalogue-contact-title{font-size:70px;margin:25px 0 35px}.catalogue-contact>div{font-size:11px;gap:20px}.catalogue-footer{font-size:8px;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.catalogue-panel:not([hidden]){animation:none}.catalogue *{scroll-behavior:auto!important}}
@media(max-width:760px){.catalogue-rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.catalogue-rail nav a{min-height:40px}}
/* Continuous, full-screen project sequence with a shared ambient palette. */
html[data-design=classy] body{background:var(--catalogue-page-paper,#eae9e3);transition:background-color 1.1s ease}.world.classy.catalogue{background:var(--cat-paper);color:var(--cat-ink);transition:background-color 1.1s ease,color 1.1s ease}.catalogue-rail{background:var(--cat-paper);transition:background-color 1.1s ease,color 1.1s ease}.catalogue-project-heading{display:grid;grid-template-columns:38px 1fr 180px;align-items:center;gap:15px;padding:24px 0;min-height:80px}.catalogue-project-heading>span:nth-child(2){font:400 26px var(--sans);letter-spacing:-.06em}.catalogue-project-heading .catalogue-number{font-size:10px;opacity:.6}.catalogue-project-heading small{font-size:10px;font-weight:400}.catalogue-project{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:25px;scroll-margin-top:15px;border-color:currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent)}.catalogue .catalogue-art{background:transparent;min-height:0;flex:1;max-height:75svh;padding-block:35px}.catalogue .catalogue-panel{animation:none;display:flex;flex-direction:column;justify-content:center}.catalogue-phones .world-image{max-width:220px;width:min(23%,calc(58svh / 2.17))}.catalogue-art-rally video{height:min(60svh,530px)}.catalogue-art-nura>.world-image:first-child{max-width:1000px}.catalogue-art-nura>.world-image:first-child img{max-height:65svh;object-fit:contain}.catalogue-rail nav a>span,.catalogue-footer>span,.catalogue .world-bio dt{color:inherit;opacity:.65}.catalogue .catalogue-source{opacity:.7}.catalogue-project-caption{padding-bottom:25px}.catalogue-project-caption p{font-size:12px}.catalogue-studies,.catalogue-about,.catalogue-contact{scroll-margin-top:25px}
@media(max-width:1100px){.catalogue-project-heading{grid-template-columns:30px 1fr 130px}}@media(max-width:760px){.catalogue-project{min-height:100svh;padding-block:20px;justify-content:center}.catalogue-project-heading{min-height:75px;grid-template-columns:25px 1fr;gap:6px 10px;padding:18px 0}.catalogue-project-heading .catalogue-number{grid-row:1/3}.catalogue-project-heading small{grid-column:2;font-size:10px}.catalogue-project-heading>span:nth-child(2){font-size:28px}.catalogue .catalogue-art{max-height:none;flex:none;padding:30px 0}.catalogue-phones .world-image{width:68%;flex-basis:68%;max-width:245px}.catalogue-phones img{max-height:60svh;object-fit:contain}.catalogue-art-nura{min-height:260px}.catalogue .catalogue-art-nura{padding:20px 20px 65px}.catalogue-art-nura>.world-image:first-child img{max-height:50svh}.catalogue-art-rally video{height:min(60svh,430px)}.catalogue-project-caption{gap:12px;padding-top:10px}.catalogue-project-caption p{font-size:13px}.catalogue-nura-mobile{right:0}.catalogue-rail{transition:background-color 1.1s ease,color 1.1s ease}}
@media(prefers-reduced-motion:reduce){html[data-design=classy] body,.world.classy.catalogue,.catalogue-rail{transition:none}}
/* Scroll-position blending provides continuity; a short settling transition removes jitter. */
html[data-design=classy] body,.world.classy.catalogue,.catalogue-rail{transition:background-color .45s linear,color .45s linear}.catalogue .catalogue-project{min-height:100svh;padding-block:45px;justify-content:center}.catalogue .catalogue-project-heading{padding-top:0}.catalogue .catalogue-project-caption{padding-top:25px}
@media(max-width:760px){.catalogue-main{padding-inline:20px}.catalogue .catalogue-project{min-height:0;padding-block:40px 55px;gap:16px;justify-content:start}.catalogue .catalogue-project-heading{padding:0;min-height:65px}.catalogue .catalogue-art{padding:20px 0;max-height:none}.catalogue .catalogue-panel{display:flex;gap:10px}.catalogue .catalogue-phones{display:grid;grid-auto-columns:80%;grid-auto-flow:column;grid-template-columns:none;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0;padding:8px 0 22px;justify-content:start;align-items:start;scrollbar-width:thin}.catalogue .catalogue-phones .world-image{width:100%;max-width:none;transform:none;scroll-snap-align:start}.catalogue .catalogue-phones img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px}.catalogue .catalogue-phones .world-image>span{padding-top:14px;font-size:11px}.catalogue .catalogue-project-caption{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:10px;padding-bottom:0}.catalogue .catalogue-project-caption p{flex-basis:100%;font-size:14px;line-height:1.8}.catalogue .catalogue-project-caption a{min-height:44px;font-size:12px}.catalogue .catalogue-art-nura{padding:20px 0 60px;min-height:240px}.catalogue .catalogue-art-nura>.world-image:first-child img{max-height:none}.catalogue .catalogue-art-rally{padding:15px 0}.catalogue .catalogue-art-rally video{height:auto;width:min(270px,85%);max-height:65svh;object-fit:contain}.catalogue .catalogue-study-link{min-height:120px}.catalogue .catalogue-section-label{margin-bottom:30px}.catalogue .catalogue-studies,.catalogue .catalogue-about{padding-top:70px}.catalogue .catalogue-rail{padding-bottom:10px}.catalogue .catalogue-intro{padding-bottom:40px}.catalogue .catalogue-phones:after{content:'';width:1px}.catalogue .catalogue-art-skoolie{padding-top:10px}.catalogue .skoolie-view-tabs{margin-bottom:10px}.catalogue .skoolie-view-tabs button{font-size:12px}.catalogue .skoolie-website-image>span{font-size:11px}.catalogue-project-heading small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html[data-design=classy] body,.world.classy.catalogue,.catalogue-rail{transition:none}}
/* A compact introduction pairs the portrait with the heading on phones. */
@media(max-width:760px){
.catalogue .catalogue-about{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(100px,1fr);gap:30px 18px;align-items:center}
.catalogue-about>.catalogue-section-label{grid-column:1;grid-row:1;margin:0;gap:20px;align-self:center}
.catalogue-about>.catalogue-section-label>p{font-size:clamp(22px,5.6vw,32px);line-height:1.15;letter-spacing:-.05em}
.catalogue-about>.catalogue-section-label>span{font-size:9px}
.catalogue .catalogue-about-grid{display:contents}
.catalogue .catalogue-about figure{grid-column:2;grid-row:1;width:100%;max-width:180px;justify-self:end;align-self:center;margin:0}
.catalogue .catalogue-about figure img{width:100%;height:auto;max-height:220px;object-fit:contain;object-position:bottom}
.catalogue .catalogue-about figcaption{font-size:8px;line-height:1.5;text-align:center;margin-top:8px}
.catalogue-about .world-bio{grid-column:1/-1;grid-row:2;min-width:0}
.catalogue-about .catalogue-services{grid-column:1/-1;grid-row:3;margin-top:0}
.catalogue .catalogue-about .world-bio>p{font-size:14px;line-height:1.85}
}