:root{--red:#f58220;--ink:#181818;--paper:#f7f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}header{height:100px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;position:relative;z-index:5}.brand{font-weight:900;font-size:44px;letter-spacing:-3px;line-height:.7;position:relative;padding-bottom:15px}.brand small{position:absolute;font-size:10px;letter-spacing:7px;bottom:0;left:3px}.target-symbol{font-size:36px;color:var(--red);margin-left:3px}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--red)}.contact-top{border:1px solid #222;border-radius:30px;padding:11px 25px;font-size:14px}.contact-top:hover{background:var(--ink);color:white}#menu{display:none}.hero{padding:35px 4.5% 22px;position:relative;overflow:hidden}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px}.hero h1{font-size:clamp(78px,11.8vw,185px);font-weight:800;line-height:.95;letter-spacing:-.075em;margin:60px 0 55px;max-width:1500px}.mark{font-family:Georgia,serif;font-weight:400;font-style:italic;position:relative;letter-spacing:-.085em}.mark svg{position:absolute;width:104%;bottom:-12px;left:-2%;height:25px;overflow:visible}.mark path{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:round}.red{color:var(--red)}.hero-bottom{display:flex;align-items:center;gap:7vw;margin-bottom:45px}.hero-bottom p{line-height:1.45;margin:0}.pill{display:inline-flex;padding:19px 30px;border-radius:50px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-4px);background:var(--red);color:white}.dark{background:var(--ink);color:white}.light{background:var(--paper);color:var(--ink)}.hero-note{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:1px}.asterisk{font-size:70px;color:var(--red);animation:spin 30s linear infinite}.hero-index{font-size:10px;letter-spacing:1px;border-top:1px solid #ccc;padding-top:18px}.ticker{background:var(--red);overflow:hidden;padding:15px 0}.ticker div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite;color:var(--ink);font-weight:700;font-size:29px;letter-spacing:-1px}.ticker b{padding:0 35px;color:var(--paper)}.section{padding:100px 4.5%}.section-label{font-size:12px;letter-spacing:1.6px}.studio{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid #ccc}.studio h2,h2{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin:0}h2 em{font-family:Georgia,serif;font-weight:400} .studio h2 em{color:var(--red)}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:45px;max-width:840px}.studio-copy p{margin:0;color:#555;font-size:16px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 50px}.heading-row p{font-size:15px;margin:0 1% 8px 30px;color:#555}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px 40px;align-items:start}.project{border:0;padding:0;background:none;text-align:left;cursor:pointer;width:100%}.project.small{margin-top:110px}.project:nth-child(3){margin-top:0}.project-image{height:390px;overflow:hidden;position:relative;background:#ddd}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.blue{background:#07569e}.blue img{object-fit:contain}.project-image.print{background:#7ba6c5;height:380px}.project-image.print img{object-fit:cover}.image-badge{position:absolute;right:18px;bottom:18px;background:var(--paper);border-radius:40px;font-size:10px;letter-spacing:1px;padding:13px 18px;opacity:0;transform:translateY(6px);transition:.3s}.project:hover .image-badge,.project:focus-visible .image-badge{opacity:1;transform:translateY(0)}.project-caption{display:flex;justify-content:space-between;align-items:baseline;padding-top:17px;gap:10px}.project-caption h3{font-size:25px;letter-spacing:-1px;margin:0;font-weight:500}.project-caption span{font-size:10px;letter-spacing:1px}.project-statement{padding:40px 8%;position:relative}.project-statement>span:first-child{font-size:12px;letter-spacing:2px}.project-statement p{font-size:clamp(60px,6vw,95px);letter-spacing:-5px;line-height:1;margin:25px 0}.project-statement em{font-family:Georgia,serif;color:var(--red)}.statement-star{font-size:110px;color:var(--red);display:block;text-align:right;line-height:1}.services{background:#ecece6}.service-list{border-top:1px solid #aaa}details{border-bottom:1px solid #aaa;padding:26px 0}summary{display:flex;align-items:center;cursor:pointer;list-style:none;gap:36px}summary::-webkit-details-marker{display:none}.service-num{font-size:13px;width:35px}summary h3{font-size:clamp(25px,3vw,44px);letter-spacing:-1.5px;font-weight:500;margin:0}.expand{font-size:36px;margin-left:auto;font-weight:300}details[open] .expand{transform:rotate(45deg);color:var(--red)}.service-content{margin:15px 60px 5px 71px;display:grid;grid-template-columns:1fr 1fr;gap:70px;color:#555}.service-content p{font-size:16px;max-width:520px;margin:5px 0}.tags{display:flex;gap:7px;flex-wrap:wrap;align-content:center}.tags span{font-size:12px;border:1px solid #bbb;padding:7px 12px;border-radius:30px}.manifesto{padding:90px 5%;text-align:center;background:var(--red);color:var(--ink)}.manifesto>span{font-size:12px;letter-spacing:2px}.manifesto h2{margin:40px auto;font-size:clamp(45px,7vw,102px);max-width:1100px}.manifesto .pill:hover{background:var(--ink)}.contact h2{font-size:clamp(65px,9vw,140px);margin:45px 0 65px;position:relative}.contact h2 .red{position:absolute;right:6%;top:0;font-size:170px;animation:spin 40s linear infinite}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:15px}.email{font-size:clamp(18px,2.3vw,34px);letter-spacing:-1px;border-bottom:1px solid var(--ink)}.email:hover{color:var(--red)}.contact-bottom>span{font-size:14px}footer{background:var(--ink);color:var(--paper);padding:40px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer div,footer>a:last-child{font-size:11px;letter-spacing:1px}.footer-brand{font-size:32px;letter-spacing:-2px;font-weight:700}.footer-brand span{font-size:12px;vertical-align:top;margin-left:4px}dialog{border:0;border-radius:4px;background:var(--paper);max-width:900px;width:90%;max-height:90vh;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:50px;margin:20px 0}dialog img{width:100%;max-height:55vh;object-fit:contain;background:#ddd}dialog p{font-size:17px;max-width:700px}.close{display:block;margin-left:auto;margin-bottom:20px;border:1px solid #888;border-radius:30px;padding:8px 18px;background:none;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1700px){main,header,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:800px){header{height:85px}.brand{font-size:36px}nav{gap:15px}.contact-top{display:none}.hero h1{margin:60px 0 45px;font-size:12.5vw}.hero-note{display:none}.hero-bottom{justify-content:space-between;gap:20px}.hero-bottom p{font-size:15px}.section{padding-top:65px;padding-bottom:65px}.studio{grid-template-columns:1fr;gap:35px}.studio-copy{gap:25px}.project-grid{gap:40px 20px}.project-image,.project-image.print{height:280px}.project.small{margin-top:70px}.project-caption{display:block}.project-caption h3{font-size:23px}.project-caption span{font-size:9px}.project-statement{padding:30px 3%}.project-statement p{font-size:62px}.statement-star{font-size:70px}.service-content{gap:25px}.contact h2 .red{font-size:100px}.contact-bottom{flex-wrap:wrap}.contact-bottom>span{display:none}footer{flex-wrap:wrap}}@media(max-width:540px){header nav{display:none;position:absolute;top:84px;left:-5%;right:-5%;background:var(--paper);padding:25px;box-shadow:0 10px 20px #0001}header nav.open{display:flex;flex-direction:column}#menu{display:block;border:0;background:none;font-size:14px}.eyebrow{font-size:9px;letter-spacing:.8px}.eyebrow span:last-child{display:none}.hero{padding-top:22px}.hero h1{font-size:16vw;margin:45px 0 40px;line-height:1.04}.hero-bottom{align-items:flex-start;flex-direction:column;margin-bottom:30px}.hero-bottom p br:last-child{display:none}.hero-bottom .pill{padding:15px 25px}.hero-index{font-size:9px}.mark svg{bottom:-10px;stroke-width:5px}.ticker div{font-size:22px}.ticker{padding:11px 0}.section-label{font-size:10px}.studio-copy{grid-template-columns:1fr}.heading-row{display:block}.heading-row p{margin:25px 0 0}.project-grid{grid-template-columns:1fr;gap:30px}.project.small{margin-top:0}.project-image,.project-image.print{height:260px}.project-caption{display:flex}.project-statement{padding:35px 0 0;min-height:210px}.project-statement p{font-size:70px}.statement-star{position:absolute;right:15px;bottom:5px}.service-num{width:20px}summary{gap:14px}summary h3{font-size:24px;letter-spacing:-1px}.service-content{margin:15px 0 0 34px;grid-template-columns:1fr;gap:15px}.contact h2{font-size:65px}.contact h2 .red{font-size:70px;right:0;top:70px}.contact-bottom{display:block}.email{display:inline-block;margin-top:15px;font-size:24px}.contact h2{margin-bottom:35px}footer div{display:none}dialog{padding:24px}dialog h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Orange identity and curated project presentation */
.pill:hover{color:var(--ink)}.manifesto .pill:hover{color:var(--paper)}
.curated{grid-template-columns:1fr 1fr;gap:60px 32px}.feature-project{grid-column:1/-1}.project-stage{position:relative;overflow:hidden;height:430px;padding:65px 40px;display:flex;align-items:center;justify-content:center;border-radius:8px;isolation:isolate}.project-stage img{width:88%;height:90%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:1}.project-number,.project-kind{position:absolute;top:24px;font-size:12px;letter-spacing:1.2px;z-index:3}.project-number{left:25px}.project-kind{right:25px}.fashion-stage{height:580px;background:#e5e6df;padding:70px 10% 90px}.fashion-stage img{width:85%;height:100%;object-fit:contain;transform:rotate(-3deg);filter:drop-shadow(0 24px 16px #17251835)}.stage-word{position:absolute;bottom:-22px;left:2%;font-size:clamp(95px,15vw,215px);letter-spacing:-.075em;font-weight:900;line-height:1;color:#ced1c7;z-index:0}.project:hover .fashion-stage img{transform:rotate(0) translateY(-5px) scale(1.035)}.project-open{position:absolute;bottom:22px;right:24px;background:var(--ink);color:var(--paper);border-radius:40px;font-size:13px;padding:13px 20px;z-index:4;transition:background .25s,color .25s}.project:hover .project-open{background:var(--red);color:var(--ink)}.brand-stage{background:#004d90;color:white}.brand-stage img{width:94%;height:94%;mix-blend-mode:normal}.project:hover .brand-stage img{transform:scale(1.06)}.paper-stage{background:#d7e4e8}.paper-stage img{width:96%;height:95%;transform:rotate(4deg);filter:drop-shadow(0 15px 14px #23344030)}.project:hover .paper-stage img{transform:rotate(0) scale(1.03)}.curated .project-caption{align-items:center;padding:23px 2px 0;display:flex}.project-overline{display:block;margin-bottom:9px;color:#666;font-size:11px!important;letter-spacing:1.4px!important}.curated .project-caption h3{font-size:34px;font-weight:500;letter-spacing:-1.2px}.project-caption p{font-size:15px;line-height:1.5;color:#555;margin:0;text-align:right}.project-caption .caption-plus{border:1px solid #bbb;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:27px;transition:transform .3s,background .3s}.project:hover .caption-plus{transform:rotate(90deg);background:var(--red);border-color:var(--red)}.portfolio-signoff{border-top:1px solid #ccc;margin-top:65px;padding-top:25px;display:flex;align-items:center;gap:20px}.portfolio-signoff>span:first-child{font-size:12px;letter-spacing:1.5px}.portfolio-signoff em{font:italic 55px/1 Georgia,serif;letter-spacing:-2px}.portfolio-star{margin-left:auto;font-size:58px;color:var(--red);line-height:1}
.service-list details{overflow:hidden}.expand{transition:transform .35s,color .35s}.service-list details[data-expanded="true"] .expand{transform:rotate(45deg);color:var(--red)}.service-list details[data-expanded="false"] .expand{transform:rotate(0);color:var(--ink)}
.contact-heading{display:flex;align-items:center;gap:30px;margin:45px 0}.contact-heading h2{font-size:clamp(44px,6.2vw,100px);line-height:1.1;margin:0;flex:1}.contact-heading h2 em{color:var(--red)}.contact-star{font-size:130px;color:var(--red);animation:spin 40s linear infinite;line-height:1}.contact .contact-bottom{justify-content:flex-start;gap:70px;margin-top:45px}.contact-button{background:var(--red);color:var(--ink);font-size:17px;min-width:175px;justify-content:center}.contact-button:hover{background:var(--ink);color:var(--paper)}.contact-details{border-top:1px solid #ccc;margin-top:45px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-details .email{font-size:20px;letter-spacing:0}.contact-details>span{font-size:14px;color:#555}
@media(max-width:800px){.fashion-stage{height:420px;padding:70px 5%}.project-stage:not(.fashion-stage){height:340px;padding:65px 15px}.curated .project-caption h3{font-size:28px}.project-kind{font-size:10px}.contact-star{font-size:85px}.contact-heading h2{font-size:7vw}.curated{gap:40px 22px}}
@media(max-width:540px){.curated{grid-template-columns:1fr;gap:35px}.feature-project{grid-column:auto}.fashion-stage{height:300px;padding:55px 15px 70px}.fashion-stage img{width:100%}.project-stage:not(.fashion-stage){height:320px}.stage-word{font-size:85px;bottom:0}.project-kind{font-size:9px;right:16px}.project-number{left:16px;top:23px}.project-open{font-size:12px;padding:10px 15px;right:16px;bottom:16px}.curated .project-caption h3{font-size:28px}.project-caption p{font-size:12px;max-width:150px}.project-overline{font-size:9px!important}.portfolio-signoff{gap:10px;flex-wrap:wrap;margin-top:40px}.portfolio-signoff>span:first-child{font-size:10px;letter-spacing:.6px}.portfolio-signoff em{font-size:40px}.portfolio-star{font-size:40px}.contact-heading{position:relative;padding-right:0}.contact-heading h2{font-size:11vw;line-height:1.12}.contact-star{display:none}.contact .contact-bottom{display:flex;align-items:flex-start;gap:20px;flex-direction:column;margin-top:30px}.contact-details{align-items:flex-start;flex-direction:column}.contact-details .email{font-size:19px;margin:0}.contact-details>span{font-size:13px}}
