@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f4f1e9;--ink:#252923;--muted:#64675e;--line:#d5d6ca;--orange:#c54e2b;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:#e5bd9e;color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',var(--sans);font-size:25px;font-weight:800;letter-spacing:-1.3px}.wordmark span{color:var(--orange)}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--orange)}nav .nav-contact{padding:11px 0 11px 23px;border-left:1px solid var(--line)}.nav-contact span{margin-left:16px}.menu-toggle{display:none}.hero{padding-top:43px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.eyebrow,.location{font-size:11px;font-weight:600;letter-spacing:1.5px;margin:0}.orange-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px}.location{letter-spacing:0;color:var(--muted);font-weight:400;font-size:12px}.location span{margin-left:8px}.hero-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:55px;align-items:center;padding:58px 0 67px}h1{font-family:'Manrope',var(--sans);font-size:clamp(58px,6.3vw,92px);line-height:1.08;letter-spacing:-5px;font-weight:500;margin:0 0 28px}em{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}h1 em{color:var(--orange);font-size:1.04em}.intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:420px;margin:0 0 30px}.button{display:inline-flex;gap:37px;align-items:center;padding:16px 21px;font-size:13px;font-weight:500;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#434b3e}.art{height:414px;background:#e8e9dc;position:relative;overflow:hidden;border-radius:3px}.art-top,.art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;z-index:2}.art-top{top:22px}.art-bottom{bottom:20px;align-items:end;line-height:1.8}.art-arrow{font-size:32px;line-height:1}.orbit{position:absolute;width:208px;height:208px;border:1px solid #8a9180;border-radius:50%;left:50%;top:50%}.orbit-one{transform:translate(-71%,-66%)}.orbit-two{transform:translate(-29%,-66%)}.orbit-three{transform:translate(-50%,-29%)}.art-label{font-family:var(--serif);font-style:italic;font-size:23px;position:absolute;z-index:2}.label-one{left:22%;top:35%}.label-two{right:22%;top:35%}.label-three{left:50%;top:66%;transform:translateX(-50%)}.art-star{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:102px;line-height:1;color:var(--orange)}.hero-bottom{border-top:1px solid var(--line);padding:24px 0;font-size:10px;letter-spacing:1.2px}.hero-bottom i{font-style:normal;color:#92988a;margin:0 18px}.hero-bottom a{letter-spacing:0;font-size:12px}.hero-bottom a span{margin-left:20px}.section{padding-top:95px;padding-bottom:99px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;letter-spacing:1.5px;margin-bottom:38px}.small-cross{font-size:22px;font-weight:400}.about{display:grid;grid-template-columns:1fr 2.15fr;gap:55px;border-top:1px solid var(--line);padding-top:86px}.about .section-label{display:block;padding-top:13px}.about .small-cross{display:block;margin-top:25px}h2{font-family:'Manrope',var(--sans);font-weight:500;font-size:clamp(38px,3.5vw,50px);line-height:1.18;letter-spacing:-2.3px;margin:0}h2 em{color:var(--muted);font-size:1.08em}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:26px 0 23px}.about-columns p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:7px}.work-section{background:#ebece2}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:33px}.project-visual{height:310px;display:block;position:relative;overflow:hidden;border-radius:3px;transition:filter .25s}.project-visual:hover{filter:brightness(1.08)}.project-num{position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:1px;opacity:.7}.vissioo{background:#343e32;color:#edece0}.vissioo-logo{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-family:'Manrope',var(--sans);font-weight:500;font-size:71px;letter-spacing:-4px}.vissioo-logo>span{color:#b8c594;font-size:56px}.project-tagline{position:absolute;bottom:25px;left:25px;font-size:11px;letter-spacing:.4px}.visual-arrow{position:absolute;right:23px;bottom:20px;font-size:25px}.one{background:#dcbf9e;color:#383e30}.one-logo{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-family:'Manrope',var(--sans);font-size:72px;font-weight:650;letter-spacing:-4px}.one-logo>span{font-size:39px;color:var(--orange);vertical-align:top;margin-left:5px;line-height:1.7}.one-rings{position:absolute;width:300px;height:300px;right:-65px;bottom:-110px}.one-rings span{position:absolute;inset:0;border:1px solid #9d9b7c;border-radius:50%;opacity:.5}.one-rings span:nth-child(2){inset:24px}.one-rings span:nth-child(3){inset:48px}.project-info{display:flex;justify-content:space-between;align-items:start;margin:23px 0 20px;gap:10px}.project-info h3{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0 0 6px}.project-info p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.pill{font-size:9px;padding:6px 10px;border:1px solid #b8bfad;border-radius:20px;margin-top:3px}.notes{padding-top:96px}.note-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:64px 1fr 42px;align-items:center;gap:20px;cursor:pointer;padding:30px 0}summary::-webkit-details-marker{display:none}.note-number{align-self:start;font-size:11px;color:#858a7e;padding-top:5px}.note-category{font-size:9px;letter-spacing:1.3px;color:var(--orange)}summary h3{font-size:24px;line-height:1.4;font-weight:400;letter-spacing:-.7px;margin:9px 0 0}summary h3 br{display:none}.note-plus{font-size:27px;text-align:right;transition:transform .2s}details[open] .note-plus{transform:rotate(45deg)}.note-body{padding:0 84px 29px;max-width:800px;color:var(--muted);font-size:15px;line-height:1.8}.note-body p{margin:0 0 16px}.note-body p:last-child{margin-bottom:0}.note-prompt{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:20px}.notes-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px}.notes-footer>span{font-size:11px;color:var(--muted)}.contact{background:#30392e;color:#f3f0e6;overflow:hidden}.contact-inner{padding-top:64px;padding-bottom:80px;position:relative}.contact .eyebrow{font-size:10px;letter-spacing:1.5px;color:#b7c0ad}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-top:39px;position:relative;z-index:1}.contact h2{font-size:clamp(40px,4vw,59px)}.contact h2 em{color:#d3d6c4}.contact-grid p{font-size:14px;line-height:1.8;color:#d1d6c8;max-width:325px;margin:0 0 24px}.button.light{background:#eeeee0;color:var(--ink);gap:34px}.contact-star{position:absolute;right:10px;top:-80px;font-size:330px;color:#b8c49c;opacity:.045;line-height:1;pointer-events:none}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:35px}.site-footer .wordmark{font-size:20px}.site-footer>span,.site-footer>a:last-child{font-size:10px;color:var(--muted)}.site-footer>a:last-child span{margin-left:20px}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--ink);color:white;padding:14px}.skip-link:focus{top:15px}
@media(min-width:1600px){.hero-grid{gap:80px}h1{font-size:94px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:30px;grid-template-columns:1.25fr 1fr}h1{font-size:67px;letter-spacing:-3.8px}.art{height:370px}.orbit{width:175px;height:175px}.art-star{font-size:87px}.art-label{font-size:20px}.label-one{left:17%}.label-two{right:17%}.about{gap:30px}.about-columns{gap:25px}.contact-grid{gap:40px}.project-visual{height:275px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:83px;position:relative}.wordmark{font-size:23px}.menu-toggle{display:block;background:none;border:0;padding:10px 0 10px 15px;font-size:13px;color:var(--ink)}.menu-toggle span{margin-left:9px;font-size:17px}nav{display:none;position:absolute;top:82px;left:-20px;right:-20px;background:var(--paper);padding:25px 20px;z-index:10;border-bottom:1px solid var(--line);box-shadow:0 14px 16px #2529230c;gap:0}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{padding:13px 0}nav .nav-contact{border-left:0;padding:13px 0;color:var(--orange)}.hero{padding-top:28px}.hero-top .eyebrow{font-size:9px;letter-spacing:1px}.location{font-size:10px}.hero-grid{grid-template-columns:1fr;gap:39px;padding:38px 0 30px}h1{font-size:clamp(57px,11.6vw,85px);letter-spacing:-3.5px;margin-bottom:23px}.intro{font-size:15px;line-height:1.8;max-width:470px;margin-bottom:25px}.art{height:350px}.orbit{width:193px;height:193px}.art-star{font-size:95px}.label-one{left:27%}.label-two{right:27%}.hero-bottom{font-size:8px;letter-spacing:.6px;padding:20px 0;gap:15px}.hero-bottom i{margin:0 6px}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:7px}.section{padding-block:60px}.about{grid-template-columns:1fr;gap:0}.about .section-label{display:flex;padding:0;margin-bottom:27px}.about .small-cross{margin:0}h2{font-size:37px;letter-spacing:-1.8px}.about-columns{grid-template-columns:1fr;gap:16px;margin:24px 0}.about-columns p{font-size:14px}.section-label{margin-bottom:27px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:37px}.project-visual{height:280px}.project-info{margin-top:17px;margin-bottom:13px}.project-info h3{font-size:19px}.note-number{font-size:10px}summary{grid-template-columns:25px 1fr 24px;gap:10px;padding:24px 0}summary h3{font-size:20px;letter-spacing:-.5px}summary h3 br{display:block}.note-body{padding:0 35px 25px;font-size:14px}.note-prompt{font-size:18px}.notes-footer{align-items:start;flex-direction:column;gap:18px}.notes-footer>span{font-size:10px}.contact-inner{padding-block:49px 55px}.contact-grid{grid-template-columns:1fr;gap:27px;margin-top:29px}.contact h2{font-size:40px}.contact-grid p{font-size:13px}.site-footer{flex-wrap:wrap;padding-block:29px;row-gap:23px}.site-footer .wordmark{width:100%}.site-footer>span,.site-footer>a:last-child{font-size:10px}}
@media(max-width:390px){h1{font-size:54px}.location{display:none}.art{height:320px}.label-one{left:21%}.label-two{right:21%}.orbit{width:180px;height:180px}.art-top{font-size:8px}h2{font-size:33px}.contact h2{font-size:35px}.hero-bottom a{font-size:9px}.hero-bottom i{margin:0 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}