:root{--paper:#edebe6;--ink:#14161a;--orange:#de5b22;--line:#c9c6be;--slate:#4a4e53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:800;line-height:1.06;letter-spacing:-.03em}.brand-dot{color:var(--orange)}nav{display:flex;gap:36px;font-size:15px}nav a:hover,footer>a:last-child:hover{color:#a33b13}.nav-cta{display:flex;gap:30px;font-size:15px;font-weight:600}.nav-cta span{font-size:23px}.eyebrow,.edition,.hero-note,.industry-strip>div>span,.number,.service-tag,.image-label,.view-work,.steps article>span,.portrait>span{font-family:'Courier New',monospace;font-size:12px;font-weight:600;letter-spacing:.055em}.hero{position:relative;padding-top:37px;padding-bottom:23px}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow{line-height:1.5}.edition{color:var(--slate)}h1{font-size:clamp(76px,9.4vw,145px);letter-spacing:-.077em;line-height:.94;padding-top:55px;padding-bottom:40px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.066em;color:var(--orange)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:1060px;margin-left:auto;gap:45px;margin-bottom:62px}.hero-bottom p{max-width:525px;font-size:19px;color:var(--slate)}.circle-link{flex:0 0 132px;height:132px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:background .2s,color .2s}.circle-link>span:first-child{font:600 12px 'Courier New',monospace}.circle-link .arrow{font-size:38px;line-height:1}.circle-link:hover{background:var(--ink);color:var(--paper)}.hero-note{border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;color:var(--slate);gap:20px}.industry-strip{background:var(--ink);color:var(--paper);margin-top:12px}.industry-strip .wrap{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.industry-strip>div>span{color:#bbb9b2;max-width:180px;line-height:1.6}.industry-strip p{font-size:clamp(17px,1.6vw,24px);letter-spacing:-.035em}.industry-strip b{color:var(--orange);font-weight:400;margin-inline:16px}.section{padding-block:115px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:70px}.section-head .eyebrow{padding-top:8px}h2{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.055em;line-height:1.08}.service-list article{display:grid;grid-template-columns:.35fr .9fr 1fr;gap:40px;border-top:1px solid var(--line);padding:37px 0 45px}.service-list article:last-child{border-bottom:1px solid var(--line)}.number{padding-top:7px;color:#9c3915}.service-list h3{font-size:clamp(27px,3vw,42px);letter-spacing:-.055em;line-height:1.15}.service-list p{font-size:17px;color:var(--slate)}.service-tag{display:block;margin-top:23px;font-size:11px;color:#913612}.service-foot{padding-top:25px;font-size:15px;color:var(--slate)}.service-foot a{text-decoration:underline;text-underline-offset:4px}.work-section{padding-block:90px 100px;background:var(--ink);color:var(--paper)}.work-section .eyebrow{color:#c9c6be}.featured-work{display:block}.work-image{position:relative;overflow:hidden;background:#090b0c}.work-image img{width:100%;aspect-ratio:16/8;object-fit:cover;transition:transform .5s}.featured-work:hover img{transform:scale(1.025)}.image-label{position:absolute;top:25px;left:28px;background:var(--paper);padding:11px 14px;color:var(--ink)}.view-work{position:absolute;bottom:25px;right:28px;background:var(--orange);padding:15px 20px;color:var(--ink)}.work-description{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:28px}.work-description h3{font-size:36px;letter-spacing:-.04em}.work-description p,.product-work p{font-size:16px;color:#c9c6be;max-width:580px}.product-work{margin-top:60px;border-top:1px solid #454649;border-bottom:1px solid #454649;padding:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.product-work h3{font-size:35px;letter-spacing:-.05em;margin-top:14px}.product-work h3 span{margin-left:35px;color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps article>span{color:#943716}.steps h3{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin-top:30px}.steps p{font-size:16px;color:var(--slate);margin-top:17px}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-bottom:120px;align-items:center}.portrait{position:relative}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;filter:saturate(.65)}.portrait>span{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:var(--paper);padding:19px 23px}.about-copy h2{margin-block:28px 30px}.about-copy p:not(.eyebrow){font-size:17px;color:var(--slate);margin-top:18px;max-width:570px}.contact{background:var(--orange);padding-block:85px 60px}.contact h2{font-size:clamp(45px,6.3vw,94px);margin-top:40px;letter-spacing:-.065em}.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:47px}.contact-bottom p{font-size:17px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 25px;background:var(--ink);color:var(--paper);font-size:16px;min-height:64px}.button:hover{background:#292c31}.button span{font-size:24px}.email{display:inline-block;font-size:16px;margin-top:37px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}footer{min-height:145px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p,footer>a:last-child{font-size:13px;color:var(--slate)}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:#fff;padding:16px}.skip:focus{top:10px}section{scroll-margin-top:20px}@media(min-width:1450px){h1{font-size:150px}.hero-bottom{margin-top:-85px;max-width:700px}.hero-bottom p{max-width:440px}.hero-note{margin-top:50px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}nav{gap:22px}.hero-bottom{margin-bottom:40px}.hero-bottom p{font-size:18px}.industry-strip .wrap{display:block}.industry-strip>div>span{display:block;max-width:none;margin-bottom:12px}.section-head{grid-template-columns:1fr 2fr;gap:24px}.service-list article{grid-template-columns:40px 1fr 1.3fr;gap:24px}.steps{grid-template-columns:repeat(2,1fr);gap:40px}.about{gap:45px}.about h2{font-size:39px}.contact-bottom{align-items:flex-start;flex-direction:column}.edition{display:none}footer{flex-wrap:wrap;padding-block:30px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:15px}.header nav{display:none}.brand{font-size:13px;gap:9px}.brand img{width:27px;height:34px}.nav-cta{font-size:14px;gap:16px}.hero{padding-top:26px}.hero-top .eyebrow{font-size:11px}h1{font-size:clamp(62px,15vw,96px);padding-top:40px;padding-bottom:30px;letter-spacing:-.07em}.hero-bottom{display:block}.hero-bottom p{font-size:17px}.circle-link{height:92px;width:92px;flex-basis:92px;margin:25px 0 0 auto}.circle-link .arrow{font-size:29px}.circle-link>span:first-child{font-size:11px}.hero-note{font-size:10px;line-height:1.5}.hero-note>span:last-child{text-align:right;max-width:180px}.industry-strip .wrap{padding-block:24px}.industry-strip p{font-size:19px;line-height:1.9}.industry-strip b{margin-inline:7px}.section{padding-block:70px}.section-head{display:block;margin-bottom:38px}.section-head h2{margin-top:23px;font-size:38px}.service-list article{grid-template-columns:30px 1fr;gap:17px;padding:27px 0 32px}.service-list h3{font-size:31px}.service-list article>div{grid-column:2}.service-list p{font-size:16px}.service-tag{font-size:10px;line-height:1.6}.work-section{padding-block:65px}.work-image img{aspect-ratio:4/3;object-position:62%}.image-label{top:13px;left:13px;font-size:10px;padding:9px}.view-work{bottom:13px;right:13px;font-size:10px;padding:12px}.work-description,.product-work{grid-template-columns:1fr;gap:15px}.work-description h3{font-size:30px}.product-work{margin-top:35px}.product-work h3{font-size:29px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:18px}.steps p{margin-top:10px}.about{grid-template-columns:1fr;gap:40px;padding-bottom:70px}.portrait{max-width:440px}.about-copy h2{font-size:41px}.contact{padding-block:60px 45px}.contact h2{font-size:clamp(43px,10.5vw,65px)}.contact-bottom{margin-top:30px;gap:26px}.contact-bottom p{font-size:16px}.button{width:100%;gap:20px;padding:18px}.email{font-size:14px}footer{align-items:flex-start;flex-direction:column;gap:23px}footer p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Motion follows the typography; no scroll locking or looping effects. */
.headline-line{display:inline-block}
@media(prefers-reduced-motion:no-preference){
  .nav-cta span,.button span,.product-work h3 span,.circle-link .arrow{display:inline-block;transition:transform .3s cubic-bezier(.2,.75,.25,1)}
  .button,.circle-link{transition:background .25s,color .25s,transform .3s}
  .service-list h3{transition:color .25s}
  .view-work{transition:transform .3s,background .3s}
  nav a{position:relative}
  nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
  nav a:focus-visible:after{transform:scaleX(1)}
  .button:focus-visible span,.nav-cta:focus-visible span,.product-work:focus-visible h3 span,.circle-link:focus-visible .arrow{transform:translate(3px,-3px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  nav a:hover:after{transform:scaleX(1)}
  .button:hover span,.nav-cta:hover span,.product-work:hover h3 span,.circle-link:hover .arrow{transform:translate(3px,-3px)}
  .button:hover{transform:translateY(-2px)}
  .featured-work:hover .view-work{transform:translateY(-4px)}
  .service-list article:hover h3{color:#a33b13}
}
@media(prefers-reduced-motion:reduce){.featured-work:hover img{transform:none}}