.project-page{padding-bottom:clamp(24px,4vw,56px)}.project-back{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--info-subtle);font-family:var(--caption-font);font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1;text-decoration:none;text-transform:uppercase;transition:color var(--info-motion)}.project-back svg{flex:0 0 auto;transition:transform .36s cubic-bezier(.16,1,.3,1)}.project-back:focus-visible,.project-back:hover{color:var(--info-ink)}.project-back:focus-visible svg,.project-back:hover svg{transform:translateX(-3px)}.project-header{max-width:1080px;margin-top:clamp(38px,6vw,72px)}.project-title{max-width:12ch;margin:0;color:var(--info-ink);font-family:var(--font-title),sans-serif;font-size:clamp(58px,9.3vw,132px);font-weight:500;letter-spacing:-.035em;line-height:.9;text-wrap:balance}.project-dek{max-width:780px;margin:clamp(24px,3vw,42px) 0 0;color:var(--info-muted);font-size:clamp(18px,2vw,25px);line-height:1.46;text-wrap:balance}.project-featured-link{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:clamp(64px,9vw,116px)}.project-featured-link a{display:inline-flex;min-height:52px;align-items:center;gap:12px;padding:0 22px;border:1px solid var(--info-ink);color:var(--info-ink);font-family:var(--caption-font);font-size:16px;letter-spacing:var(--caption-md-track);text-decoration:none;text-transform:uppercase;transition:background var(--info-motion),color var(--info-motion)}.project-featured-link a:focus-visible,.project-featured-link a:hover{background:var(--info-ink);color:var(--info-canvas)}.project-featured-link__details{display:grid;gap:6px}.project-featured-link p{margin:0;color:var(--info-subtle);font-size:16px;line-height:1.5}.project-featured-link .project-featured-link__password{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;color:var(--info-muted)}.project-featured-link__password span{font-family:var(--caption-font);letter-spacing:var(--caption-md-track);text-transform:uppercase}.project-featured-link__password code{color:var(--info-ink);font-family:var(--font-text),sans-serif;font-size:16px;font-weight:600;letter-spacing:.02em}.project-footer li,.project-page h2{font-family:var(--caption-font);font-size:16px;letter-spacing:var(--caption-md-track);text-transform:uppercase}.project-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);gap:clamp(60px,9vw,140px);align-items:start;margin-top:clamp(96px,13vw,182px)}.project-story__prose{max-width:790px}.project-story__prose p{margin:0;color:var(--info-muted);font-size:var(--info-text-body);line-height:1.76}.project-story__prose p+p{margin-top:clamp(24px,3vw,38px)}.project-story__prose .project-story__lead{color:var(--info-ink);font-size:clamp(23px,2.7vw,36px);line-height:1.48;letter-spacing:-.012em}.project-role{max-width:320px;padding-top:9px}.project-role p{margin:0;color:var(--info-muted);font-size:var(--info-text-meta);line-height:1.6}.project-role .project-role__title{color:var(--info-ink);font-size:clamp(20px,2vw,28px);line-height:1.35}.project-role .project-role__context{color:var(--info-subtle);font-family:var(--caption-font);font-size:var(--caption-md);letter-spacing:.055em;line-height:1.55;text-transform:uppercase}.project-role p+p{margin-top:18px}.project-role__focus{display:grid;gap:10px;margin:22px 0 0;padding:0;color:var(--info-muted);font-size:var(--info-text-body);line-height:1.45;list-style:none}.project-context{margin-top:clamp(40px,5vw,58px)}.project-role .project-context__title{color:var(--info-ink);font-size:var(--info-text-body);line-height:1.45}.project-context__marks{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:18px 0 0;padding:0;color:var(--info-muted);font-size:var(--info-text-body);line-height:1.45;list-style:none}.project-context__marks li{display:flex;min-height:32px;align-items:center}.project-context__logo{width:auto;max-width:168px;height:32px;object-fit:contain;object-position:left center}.project-page h2{max-width:var(--info-rail-max);margin:0;color:var(--info-ink);font-weight:400;line-height:1.4}.project-visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-media{min-width:0;margin:clamp(42px,6vw,82px) 0 0}.project-media--hero{margin-top:clamp(68px,9vw,124px)}.project-anchor .project-media{margin-top:clamp(34px,4vw,62px)}.project-media__surface{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--project-media-ratio);border:0;background:#020202}.project-media__surface>img{object-fit:contain}.project-media__surface>video{display:block;width:100%;height:100%;object-fit:contain}.project-loop{position:absolute;inset:0;overflow:hidden;background:#020202}.project-loop__poster,.project-loop__video{object-fit:contain;transition:opacity .22s ease-out}.project-loop__video{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .22s ease-out}.project-loop[data-ready] .project-loop__poster{opacity:0}.project-loop[data-ready] .project-loop__video{opacity:1}.project-media__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(245,245,242,.025),rgba(245,245,242,.065))}.project-media__placeholder:after,.project-media__placeholder:before{position:absolute;content:"";background:var(--info-rule-soft)}.project-media__placeholder:before{width:1px;height:100%;transform:rotate(45deg)}.project-media__placeholder:after{width:100%;height:1px;transform:rotate(45deg)}.project-media__placeholder span{position:relative;z-index:1;padding:8px 10px;background:var(--info-canvas);color:var(--info-subtle);font-family:var(--caption-font);font-size:var(--caption-md);letter-spacing:var(--caption-md-track);text-transform:uppercase}.project-media-group{min-width:0}.project-media-group[data-layout=split]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,34px)}.project-media-group[data-layout=split] .project-media{margin-top:clamp(40px,5vw,64px)}.project-material{margin-top:clamp(104px,14vw,196px)}.project-visual-section+.project-gallery,.project-visual-section+.project-visual-section{margin-top:clamp(58px,8vw,104px)}.project-gallery:first-child{margin-top:0}.project-visual-section>p{max-width:710px;margin:0 0 clamp(34px,5vw,68px);color:var(--info-muted);font-size:var(--info-text-body);line-height:1.68}.project-gallery .project-media,.project-visual-section .project-media{margin-top:0}.project-gallery .project-media+.project-media{margin-top:clamp(58px,8vw,104px)}.project-gallery .project-media--wide,.project-visual-section .project-media--wide{width:min(100%,1080px)}.project-impact{margin-top:clamp(108px,15vw,208px)}.project-impact p{max-width:1080px;margin:0;color:var(--info-ink);font-size:clamp(30px,4.4vw,66px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}.project-epilogue{margin-top:clamp(128px,18vw,240px);padding-top:clamp(38px,5vw,64px);border-top:1px solid var(--info-rule-soft)}.project-epilogue__copy{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}.project-epilogue__copy h2{margin:4px 0 0;color:var(--info-subtle);font-family:var(--caption-font);font-size:var(--caption-md);font-weight:400;letter-spacing:var(--caption-md-track);line-height:1.4;text-transform:uppercase}.project-epilogue__copy p{max-width:760px;margin:0;color:var(--info-ink);font-size:clamp(20px,2vw,30px);line-height:1.5;text-wrap:pretty}.project-epilogue .project-media{width:min(100%,1080px);margin-top:clamp(42px,6vw,76px)}.project-embed__play{position:absolute;inset:0;width:100%;height:100%;border:0;overflow:hidden;padding:0;background:#020202;color:var(--info-ink);cursor:pointer}.project-embed__play img,.project-embed__preview{object-fit:contain;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity var(--info-motion)}.project-embed__preview{position:absolute;inset:0;width:100%;height:100%;opacity:0}.project-embed__preview[data-ready]{opacity:1}.project-embed__play[data-preview-ready] .project-embed__poster{opacity:0}.project-embed__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,8,.74),rgba(8,8,8,.05) 52%,rgba(8,8,8,.2))}.project-embed__control{position:absolute;left:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);display:flex;align-items:center;gap:14px;font-family:var(--caption-font);font-size:var(--caption-lg);letter-spacing:var(--caption-lg-track);text-transform:uppercase}.project-embed__control-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(245,245,242,.62);border-radius:50%;padding-left:2px;transition:background var(--info-motion),color var(--info-motion),transform var(--info-motion)}.project-embed__play:focus-visible .project-embed__preview,.project-embed__play:focus-visible img,.project-embed__play:hover .project-embed__preview,.project-embed__play:hover img{transform:scale(1.015)}.project-embed__play[data-preview-ready]:focus-visible .project-embed__poster,.project-embed__play[data-preview-ready]:hover .project-embed__poster{opacity:0}.project-embed__play[data-preview-ready]:focus-visible .project-embed__preview,.project-embed__play[data-preview-ready]:hover .project-embed__preview{opacity:1}.project-embed__play:focus-visible .project-embed__control-icon,.project-embed__play:hover .project-embed__control-icon{background:var(--info-ink);color:var(--info-canvas);transform:scale(1.06)}.project-film{width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;margin:0;overflow:hidden;background:transparent;color:var(--info-ink)}.project-film[open]{display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.project-film::backdrop{background:rgba(2,2,2,.9);backdrop-filter:blur(18px)}.project-film__shell{display:grid;width:min(92vw,1600px,calc(177.777dvh - 178px));min-width:0;gap:14px;animation:project-film-enter .32s cubic-bezier(.16,1,.3,1) both}.project-film__header{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:24px}.project-film__header p,.project-film__status{margin:0;font-family:var(--caption-font);font-size:14px;letter-spacing:var(--caption-md-track);text-transform:uppercase}.project-film__header p{overflow:hidden;color:rgba(245,245,242,.72);text-overflow:ellipsis;white-space:nowrap}.project-film__close{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:12px;padding:0 16px;border:1px solid rgba(245,245,242,.42);border-radius:999px;background:rgba(2,2,2,.42);color:var(--info-ink);font-family:var(--caption-font);font-size:14px;letter-spacing:var(--caption-md-track);text-transform:uppercase;cursor:pointer;transition:border-color var(--info-motion),background var(--info-motion),color var(--info-motion)}.project-film__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5}.project-film__close:focus-visible,.project-film__close:hover{border-color:var(--info-ink);background:var(--info-ink);color:var(--info-canvas)}.project-film__stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#020202;box-shadow:0 28px 90px rgba(0,0,0,.48)}.project-film__frame{display:block;width:100%;height:100%;border:0}.project-film__ended{position:absolute;z-index:2;inset:0;display:grid;align-content:center;justify-items:center;gap:clamp(24px,4vw,46px);padding:24px;background:rgba(2,2,2,.97);text-align:center}.project-film__ended>p{margin:0;color:var(--info-ink);font-family:var(--font-title),sans-serif;font-size:clamp(34px,5vw,72px);font-weight:500;letter-spacing:-.025em;line-height:1}.project-film__ended-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.project-film__ended-actions button{min-height:48px;padding:0 20px;border:1px solid rgba(245,245,242,.58);background:transparent;color:var(--info-ink);font-family:var(--caption-font);font-size:14px;letter-spacing:var(--caption-md-track);text-transform:uppercase;cursor:pointer;transition:background var(--info-motion),color var(--info-motion)}.project-film__ended-actions button:focus-visible,.project-film__ended-actions button:hover{background:var(--info-ink);color:var(--info-canvas)}.project-film__status{color:#f2c4bd;line-height:1.5;text-transform:none}@keyframes project-film-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.project-footer{margin-top:clamp(80px,11vw,156px);padding-top:clamp(26px,4vw,52px);border-top:1px solid var(--info-rule)}.project-footer--without-sources{padding-top:0;border-top:0}.project-footer__sources{display:grid;grid-template-columns:minmax(150px,.24fr) minmax(0,1fr);gap:var(--info-section-gap-x);align-items:start}.project-footer__sources h2{margin:0}.project-footer__sources ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.project-footer__sources a{display:inline-flex;min-height:44px;align-items:center;color:var(--info-muted);font-size:16px;text-decoration-color:rgba(245,245,242,.35);text-underline-offset:.22em;transition:color var(--info-motion),transform var(--info-motion)}.project-footer__sources a:focus-visible,.project-footer__sources a:hover{color:var(--info-ink);transform:translateX(4px)}.project-journey{margin-top:clamp(72px,10vw,132px);padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--info-rule)}.project-footer--without-sources .project-journey{margin-top:0}.project-journey__eyebrow{margin:0 0 clamp(22px,3vw,34px);color:var(--info-subtle);font-family:var(--caption-font);font-size:16px;letter-spacing:var(--caption-md-track);line-height:1.4;text-transform:uppercase}.project-journey__link{display:flex;width:min(100%,980px);min-height:88px;align-items:flex-start;justify-content:space-between;gap:24px;color:var(--info-ink);text-decoration:none}.project-journey__link:focus-visible{outline:2px solid var(--info-ink);outline-offset:7px}.project-footer .project-journey__title{max-width:12ch;min-width:0;margin:0;color:var(--info-ink);font-family:var(--font-title),sans-serif;font-size:clamp(38px,5.4vw,74px);font-weight:500;letter-spacing:-.03em;line-height:.98;text-transform:none;text-wrap:balance}.project-footer .project-journey__title,.project-journey__action{transition:color var(--info-motion),transform .36s cubic-bezier(.16,1,.3,1)}.project-journey__action{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:7px;padding-top:9px;color:var(--info-subtle);font-family:var(--caption-font);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.project-journey__action svg{flex:0 0 auto}.project-journey__link:focus-visible .project-journey__title,.project-journey__link:hover .project-journey__title{transform:translateX(6px)}.project-journey__link:focus-visible .project-journey__action,.project-journey__link:hover .project-journey__action{color:var(--info-ink);transform:translateX(5px)}@media (max-width:700px){.project-header{margin-top:34px}.project-title{max-width:100%;font-size:clamp(50px,16vw,74px);line-height:.94}.project-dek{margin-top:20px;font-size:18px}.project-featured-link{align-items:flex-start;margin-top:64px}.project-featured-link__details{flex-basis:100%}.project-story{grid-template-columns:1fr;gap:54px;margin-top:86px}.project-story__prose .project-story__lead{font-size:24px}.project-role{max-width:100%}.project-media,.project-media--hero{margin-top:54px}.project-media-group[data-layout=split]{grid-template-columns:1fr;gap:0}.project-material{margin-top:96px}.project-visual-section+.project-gallery,.project-visual-section+.project-visual-section{margin-top:52px}.project-visual-section>p{margin-bottom:36px}.project-impact{margin-top:104px}.project-impact p{font-size:clamp(31px,9.5vw,44px)}.project-epilogue{margin-top:104px;padding-top:28px}.project-epilogue__copy{display:block}.project-epilogue__copy h2{margin:0 0 18px}.project-epilogue__copy p{font-size:18px;line-height:1.62}.project-epilogue .project-media{width:100%;margin-top:36px}.project-embed__control{left:14px;bottom:14px}.project-embed__control-icon{width:42px;height:42px}.project-film[open]{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.project-film__shell{width:100%;gap:10px}.project-film__header{min-height:44px}.project-film__header p{font-size:12px}.project-film__close{padding:0 13px;font-size:12px}.project-film__ended{gap:22px}.project-film__ended>p{font-size:clamp(30px,10vw,44px)}.project-film__ended-actions button{min-height:46px;font-size:12px}.project-footer{margin-top:88px}.project-footer__sources{grid-template-columns:1fr;gap:18px}.project-journey{margin-top:64px;padding-top:28px}.project-journey__eyebrow{margin-bottom:24px}.project-journey__link{width:100%;min-height:72px;gap:14px}.project-footer .project-journey__title{max-width:10ch;font-size:clamp(36px,11.5vw,52px);line-height:1}.project-journey__action{padding-top:8px}}.project-page[data-project-slug=avalon-industry-playbook] .project-title{max-width:15ch;font-size:clamp(48px,6.4vw,90px);line-height:.95}.project-page[data-project-slug=avalon-industry-playbook] .project-dek{max-width:720px;font-size:clamp(19px,1.7vw,23px)}.project-page[data-project-slug=avalon-industry-playbook] .project-footer__sources a,.project-page[data-project-slug=avalon-industry-playbook] .project-footer__sources h2,.project-page[data-project-slug=avalon-industry-playbook] .project-footer__sources li,.project-page[data-project-slug=avalon-industry-playbook] .project-role p{font-size:var(--info-text-body)}.project-page[data-project-slug=avalon-industry-playbook] .project-media--hero .project-media__surface{background:#b8b9b8}.project-page[data-project-slug=avalon-industry-playbook] .project-anchor[data-placement=after-story] .project-media{margin-top:clamp(88px,12vw,168px)}.project-page[data-project-slug=avalon-industry-playbook] .project-anchor .project-media__surface{background:#838685}.project-page[data-project-slug=avalon-industry-playbook] .project-material{margin-top:clamp(112px,15vw,210px)}.project-page[data-project-slug=avalon-industry-playbook] .project-visual-section+.project-visual-section{margin-top:clamp(132px,17vw,236px)}.project-page[data-project-slug=avalon-industry-playbook] .project-visual-section>p{max-width:720px;margin-bottom:clamp(48px,7vw,92px);color:var(--info-ink);font-size:clamp(19px,1.7vw,24px);line-height:1.62;text-wrap:pretty}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media-group,.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media-group,.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media-group{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,58px);align-items:start}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape>p{margin-left:clamp(0px,7vw,112px)}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media:first-child{grid-column:1/10}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media:nth-child(2){grid-column:3/13;margin-top:clamp(52px,7vw,96px)}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media__surface{background:#d8d8d6}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system>p{max-width:820px}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:first-child{grid-column:1/6}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(2){grid-column:7/13;margin-top:clamp(72px,10vw,144px)}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(3){grid-column:2/12;margin-top:clamp(96px,13vw,180px)}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media__surface{background:#111}.project-page[data-project-slug=avalon-industry-playbook] #testing-across-screens>p{max-width:650px;margin-right:clamp(0px,7vw,110px);margin-left:auto}.project-page[data-project-slug=avalon-industry-playbook] #testing-across-screens .project-media-group{gap:clamp(24px,4vw,58px);align-items:end}.project-page[data-project-slug=avalon-industry-playbook] #testing-across-screens .project-media:nth-child(2){margin-top:clamp(74px,10vw,142px)}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event>p{max-width:830px;font-size:clamp(24px,2.5vw,36px);line-height:1.48;letter-spacing:-.012em}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:first-child{grid-column:1/9}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:nth-child(2){grid-column:7/13;margin-top:clamp(112px,14vw,190px)}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media__surface{background:#111}.project-page[data-project-slug=avalon-industry-playbook] .project-impact p{max-width:980px;font-size:clamp(28px,3.5vw,50px);line-height:1.24}@media (max-width:700px){.project-page[data-project-slug=avalon-industry-playbook] .project-title{font-size:clamp(42px,12vw,58px)}.project-page[data-project-slug=avalon-industry-playbook] .project-dek{font-size:18px}.project-page[data-project-slug=avalon-industry-playbook] .project-anchor[data-placement=after-story] .project-media{margin-top:72px}.project-page[data-project-slug=avalon-industry-playbook] .project-material{margin-top:104px}.project-page[data-project-slug=avalon-industry-playbook] .project-visual-section+.project-visual-section{margin-top:112px}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape>p,.project-page[data-project-slug=avalon-industry-playbook] #testing-across-screens>p{margin-right:0;margin-left:0}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media-group,.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media-group,.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media-group{grid-template-columns:1fr;gap:0}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:first-child,.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(2),.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(3),.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:first-child,.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:nth-child(2),.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media:first-child,.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media:nth-child(2){grid-column:1}.project-page[data-project-slug=avalon-industry-playbook] #mapping-the-landscape .project-media:nth-child(2){width:92%;margin-top:48px;margin-left:auto}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:first-child,.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(2){width:76%}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(2){margin-top:42px;margin-left:auto}.project-page[data-project-slug=avalon-industry-playbook] #building-the-system .project-media:nth-child(3){width:100%;margin-top:64px;margin-left:0}.project-page[data-project-slug=avalon-industry-playbook] #testing-across-screens .project-media:nth-child(2){width:90%;margin-top:44px;margin-left:auto}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event>p{font-size:24px}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:first-child{width:100%}.project-page[data-project-slug=avalon-industry-playbook] #into-the-event .project-media:nth-child(2){width:76%;margin-top:56px;margin-left:auto}}@media (prefers-reduced-motion:reduce){.project-back,.project-back svg,.project-embed__control-icon,.project-embed__play img,.project-embed__preview,.project-film__close,.project-film__ended-actions button,.project-footer a,.project-journey__action,.project-journey__title{transition:none}.project-media{transform:none!important;will-change:auto!important}.project-back:focus-visible svg,.project-back:hover svg{transform:none}.project-film__shell{animation:none}.project-journey__link:focus-visible .project-journey__action,.project-journey__link:focus-visible .project-journey__title,.project-journey__link:hover .project-journey__action,.project-journey__link:hover .project-journey__title{transform:none}}@media (hover:none),(pointer:coarse){.project-journey__link:hover .project-journey__action,.project-journey__link:hover .project-journey__title{transform:none}.project-journey__link:active{opacity:.72}}.project-page[data-project-slug=optimal-reality] .project-title{max-width:14ch;font-size:clamp(52px,7vw,96px);line-height:.94}.project-page[data-project-slug=optimal-reality] .project-dek{max-width:650px;font-size:clamp(19px,1.7vw,23px)}.project-page[data-project-slug=optimal-reality] .project-footer__sources a,.project-page[data-project-slug=optimal-reality] .project-footer__sources h2,.project-page[data-project-slug=optimal-reality] .project-footer__sources li,.project-page[data-project-slug=optimal-reality] .project-role .project-role__context,.project-page[data-project-slug=optimal-reality] .project-role p{font-size:var(--info-text-body)}.project-page[data-project-slug=optimal-reality] .project-role .project-role__context{font-family:var(--font-text),sans-serif;letter-spacing:0;text-transform:none}.project-page[data-project-slug=optimal-reality] .project-material{margin-top:clamp(112px,15vw,210px)}.project-page[data-project-slug=optimal-reality] .project-impact p{max-width:980px;font-size:clamp(28px,3.5vw,50px);line-height:1.24}.project-page[data-project-slug=optimal-reality] .project-visual-section+.project-visual-section{margin-top:clamp(120px,16vw,224px)}.project-page[data-project-slug=optimal-reality] .project-visual-section>p{max-width:690px;margin-bottom:clamp(44px,6vw,82px);color:var(--info-ink);font-size:clamp(18px,1.55vw,22px);line-height:1.62;text-wrap:pretty}.project-page[data-project-slug=optimal-reality] .project-media__surface{border:0;background:rgb(246 247 248)}.project-page[data-project-slug=optimal-reality] .project-media__surface>img{object-fit:contain}.project-page[data-project-slug=optimal-reality] #working-prototype .project-media{width:100%}.project-page[data-project-slug=optimal-reality] #component-system .project-media__surface,.project-page[data-project-slug=optimal-reality] #spatial-language .project-media__surface,.project-page[data-project-slug=optimal-reality] #working-prototype .project-media__surface{background:#211f20}.project-page[data-project-slug=optimal-reality] #component-system .project-media{width:min(100%,920px);margin-inline:auto}@media (min-width:701px){.project-page[data-project-slug=optimal-reality] #scenario-mockups{margin-top:clamp(112px,13vw,180px)}.project-page[data-project-slug=optimal-reality] #scenario-mockups>p,.project-page[data-project-slug=optimal-reality] #working-prototype>p{max-width:620px;margin-right:clamp(36px,5vw,80px);margin-left:auto}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media-group{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,58px);align-items:end}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:first-child{grid-column:2/12}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:first-child .project-media__surface{background:#202827}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:nth-child(2){grid-column:1/8;margin-bottom:clamp(32px,5vw,72px)}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:nth-child(3){grid-column:8/13}.project-page[data-project-slug=optimal-reality] #building-blocks{margin-top:clamp(148px,18vw,250px)}.project-page[data-project-slug=optimal-reality] #building-blocks>p{max-width:630px}.project-page[data-project-slug=optimal-reality] #spatial-language{margin-top:clamp(148px,18vw,250px)}.project-page[data-project-slug=optimal-reality] #spatial-language>p{max-width:680px;margin-left:max(0px,calc((100% - 1080px) / 2))}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media-group{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(26px,3.5vw,52px);align-items:end}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:first-child{grid-column:1/8}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:nth-child(2){grid-column:8/13;margin-bottom:clamp(28px,4vw,58px)}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:nth-child(3){grid-column:2/12}.project-page[data-project-slug=optimal-reality] #component-system{margin-top:clamp(110px,14vw,190px)}.project-page[data-project-slug=optimal-reality] #component-system>p{max-width:620px;margin-left:max(0px,calc((100% - 920px) / 2))}.project-page[data-project-slug=optimal-reality] #component-system .project-media{margin-right:0}.project-page[data-project-slug=optimal-reality] #working-prototype{margin-top:clamp(170px,20vw,260px)}.project-page[data-project-slug=optimal-reality] #working-prototype .project-media{width:min(100%,1180px);margin-left:auto}}@media (max-width:700px){.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:first-child{width:100%}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:first-child .project-media__surface{background:#202827}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:nth-child(2){width:92%;margin-top:42px}.project-page[data-project-slug=optimal-reality] #scenario-mockups .project-media:nth-child(3){width:82%;margin-top:32px;margin-left:auto}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:first-child{width:100%}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:nth-child(2){width:84%;margin-top:30px;margin-left:auto}.project-page[data-project-slug=optimal-reality] #spatial-language .project-media:nth-child(3){width:100%;margin-top:38px}}.project-page[data-project-slug=anz-breakpoint] .project-title{max-width:14ch;font-size:clamp(52px,7vw,96px);line-height:.94}.project-page[data-project-slug=anz-breakpoint] .project-dek{max-width:720px;font-size:clamp(19px,1.7vw,23px)}.project-page[data-project-slug=anz-breakpoint] .project-footer__sources a,.project-page[data-project-slug=anz-breakpoint] .project-footer__sources h2,.project-page[data-project-slug=anz-breakpoint] .project-footer__sources li,.project-page[data-project-slug=anz-breakpoint] .project-role p{font-size:var(--info-text-body)}.project-page[data-project-slug=anz-breakpoint] .project-impact p{max-width:980px;font-size:clamp(28px,3.5vw,50px);line-height:1.24}.project-page[data-project-slug=anz-breakpoint] .project-material{margin-top:clamp(118px,16vw,220px)}.project-page[data-project-slug=anz-breakpoint] .project-visual-section+.project-gallery,.project-page[data-project-slug=anz-breakpoint] .project-visual-section+.project-visual-section{margin-top:clamp(132px,17vw,236px)}.project-page[data-project-slug=anz-breakpoint] .project-visual-section>p{max-width:700px;margin-bottom:clamp(48px,7vw,92px);color:var(--info-ink);font-size:clamp(19px,1.7vw,24px);line-height:1.62;text-wrap:pretty}.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:first-child{width:min(72%,820px)}.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:nth-child(2){width:min(100%,1120px);margin-top:clamp(96px,13vw,168px);margin-left:auto}.project-page[data-project-slug=anz-breakpoint] #live-experience>p{max-width:620px;margin-right:clamp(32px,6vw,92px);margin-left:auto}.project-page[data-project-slug=anz-breakpoint] #live-experience .project-media{width:100%}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media-group{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,4vw,58px);align-items:start}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media:first-child{grid-column:1/8}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media:nth-child(2){grid-column:9/13;margin-top:clamp(104px,15vw,210px)}@media (max-width:700px){.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:first-child,.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:nth-child(2){width:100%}.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:nth-child(2){margin-top:72px}}.project-page[data-project-slug=centre-for-circularity] .project-title{max-width:16ch;font-size:clamp(48px,6.2vw,86px);line-height:.96}.project-page[data-project-slug=centre-for-circularity] .project-dek{max-width:740px;font-size:clamp(19px,1.7vw,23px)}.project-page[data-project-slug=centre-for-circularity] .project-footer__sources a,.project-page[data-project-slug=centre-for-circularity] .project-footer__sources h2,.project-page[data-project-slug=centre-for-circularity] .project-footer__sources li,.project-page[data-project-slug=centre-for-circularity] .project-role p{font-size:var(--info-text-body)}.project-page[data-project-slug=centre-for-circularity] .project-material{margin-top:clamp(72px,9vw,124px)}.project-page[data-project-slug=centre-for-circularity] .project-visual-section+.project-gallery,.project-page[data-project-slug=centre-for-circularity] .project-visual-section+.project-visual-section{margin-top:clamp(126px,17vw,236px)}.project-page[data-project-slug=centre-for-circularity] .project-visual-section>p{max-width:710px;margin-bottom:clamp(48px,7vw,92px);color:var(--info-ink);font-size:clamp(19px,1.7vw,24px);line-height:1.62;text-wrap:pretty}.project-page[data-project-slug=centre-for-circularity] .project-anchor[data-placement=after-story] .project-media{margin-top:clamp(88px,12vw,168px)}.project-page[data-project-slug=centre-for-circularity] #creative-vision>p{max-width:860px;font-size:clamp(24px,2.5vw,36px);line-height:1.48;letter-spacing:-.012em}.project-page[data-project-slug=centre-for-circularity] #design-explorations>p{margin-left:clamp(0px,9vw,148px)}.project-page[data-project-slug=centre-for-circularity] #design-explorations .project-media__surface{background:rgb(138 138 138)}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook>p{max-width:820px}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media-group{--centre-storybook-strip-width:clamp(1600px,122vw,2200px);display:grid;gap:clamp(52px,7vw,100px)}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media{overflow-x:hidden;width:100%}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media__surface{width:var(--centre-storybook-strip-width);max-width:none;background:transparent}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media:nth-child(2) .project-media__surface{margin-left:calc(100% - var(--centre-storybook-strip-width))}.project-page[data-project-slug=centre-for-circularity] .project-impact p{max-width:940px;font-size:clamp(28px,3.5vw,50px);line-height:1.24}@media (max-width:700px){.project-page[data-project-slug=centre-for-circularity] .project-material{margin-top:64px}.project-page[data-project-slug=centre-for-circularity] .project-anchor[data-placement=after-story] .project-media{margin-top:72px}.project-page[data-project-slug=centre-for-circularity] #creative-vision>p{font-size:24px}.project-page[data-project-slug=centre-for-circularity] #design-explorations>p{margin-left:0}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media{overflow-x:visible}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media__surface{width:100%}.project-page[data-project-slug=centre-for-circularity] #proposition-storybook .project-media:nth-child(2) .project-media__surface{margin-left:0}}.project-page[data-project-slug=h20-smart-water-network] .project-title{max-width:15ch;font-size:clamp(48px,6.7vw,94px);line-height:.95}.project-page[data-project-slug=h20-smart-water-network] .project-dek{max-width:720px;font-size:clamp(19px,1.7vw,23px)}.project-page[data-project-slug=h20-smart-water-network] .project-footer__sources a,.project-page[data-project-slug=h20-smart-water-network] .project-footer__sources h2,.project-page[data-project-slug=h20-smart-water-network] .project-footer__sources li,.project-page[data-project-slug=h20-smart-water-network] .project-role p{font-size:var(--info-text-body)}.project-page[data-project-slug=h20-smart-water-network] .project-material{margin-top:clamp(118px,16vw,220px)}.project-page[data-project-slug=h20-smart-water-network] .project-visual-section+.project-visual-section{margin-top:clamp(120px,16vw,230px)}.project-page[data-project-slug=h20-smart-water-network] .project-visual-section>p{max-width:760px;margin-bottom:clamp(48px,7vw,92px);color:var(--info-ink);font-size:clamp(19px,1.7vw,24px);line-height:1.62}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media-group{display:grid;grid-template-columns:minmax(240px,.54fr) minmax(0,1fr);gap:clamp(48px,8vw,116px) clamp(28px,5vw,70px);align-items:center}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media__surface{background:#fff}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media:first-child{grid-row:1/span 2;width:min(100%,430px);justify-self:center}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media:nth-child(3){width:72%;justify-self:end}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media-group{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,5vw,72px) clamp(22px,4vw,56px);align-items:start}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:first-child{grid-column:1/9;width:100%}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(2){grid-column:10/13;margin-top:clamp(68px,10vw,150px)}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(3){grid-column:2/5}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(4){grid-column:5/10;margin-top:clamp(56px,8vw,126px)}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(5){grid-column:10/13;width:92%;justify-self:end;margin-top:clamp(104px,15vw,210px)}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media-group{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(22px,4vw,56px);align-items:center}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media:nth-child(2){margin-top:clamp(56px,8vw,128px)}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media:last-child{grid-column:1/-1;width:100%;margin-top:clamp(96px,13vw,190px)}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media:last-child .project-media__surface{background:#000}.project-page[data-project-slug=h20-smart-water-network] .project-impact p{max-width:980px;font-size:clamp(28px,3.5vw,50px);line-height:1.24}@media (max-width:700px){.project-page[data-project-slug=anz-breakpoint] .project-title,.project-page[data-project-slug=optimal-reality] .project-title{font-size:clamp(46px,14vw,62px)}.project-page[data-project-slug=centre-for-circularity] .project-title{font-size:clamp(42px,12vw,56px)}.project-page[data-project-slug=h20-smart-water-network] .project-title{font-size:clamp(42px,12vw,58px)}.project-page[data-project-slug=anz-breakpoint] .project-dek,.project-page[data-project-slug=optimal-reality] .project-dek{font-size:18px}.project-page[data-project-slug=anz-breakpoint] .project-material{margin-top:104px}.project-page[data-project-slug=anz-breakpoint] .project-visual-section+.project-gallery,.project-page[data-project-slug=anz-breakpoint] .project-visual-section+.project-visual-section{margin-top:112px}.project-page[data-project-slug=anz-breakpoint] #testing-at-scale .project-media:first-child{width:88%}.project-page[data-project-slug=centre-for-circularity] .project-material{margin-top:104px}.project-page[data-project-slug=centre-for-circularity] .project-visual-section+.project-gallery,.project-page[data-project-slug=centre-for-circularity] .project-visual-section+.project-visual-section{margin-top:112px}.project-page[data-project-slug=anz-breakpoint] #live-experience>p{margin-right:0;margin-left:0}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media-group{grid-template-columns:1fr;gap:0}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media:first-child{grid-column:1;width:88%}.project-page[data-project-slug=anz-breakpoint] .project-gallery .project-media:nth-child(2){grid-column:1;width:72%;justify-self:end;margin-top:64px}.project-page[data-project-slug=centre-for-circularity] .project-dek,.project-page[data-project-slug=h20-smart-water-network] .project-dek{font-size:18px}.project-page[data-project-slug=optimal-reality] .project-material{margin-top:104px}.project-page[data-project-slug=optimal-reality] .project-visual-section+.project-visual-section{margin-top:112px}.project-page[data-project-slug=h20-smart-water-network] .project-material{margin-top:104px}.project-page[data-project-slug=h20-smart-water-network] .project-visual-section+.project-visual-section{margin-top:112px}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media-group,.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media-group,.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media-group{grid-template-columns:1fr}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media:first-child{grid-row:auto;width:72%;justify-self:center}.project-page[data-project-slug=h20-smart-water-network] #technical-plan .project-media:nth-child(3){width:78%;justify-self:end}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:first-child{grid-column:1;width:88%}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(n+2){grid-column:1;width:72%;margin-top:34px}.project-page[data-project-slug=h20-smart-water-network] #making-and-testing .project-media:nth-child(2n){justify-self:end}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media:nth-child(2){width:88%;justify-self:end;margin-top:34px}.project-page[data-project-slug=h20-smart-water-network] #activation .project-media:last-child{grid-column:1;width:100%;margin-top:88px}}